View Full Version : Image insted of Text
Cologne
09-12-2009, 07:38 AM
Hi,
how can I use Images insted of TEXT links? I want to create a navigation of little social network iamges, like twitter, myspace etc.
thanks for help,
denis
Jimmy Wu
09-14-2009, 11:32 AM
To set the menu items as images, you will have to set up class items for the menu items you want the images to be for and then add the background-image into the css for that particular class.
For example, if my menu looks like this, I have added the link1 class to the Item 1 menu:
<ul class="level-0" id="cssmw">
<li class="parent"><a class="link1" href="#">Item 1</a>
<ul class="level-1">
<li><a href="#">Sub Item 1</a></li>
<li><a href="#">Sub Item 2</a></li>
<li><a href="#">Sub Item 3</a></li>
</ul>
</li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
</ul>
In my css file I have added this:
ul#cssmw > li > a.link1 {
background-image:url(img.jpg);
}
to get the background image to show up.
lisa315733
10-13-2009, 04:19 AM
It sure would be great if this option was available through the wizard... any future plans on making this part of the program?
Jimmy Wu
10-13-2009, 02:28 PM
A feature request has been logged for this, so it may be added in a future release.
Cologne
10-13-2009, 02:35 PM
Jimmy,
THNAKS!
and PLEASE
sperate Rulers between the links.
for example: link ruler link ruler link ruler link :-)
AND
stretch navigation over a fixed width. just look the LIKNO.com navigation :-)
Denis
vBulletin® v3.8.1, Copyright ©2000-2012, Jelsoft Enterprises Ltd.