Topic: Modify color of text

Hello,

i search for change color of texts :

Post reply
Subscribe
From
And other....

You can look here : http://fantasmagorial7.free.fr/inconscient2.JPG

The text is black and the background is black too sad


I have found this reponse here : http://punbb.org/forums/viewtopic.php?id=8639 and i have try but it is not functional sad.

Re: Modify color of text

you doing this in a css file? can we see a snipped of that css file your using? big_smile

echo "deadram"; echo; fortune;

3 (edited by zandalf 2007-02-09 20:54)

Re: Modify color of text

Hello deadram, 

/* FallenCraft theme for punBB
 * Copyright 2006 fallengalaxy.com
 * All rights reserved.
 * Design by J. Gottero
 * Contact : jeremiegottero@gmail.com
 */

/****************************************************************/
/* 1. BACKGROUND AND TEXT COLOURS                               */
/****************************************************************/

/* 1.1 Default background colour and text colour */

html, body {
    background-color: #000000;
}
.pun {
    color: #FFFFFF;
}
.pun th {
    color: #666666;
}
div.box, #adminconsole fieldset th, .rowodd, .roweven {
    background-color: #000000;
}
#adminconsole td, #adminconsole th {
    border-color: #000000;
}

/* 1. 2 Darker background colours */

td.tc2, td.tc3, td.tcmod, #brdfooter div.box {
    background-color: #000000;
}
#adminconsole fieldset td, #viewprofile dd, div.forminfo, div.blockmenu div.box, #adstats dd {
    background-color: #000000;
}
.pun blockquote, div.codebox {
    background-color: #000000;
}

/* 1.3 Main headers and navigation bar background and text colour */

.pun h2, #brdmenu {
    background-color: #2A2A2A;
    color: #FFFFFF;
}

/* 1.4 Table header rows */

.pun th, .bgc4 {
    background-color: #000000;
}

/* 1.5 Fieldset legend text colour */

.pun legend {
    color: #FF0000;
}

/* 1.6 Highlighted text for various items */

.pun div.blockmenu li.isactive a, #posterror li strong {
    color: #FFFFFF;
}

/* 1.7 Dark background for form elements */

.pun textarea, .pun input, .pun select {
    background-color: #1D1D1D;
    color: #DDDDDD;
}

/****************************************************************/
/* 2. POST BACKGROUNDS AND TEXT                                 */
/****************************************************************/

/* 2.1 This is the setup for posts. */

div.postleft, div.postfootleft {
    border-right-color: #333333;
}
div.postright, div.postfootright {
    border-left-color: #333333;
}
div.postfootleft, div.postfootright {
    border-top-color: #333333;
}

/* 2.2 Background for post headers and text colour for post numbers in viewtopic */

div.blockpost h2 {
    background-color: #565656;
}
div.blockpost h2 span.conr {
    color: #A19E96;
}

/* 2.3 This is the line above the signature in posts. Colour and background should be the same */

.pun hr {
    background-color: #606060;
    color: #606060;
}

/****************************************************************/
/* 3. BORDER COLOURS                                            */
/****************************************************************/

/* 3.1 All external borders (H1 is the board title) */

h2, div.box {
    border-color: #333333;
}

/* 3.2 Makes the top border of posts match the colour used for post headers */

div.blockpost div.box {
    border-color: #333333;
}

/* 3.3 Table internal borders. By default TH is same as background so border is invisible */

.pun td {
    border-color: #333333;
}
.pun th {
    border-color: #333333;
}

/* 3.4 Creates the inset border for quote boxes, code boxes and form info boxes */

.pun blockquote, div.codebox, div.forminfo, div.blockpost label {
    border-color: #606060;
}

/* 3.5 fieldset borders */

.pun div fieldset {
    border-color: #555555;
}

/* 3.6 Adding color to the border of the form inputs */

.pun textarea, .pun input, .pun select {
    border-color: #555555;
}

/* 3.7 Navigation bar items separator */
#brdmenu li a  {
    border-right: 1px solid #555555;
}

/****************************************************************/
/* 4. LINK COLOURS                                              */
/****************************************************************/

/* 4.1 This is the default for all links */

.pun a:link, .pun a:visited {
    color: #FF0000;
    text-decoration: none;
}
.pun a:hover {
    text-decoration: underline;
}

/* 4.2 This is the colour for links in header rows and the navigation bar */

#brdmenu li a:link, #brdmenu li a:visited, .pun h2 a:link , .pun h2 a:visited {
    color: #FFFFFF;
}
#brdmenu li a:hover {
    background-image: url('../../img/FallenCraft/menu_over.gif');
}

/* 4.3 This is for closed topics and "hot" links */

li.postreport a:link, li.postreport a:visited, tr.iclosed td.tcl a:link, tr.iclosed td.tcl a:visited {
    color: #888888;
}
li.postreport a:hover, tr.iclosed td.tcl a:hover {
    color: #FF9600;
}
li.maintenancelink a:link, li.maintenancelink a:visited {
    color: #FF4000;
}
li.maintenancelink a:hover {
    color: #FF5010;
}

/****************************************************************/
/* 5. POST STATUS INDICATORS                                    */
/****************************************************************/

/* These are the post status indicators which appear at the left of some tables. 
.inew = new posts, .iredirect = redirect forums, .iclosed = closed topics and
.isticky = sticky topics. The default is "icon". By default only .inew is different.*/

div.inew {
    background-image: url('../../img/FallenCraft/new_msg.gif');
}
tr.isticky div.icon {
    background-image: url('../../img/FallenCraft/sticky.gif');
}
tr.isticky div.inew {
    background-image: url('../../img/FallenCraft/sticky_new.gif');
}
tr.iclosed div.icon {
    background-image: url('../../img/FallenCraft/closed.gif');
}
tr.iredirect div.icon {
    background-image: url('../../img/FallenCraft/redirect.gif');
}


/****************************************************************/
/* 6. IMAGES                                                    */
/****************************************************************/

/* 6.1 Backgrounds images */

#punwrap {
    background-image: url('../../img/FallenCraft/page_bg.gif');
}
.pun {
    background-image: url('../../img/FallenCraft/header.jpg');
}
h2{
    background-image: url('../../img/FallenCraft/title_bg.gif');
}
h2 span {
    background-image: url('../../img/FallenCraft/title_icon.gif');
}
#brdfooter {
    background-image: url('../../img/FallenCraft/footer.png');
}
#brdmenu {
    background-image: url('../../img/FallenCraft/nav_header.png');
}

This is the css file.

EDIT :

the skin is "Fallencraft"

I ask my question here because i never have reponses on the french forum sad

Re: Modify color of text

Ok, question #2, same problem at the top and at the bottom of your pages? or only at the bottom?

Try to add this to your css:

/* Makes that background grey instead of black... i hope XD */
div.linksb, div.linkst {
  background-color:   #555;
}

/* Makes the "default" links white instead of black... i hope XD */
/* This will  change all links that do not already have a specific color as far as i know*/
a:link {
  color:  #FFF;
}

See if that helps... doesn't look like div.inbox is being set to black... Soes I'mah guess it's just inherieted a black background from some other div, or from the body (I noticed the border around your forum is black).

Bon chance big_smile

echo "deadram"; echo; fortune;

5 (edited by zandalf 2007-02-09 22:17)

Re: Modify color of text

Thank you very much deadram!! it's okay! big_smile



deadram wrote:

Bon chance big_smile

Merci big_smile (bonne chance, hehe smile)

6 (edited by zandalf 2007-02-09 22:23)

Re: Modify color of text

I've edited my post, thanks again! smile

EDIT :

Oops... i've again a problem, look :

http://fantasmagorial7.free.fr/cadre1.JPG

Here it's functional (viewforum)

But not here (viewtopic) :

http://fantasmagorial7.free.fr/cadre2.JPG

yikes

Re: Modify color of text

Je pense que le suivant va correcte le problème. C'a fait des années que je écrite on français XD Je peux parler plus mieux.

/* Makes that background grey instead of black... i hope XD */
div.linksb, div.linkst, div.postlinksb, div.postlinkst {
  background-color:   #555;
}

All you have to do is fingure out what "should" be in that black area and open the source code to do a search for that section of html (in this case I used "Pages:" as a search query). There you will probably find a <div class="something">. In the css just add ", div.something". Hope this helps smile bonne chance tongue

echo "deadram"; echo; fortune;

Re: Modify color of text

Okkkk smile!! It is good! thanks thanks and thanks again for your help! smile

I've searched +10 hours.

Re: Modify color of text

lol, you should get a tool to speed up your searching tongue I like grep (a linux command line tool), but I think there are windows equivalents.

echo "deadram"; echo; fortune;