Left hand side menu question

Skinning and designing Serendipity (CSS, HTML, Smarty)
Post Reply
iampedro
Regular
Posts: 8
Joined: Fri Aug 18, 2006 4:28 am

Left hand side menu question

Post by iampedro »

I was wondering is it possible to make a lefthand side menu with roll over images?
abdussamad
Regular
Posts: 117
Joined: Fri Apr 21, 2006 10:11 pm
Location: Karachi, Pakistan
Contact:

Post by abdussamad »

You can do this with css. You will need to modify your styles.css files in your serendipity_directory/templates/template_name/ directory. Just set a background image for the category plugin links and another for the hover class. Something like this (untested):

Code: Select all


.container_serendipity_categories_plugin a{background-image:url("{TEMPLATE_PATH}img/path.gif");

}

.container_serendipity_categories_plugin a:hover {
{background-image:url("{TEMPLATE_PATH}img/rollover.gif");
}

That should help.You may need to set a width or height.
garvinhicking
Core Developer
Posts: 30022
Joined: Tue Sep 16, 2003 9:45 pm
Location: Cologne, Germany
Contact:

Re: Left hand side menu question

Post by garvinhicking »

Hi!

Yes, that's possible with Smarty templating, some Javascript and/or CSS adaptation.

Have a look at many themes from Carl Galloway, where he has often implemented roll overs.

Best regards,
Garvin
# Garvin Hicking (s9y Developer)
# Did I help you? Consider making me happy: http://wishes.garv.in/
# or use my PayPal account "paypal {at} supergarv (dot) de"
# My "other" hobby: http://flickr.garv.in/
Post Reply