Welcome to Geeklog, Anonymous Friday, November 08 2024 @ 08:59 pm EST
Geeklog Forums
Enhancement Request - Light Text-DarkBackground
Status: offline
Turner
Forum User
Chatty
Registered: 04/11/05
Posts: 42
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.
10
13
Quote
Status: offline
geKow
Forum User
Full Member
Registered: 01/12/03
Posts: 445
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
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
8
13
Quote
Status: offline
Dirk
Site Admin
Admin
Registered: 01/12/02
Posts: 13073
Location:Stuttgart, Germany
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, if necessary.
bye, Dirk
bye, Dirk
7
10
Quote
Status: offline
Turner
Forum User
Chatty
Registered: 04/11/05
Posts: 42
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.
-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.
7
12
Quote
Status: offline
drshakagee
Forum User
Full Member
Registered: 10/01/03
Posts: 231
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.
Yes I am mental.
Yes I am mental.
11
8
Quote
Status: offline
drshakagee
Forum User
Full Member
Registered: 10/01/03
Posts: 231
If you edit these classes in your style.css it will look like this:
.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
}
Yes I am mental.
Text Formatted Code
.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
}
Yes I am mental.
9
12
Quote
sam
Anonymous
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
Thanks
9
10
Quote
Status: offline
geKow
Forum User
Full Member
Registered: 01/12/03
Posts: 445
You can define your own classes like
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
Text Formatted Code
<a href class="mylink">...Text Formatted Code
a {color:blue} <<< colour for all links
a.mylink {color:white} <<< colour for special links
geKow
9
8
Quote
Status: offline
drshakagee
Forum User
Full Member
Registered: 10/01/03
Posts: 231
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 {
color:orange;
}
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)
Yes I am mental.
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):
Text Formatted Code
.block-info-left a {
color:white;
}
you can also do something like:
Text Formatted Code
.block-info-left a:hover {
color:green;
}
.block-info-left a:visited {
color:orange;
}
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)
Yes I am mental.
7
9
Quote
Status: offline
drshakagee
Forum User
Full Member
Registered: 10/01/03
Posts: 231
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).
Yes I am mental.
Yes I am mental.
8
12
Quote
Sam
Anonymous
Thanks for your help. Success
Sam
Sam
8
7
Quote
All times are EST. The time is now 08:59 pm.
- Normal Topic
- Sticky Topic
- Locked Topic
- New Post
- Sticky Topic W/ New Post
- Locked Topic W/ New Post
- View Anonymous Posts
- Able to post
- Filtered HTML Allowed
- Censored Content