This may have been covered, but I haven't seen it. 

My company is developing a site for another company and we've decided to step into the DNN world to do so.  A previous developer (who is no longer with the company) had developed a self managed solution for us, but we wish to move away. 

So, the question becomes, if you are not allowed to have more than one token, ie. [MENU] or [LOGO], how can I get 3 graphics images in the header?  We've been struggling wtih that, and creating a skin, but you're videos have helped me to get a better understanding of that, will be testing out my learned knowledge today.  So, essentially, I would like my one cell to look like

[IMAGE] [LOGO] [IMAGE]

My second question is that my customer also would like a vertical AND a horizontal menu. But again, if I'm only allowed 1 token item per page, can this even be accomplished?

A third question is, can javascript code run in the DNN environment?  I have not had any success with implementing that either.

Thanks tons for the videos and hopefully you can assist with the above.

Andrew

Hi Andrew,

Glad you've found the videos useful. - Regarding the image, logo, image header - do you require to be able to change the images by logging in? Or is this just an image as part of the graphic that will be displayed in the skin?

You can add multiple tokens to a page, but you need to number them ie: [CONTENTPANE], [CONTENTPANE:1] etc. - so in your xml file, for the token, you can set individual settings for each of those tokens.

Regarding 2 menus, this should be possible following the above rule, but I would actually use a different method.

The solpart menu is not very search engine friendly because it surrounds the links in Javascript. - What I would recommend therefore is that you use the solpart as your horizontal menu and then use the House Menu as the vertical menu - if you've used CSS before for creating menus, you will find this easy to configure. - The HouseMenu is search engine friendly.

In fact you could use the House menu for both the horizontal and vertical menus.

You can see an example of a pure CSS skin I have created here with the House Menu.
http://skins.dnncreative.com/TheSkinDetails/tabid/64/Default.aspx

Javascript can be incorporated into skins, the above example uses Javascript to pull in a IE hacks file and a print.css file dependant on the browser. - All you have to do is add the Javascript into your skin. - Have a look at the source code of the skin and you can see the Javascript at the end of the source.

Hope this helps you get started, thanks,

---

do you require to be able to change the images by logging in? Or is this just an image as part of the graphic that will be displayed in the skin?

---

One of the images will be static, but the image after the logo would be rotating between 1 of 2 images.  The user themselves will not need to change either of these images, or the logo.  They will all remain part of the template created by us. 

I will take a closer look at the link provided, and thanks very much for the quick response.

Which brings me to another question, I have been looking at various skins and having a diffucult time defining where the image files are supposed be, ie, skins/_default/<skin>/<image file>.  From what I saw of your videos that seemed to be how it worked.  Now, I may have designed the skin wrong to begin with, and so the images were not being picked up, but when I applied the skin initially, the image showed up on that selection page, but if I went to any other page, the images wouldn't display at all.  I tried the files in several different locations, but nothing seemed to work.  Any advice on that?

If you place the images in a zip file at the same level as your skin then you will be able to follow the method as outlined in the tutorials. - It is possible to place the images in a folder within your zip file as well, all you have to do is make sure you specify the image folder within your skin file. ie. "/images/myimage.gif"

Where the files are stored on your server depends on how you install the skin. - I covered the differences between installing a skin as an admin and as a host in the tutorials, follow through the first tutorials on working with & installing skins.

For testing - right click where the image should be and select properties to see the URL that it is pointing to, from here you can troubleshoot and work out why you are not getting any images.

Regarding the images, you could split your cell into 3 cells so that you can specify for the left cell a background image, the middle cell uses the [LOGO] token and the right cell you could do 2 methods.

Dependant on how you intend on placing a rotating image, you could place an animated gif for instance within the table cell, or you could place a flash file. - The other option is to turn the cell into a content pane and then add a module to that pane. - You would need to purchase a image rotating module, this allows you to configure a different setting for each page, or you can just tick apply module to all pages.

You maybe able to do this in 1 cell, all you need to do is find a way of specifying the images. - ie. you could place an image as a background image (using css) and align it to the left, you then add the [LOGO] token and then you could place a link to the rotating image aligned to the right of the cell.

You specify images as you would in any other table design.

Thanks for the help and advice.  I'll be testing all this out today.  I really appreciate the quick repsonses.

After working with my collegue and going over the videos and what you posted again to be sure we missed nothing.  Where did you put the logo image that you used?  What did you call it?  And how do we add more graphics and call them.  We checked the xml file and all the information we have, and we are missing it.  I'm sure it's very easy, but wow, we're gonna kick ourselves when we find out.

 

Thanks again

Andrew

I assumed in the video that you knew how to add your own logo. I think it's covered in the quick start guide video from Issue 1. - Each issue carries on from the previous issues, so I would recommend that you take the time to go through them.

To add a logo, go to the admin menu, site settings, and you will see the option for Logo, you can Upload your logo there. - Easy?!

Thanks,

Ahhhh, I see. I saw that area, but did not understand fully what I was looking at. I will have to download the remainder of the videos. I only downloaded the skinning ones. Again, I thank you for your assistance.