Welcome to Geeklog Wednesday, December 08 2021 @ 05:05 pm EST

Geeklog Forums

Enhancement Request - Light Text-DarkBackground


Status: offline

Turner

Forum User
Chatty
Registered: 11/04/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.
 Quote

Status: offline

geKow

Forum User
Full Member
Registered: 12/01/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
 Quote

Status: offline

Dirk

Site Admin
Admin
Registered: 12/01/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
 Quote

Status: offline

Turner

Forum User
Chatty
Registered: 11/04/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.
 Quote

Status: offline

drshakagee

Forum User
Full Member
Registered: 01/10/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.
 Quote

Status: offline

Turner

Forum User
Chatty
Registered: 11/04/05
Posts: 42
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.
 Quote

Status: offline

drshakagee

Forum User
Full Member
Registered: 01/10/03
Posts: 231
If you edit these classes in your style.css it will look like this:
PHP 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.
 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
 Quote

Status: offline

geKow

Forum User
Full Member
Registered: 12/01/03
Posts: 445
You can define your own classes like
PHP Formatted Code
<a href class="mylink">...
 
in the template files and define the way it should look in the css file like
PHP Formatted Code

a {color:blue}             <<< colour for all links
a.mylink {color:white}  <<< colour for special links

 






geKow
 Quote

Status: offline

drshakagee

Forum User
Full Member
Registered: 01/10/03
Posts: 231
I think the whole point of these posts is to let people butt in and ask/answer questions. Very Happy

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):
PHP Formatted Code

.block-info-left a {
  color:white;
}

 

you can also do something like:
PHP 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.
 Quote

Status: offline

drshakagee

Forum User
Full Member
Registered: 01/10/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.
 Quote

Sam

Anonymous
Thanks for your help. Success

Its a deal - shaking hands

Sam
 Quote

Status: offline

Turner

Forum User
Chatty
Registered: 11/04/05
Posts: 42
Embarassed Uh Thanks!
-Jeff
 Quote

All times are EST. The time is now 05:05 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