1
javier
Diferent color background in a certain module?
  • 2005/5/1 1:01

  • javier

  • Not too shy to talk

  • Posts: 184

  • Since: 2002/8/6 1


Hi,
The default XOOPS themes has one color as background for all the modules,

For example in theme.html




I want put a diferent background color for the newbb module, i tested thousand of diferent ways and have not success.
any ideas about how to make that and where?

Thanks in advance.
grettings

2
jdseymour
Re: Diferent color background in a certain module?

I am no expert, but you would probably need to do it with CSS.

First you would need to open the cloned template set, find the newbb template to edit, add a new div class like
your content


Then in style.css define your new class with the background of your choice.

I think this should work, let me know if I am wrong.

HTH.

3
asche
Re: Diferent color background in a certain module?
  • 2005/5/2 11:43

  • asche

  • Not too shy to talk

  • Posts: 116

  • Since: 2004/4/5 9


Metoo want to change the color of newbb, especially of background for categories, because they are too dark - as you can see here:
http://66.195.17.52/~vobe/html/modules/newbb/

I found out, that this color must be definded in /theme/style.css (not in newbb/css), because using the default theme and changing values:
.head { background-color: #E2FFD3; padding: 3px;}
.foot { background-color: #E2FFD3; padding: 3px;}
.blockTitle {background-color: #E2FFD3; color: #666600; padding: 2px; font-weight: bold}

result of changing values in default style.css
http://66.195.17.52/~arm/html/modules/newbb/

Remaining problem: I cant find the corresponding values in the E7 style.css (Copyright © 2004 by eirenicon l.l.c. | Site style derived from the original design by 7dana.com).
http://66.195.17.52/~arm/html\themes\e7\style-org.css

Does somebody know how I can define a lighter color for the "category bar" in newbb?

4
ladon
Re: Diferent color background in a certain module?
  • 2005/5/2 12:40

  • ladon

  • Quite a regular

  • Posts: 284

  • Since: 2003/10/31


There's more then one way to do what you want. First, the easy one:

When you look in the templates for the forum, or any other module for that matter, you'll see pretty much each table/td has a class. Those classes are defined in the theme css. Rename the class to something new, lets say 'Forumsomething' and add it to your css. Pick a colour for that class and except for the forum table/td everything else remains the same.


Another way is to let it load an entirly different theme for different modules:

My theme.html looks like this:
<{if $xoops_pagetitle == Forum }>
    <{include 
file="themedir/themeforum.html"}>
<{elseif 
$xoops_pagetitle == sections }>
    <{include 
file="themedir/themesections.html"}>
<{else}>
    <{include 
file="themedir/thememain.html"}>
<{/if}>


Now a seperate themefile will be loaded for each specified module. Then you can change what ever you want. Some newer modules however, add topic/news titles to the pagetitle, so it might take some hacking to remove that if you want to use this the easy way.

5
asche
Re: Diferent color background in a certain module?
  • 2005/5/2 13:46

  • asche

  • Not too shy to talk

  • Posts: 116

  • Since: 2004/4/5 9


all right, that is 2nd or 3rd step for me (tempting idea anyhow), but rightnow I want to make the freshly installed forum readable in order to go online ....

... i need to change just one variable in style.css to lighten up the backround of Categories, Topics and Forum-Topics. But I dont know which one!

I was successful in XOOPS default style.css changing .head { background-color) -> as you can see here http://66.195.17.52/~arm/html/modules/newbb/, but I cant find it in "E7 style.css" (e7\style.css).

I have black and unreadable backgrounds here:
http://66.195.17.52/~vobe/html/modules/newbb/
http://66.195.17.52/~vobe/html/modules/newbb/viewforum.php?forum=2
http://66.195.17.52/~vobe/html/user.php?xoops_redirect=%2F%7Evobe%2Fhtml%2Fuser.php
http://66.195.17.52/~vobe/html/modules/news/
http://66.195.17.52/~vobe/html/modules/xoopsheadline/
http://66.195.17.52/~vobe/html/modules/contact/
http://66.195.17.52/~vobe/html/modules/mydownloads/

So if anybody can tell me which variable I have to change to get a light backround for the categories in newbb?
http://66.195.17.52/~vobe/html/modules/newbb/

... then I can hopefully/happily go online with this forum.

6
MikeyHE
Re: Diferent color background in a certain module?
  • 2005/5/4 4:14

  • MikeyHE

  • Just popping in

  • Posts: 4

  • Since: 2004/11/7


This is the line in the style.css file that controls the background color of the table header ()that is used for "categories":

td#centercolumn th {background-color: #2F5376; color: #FFFFFF; vertical-align: middle;}

It's a little further down than the plain "th" line.

7
WarDick
Re: Diferent color background in a certain module?
  • 2005/5/4 6:03

  • WarDick

  • Just can't stay away

  • Posts: 890

  • Since: 2003/9/13


@asche

On line 394 of your style.css find #414141 and replace it with the color value of your choice. If you use firefox get the Web Developer extension. Select edit css and you can debug the colors in real time.

8
asche
Re: Diferent color background in a certain module?
  • 2005/5/4 23:23

  • asche

  • Not too shy to talk

  • Posts: 116

  • Since: 2004/4/5 9


thanks a lot for this "right on the spot info", now I can find the color value #414141 for "category background".

To find a really fitting color I checked complementary colors in "color studio schemer, but most I would like to visualize all the colors from this css and followed your advice with firefox and webdeveloper. But ... where do I find the menu for displaying the colors in css?

I hope you'll be back with this info, because this would be a great functionality.

greetings asche

9
asche
Re: Diferent color background in a certain module?
  • 2005/5/5 0:48

  • asche

  • Not too shy to talk

  • Posts: 116

  • Since: 2004/4/5 9


I found following tools:

css editor with display of colors:
top style pro 3.10
style studio v3

color composers:
html color composer
colorimpact
amiasoft color pro
rgbpro
color schemer studio

Does anybody know the ultimat css editing and color composing tool (read and display colors from css with composing wizard)?

10
McNaz
Re: Diferent color background in a certain module?
  • 2005/5/5 6:22

  • McNaz

  • Just can't stay away

  • Posts: 574

  • Since: 2003/4/21


I recently discovered this and was amazed. Download firefox and install the WebDev module. This has to be seen to be believed!!

It allows you to get a picture or the class and id structure of a web page. In this new version you are also able to hover your mouse over any part of a webpage and it will show you the relevant CSS code.

A must!

Login

Who's Online

361 user(s) are online (244 user(s) are browsing Support Forums)


Members: 0


Guests: 361


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Nov 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits