PDA

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