FORUMS CLOSED DUE TO SPAM. YOU STILL CAN ADD POST!

Dirtylicious theme modification

Feed 5 posts, 2 voices

Avatar
60 posts

Well, I am wanting to modify the Dirylicious them on my site. Is there a ways so that the sidebar/navigation can look similar to the side panels on this site. The panel headers stand out with a bright color and the panels are separated categorically.

 
Avatar
1493 posts

You can do whatever you like, of course (as long as it complies with Arcsin’s license), but it will be a bit tricky. He has used the “faux columns” technique, using an image to give you the balanced sidebar/content columns as you see them:

Of course, the Zybez site you link to isn’t bothered about balanced columns at all :) so if you dispense with that “main.gif”, then you will find it easier to work with the CSS in the way you wish. I think. ;)

 
Avatar
60 posts

What would you suggest then? I can attempt to make the separate panels but that ruins the whole layout of my site.

 
Avatar
1493 posts

Well … just a suggestion to play with … but you could try this. Grab this image (if you can! It’s 1×36!)…

(The URL is http://erajad.byethost10.com/public/images/sidebar_hbg.png if it’s proving tricky!)

and save it as “sidebar_hbg.png” in your img_dirtylicious folder. Then, in your css, find the line reading:

.navigation h2,.navigation h3 {

It’s around line 163 in my copy. Instead of the following “color” line, paste in this:

/*	color: #5A5A43; */
	color: #fff;
	background: url('img_dirtylicious/sidebar_hbg.png') repeat-x;

Reload your site and see what you think. It’s just one way you could take it, but might give you enough to go on?

Hope it helps!

(Update: I gave mis-matching PNG names originally. Make sure they match, of course!)

 
Avatar
60 posts

That’s gotta be the weirdest design I’ve ever seen but thanks…I’ll work on it.

 
Avatar
60 posts

New question…how to make it so that the theme covers the full height of the page leaving the space on the side empty?

Edit: Nevermind, figured it out….deleted the padding-top and padding-bottom CSS properties.