Diferent color background in a certain module? [Theme templates and Smarty help]

1

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

<td width="100%" valign="top" class="contentbox" bgcolor="#FFFFFF">

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

Re: Diferent color background in a certain module?

2005/5/1 1:52
jdseymour
Friend of XOOPS
Posts: 3782
Since: 2004/11/11

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 <div class=name>your content</div>

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

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

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

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 herehttp://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

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 (<th>)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

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

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

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

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!

Stats
Goal:	$100.00
Due Date:	Apr 30
Gross Amount:	$0.00
Net Balance:	$0.00
Left to go:	$100.00

Diferent color background in a certain module?

Re: Diferent color background in a certain module?

Re: Diferent color background in a certain module?

Re: Diferent color background in a certain module?

Re: Diferent color background in a certain module?

Re: Diferent color background in a certain module?

Re: Diferent color background in a certain module?

Re: Diferent color background in a certain module?

Re: Diferent color background in a certain module?

Re: Diferent color background in a certain module?

Login

Search

Recent Posts

Re: Rebuilding and Updating a 20 years old Xoops Website from 2.0.18? to 2.5.11

Rebuilding and Updating a 20 years old Xoops Website from 2.0.18? to 2.5.11

Re: NewBB v 5.1.0 b 6

Re: NewBB v 5.1.0 b 6

NewBB v 5.1.0 b 6

Re: XOOPS 2.5.11 search user is not working

Re: oledrion

Re: oledrion

Re: oledrion

Re: oledrion

Who's Online

Donat-O-Meter

Latest GitHub Commits

{{ record.sha.slice(0, 7) }} - {{ record.commit.message | truncate }}