Please could someone tell me how I get rid of the little arrow on the main menu bar, and also where I need to start if I want to make a custom button for each menu item or insert a custom separator. I can change the font colour and size, etc in the css, but I cannot  seem to even put a border round the text.

You may have guessed but I'm quite new to this!!

Thanks

Jeff

Have you looked in the skinning documentation that comes with DNN? - It provides a list of tokens and the settings that you can change for them within the XML file. - Have you tried changing 'usearrows' to false?

I would suggest when you start experimenting with the solpart menu that you make extreme changes to one element at a time, this way you can learn what each part does, for instance if you add border: 10px to one of the elements you will see which part receives the border.

I don't know if it's possible to create a completely different button for each item. - It's possible to create a button for the different hover states of the mouse, eg. - as a menu link, while the mouse hovers over the link and a view for the selected item.

If your a member you can check out the DNN skin video series of tutorials where I build a skin from start to finish, which covers configuring the solpart menu for a vertical menu.

If you wish to create a menu which does have a completely different image for each item and you are experienced with CSS, you could programme this using the House menu - but this will be quite complex.

Here's a tip: - If you are searching round DNN sites and you find a menu that you like, you can download the CSS code and view how they created the menu effect. - To do this: - Download and install the firefox browser. http://www.mozilla.com/firefox/

and then install the web developers toolbar plugin available from here:
http://www.chrispederick.com/work/firefox/webdeveloper/

You can then select the CSS selection and select view CSS - this is a really useful tool for quickly learning solpart techniques.

Thanks for your quick response. I tried adding the following to the skin.xml but it didn't work:-



I am new to xml so perhaps you could tell me where this is wrong.

Many Thanks

(The site is great by the way)

Hi Jeff,

Glad you like the site, it's always good to hear!

I will look into it for you. I don't recall testing this, so if you give me a day, I will do some further testing and research and get back to you. - If in the meantime you find a solution, let us know,

Thanks,

Scrub that last entry. I have just found it!! You set 'userootbreadcrumbarrow' to false in the skin.xml.

Thanks again for your speedy reply earlier

Jeff

Great news, thanks for sharing the info,

Lee