Posted on: 05/27/05 03:27pm
By: Turner
Perhaps I am in error, but it seems Geeklog has no css tags on integrated block text (calendar, topics, etc.) so that one can create blocks with a dark background and white text WHILE ALSO having a white background with dark text for the center content. It would allow a bit more flexibility if these tags could be added to the integrated block code.
Enhancement Request - Light Text-DarkBackground
Posted on: 05/27/05 03:59pm
By: geKow
Wich theme are you talking about?
Looking at the professional theme you have block-title-left and -right for the block titles and block-info-left and right for the block content of the side blocks and block-info and block-title for the middle blocks.
geKow
Enhancement Request - Light Text-DarkBackground
Posted on: 05/27/05 04:11pm
By: Dirk
Also, you're not limited to the CSS classes that ship with the themes - you can easily add your own. You can even emit / redefine CSS
dynamically[*1] , if necessary.
bye, Dirk
Enhancement Request - Light Text-DarkBackground
Posted on: 05/27/05 04:12pm
By: Turner
It seems in all themes there is a built-in limitation disallowing white block content to appear on a very dark background (with a white center background). The tags you mentioned don't seem to affect text in all blocks.
-edit-
huh. Didn't see Dirk's very interesting comment. If someone has seen an example of dark blocks/white center, please show me AND, if possible, describe how you accomplished this without altering the core code.
Enhancement Request - Light Text-DarkBackground
Posted on: 05/28/05 02:15am
By: drshakagee
I don't really see the problem. Perhaps you are trying too hard. What theme are you trying to edit and I will make it use black blocks with white text on them and explain how I did it.
Enhancement Request - Light Text-DarkBackground
Posted on: 05/28/05 07:46pm
By: Turner
Hmmm (sensing I am about to be revealed as a complete boobyhead). Well, I'd like simply to edit the Professional theme so that I get dark block background/white text and white center background/black text.
Enhancement Request - Light Text-DarkBackground
Posted on: 05/29/05 04:50am
By: drshakagee
If you edit these classes in your style.css it will
look like this[*2] :
.block-featured-left {
background:black;
border-right:1px solid #FFFFFF;
color:white;
font:100% Tahoma,verdana,helvetica,arial,sans-serif
}
.block-info-left {
background:black;
color:#ffffff;
font:75% Tahoma,verdana,helvetica,arial,sans-serif;
padding-bottom:2px;
padding-top:2px
}
.block-info-left a {
color:#ffffff;
}
.block-title-left {
background:black;
color:white;
font:bold smaller Tahoma,verdana,helvetica,arial,sans-serif
}
Enhancement Request - Light Text-DarkBackground
Posted on: 05/29/05 07:18am
By: Anonymous (sam)
Sorry to but in on you posts but the image in the post above shows white links in the left blocks area and the colour blue is used for all other links, how is this done, I have been trying to get something similar to work for a while, but any changes I make change all the links colours across the whole site.
Thanks
Enhancement Request - Light Text-DarkBackground
Posted on: 05/29/05 09:54am
By: geKow
You can define your own classes like
<a href class="mylink">...
in the template files and define the way it should look in the css file like
a {color:blue} <<< colour for all links
a.mylink {color:white} <<< colour for special links
geKow
Enhancement Request - Light Text-DarkBackground
Posted on: 05/29/05 11:42am
By: drshakagee
I think the whole point of these posts is to let people butt in and ask/answer questions.
Because each block on the left has a class defined for its table cell, in this case block-info-left, you can do stuff like this by adding the a after the class name (in this case it will make every a tag white):
.block-info-left a {
color:white;
}
you can also do something like:
.block-info-left a:hover {
color:green;
}
.block-info-left a:visited {
colorrange;
}
To make a roll over effect (makes them green when the mouse hovers over that link) and to let people know they have already clicked on that link (makes them orange when they have already been visited)
Enhancement Request - Light Text-DarkBackground
Posted on: 05/29/05 11:45am
By: drshakagee
Oh yeah and one more thing some browsers cache the style sheet so sometimes in order to see your changes take effect you might have to clear your browser cache (I think windows calls it "Delete Internet temporary files" or something weird like that).
Enhancement Request - Light Text-DarkBackground
Posted on: 05/29/05 03:37pm
By: Anonymous (Sam)
Thanks for your help. Success
Sam
Enhancement Request - Light Text-DarkBackground
Posted on: 05/30/05 01:26am
By: Turner
Uh Thanks!
-Jeff