1 (edited by Dr.Jeckyl 2006-12-10 00:01)

Topic: H2 background image doesn't fit.

is the navbar H2 differant than the rest of the H2s? it's hard to explain so i'll do my best.

i have a background image for H2 and the image has a border, otherwise i would just make it tile, so it has to fit the H2 exactly. in my screenshot you can see the image extends beyond the navbar but the other headers it fits. the board is set to 800px and the image is also 800px wide.

http://img168.imageshack.us/img168/5435/shot0020at0.th.gif

here is my color sheet also. it's a modified version of Mercury2 by xxtubbyxx:

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

/* 1.1 Default background colour and text colour */

BODY {BACKGROUND-COLOR: #333333; background : url(../../img/Mercury2/bg.gif)}

.pun {COLOR: #ffffff}

DIV.box, .pun BLOCKQUOTE, DIV.codebox, #adminconsole FIELDSET TH, .rowodd, .roweven {BACKGROUND-COLOR: #333333}
#adminconsole TD, #adminconsole TH {BORDER-COLOR: #333333}

/* 1. 2 Darker background colours */

TD.tc2, TD.tc3, TD.tcmod, #postpreview, #viewprofile DD, DIV.forminfo,
#adminconsole FIELDSET TD, DIV.blockmenu DIV.box, #adstats DD {BACKGROUND-COLOR: #333333}

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

.pun H2, #brdmenu { BACKGROUND-COLOR: #000000; COLOR: #FFF; 
background-image:url(../../img/Mercury2/cell.gif) }

/* 1.4 Table header rows */

.pun TH {BACKGROUND-COLOR: #4A4A4A}

/* 1.5 Fieldset legend text colour */

.pun LEGEND {COLOR: #999966}

/* 1.6 Highlighted text for various items */

.pun DIV.blockmenu LI.isactive A, #posterror LI STRONG {COLOR: #ffffff}

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

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

DIV.blockpost DIV.box, DIV.postright, DIV.postfootright {BACKGROUND-COLOR: #333333}
DIV.postright, DIV.postfootright {BORDER-LEFT-COLOR: #4A4A4A}
DIV.postleft, DIV.postfootleft, DIV.blockpost LABEL {BACKGROUND-COLOR: #4A4A4A}

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

DIV.blockpost H2 {BACKGROUND-COLOR: #000000; COLOR: #FFF;
background-image:url(../../img/Mercury2/cell.gif) }
DIV.blockpost H2 SPAN.conr {COLOR: #787878; }


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

.pun HR {BACKGROUND-COLOR: #4A4A4A; COLOR: #4A4A4A}

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

/* 3.1 All external borders */

DIV.box {BORDER-COLOR: #000000}

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

DIV.blockpost DIV.box {BORDER-COLOR: ##00ffff #00ffff #00ffff}

/* 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: #4A4A4A #FFF #FFF #4A4A4A}

/* 3.5 Gecko's default fieldset borders are really nasty so this gives them a colour
without interferring with IE's rather nice default */

.pun DIV>FIELDSET {BORDER-COLOR: #000000}

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

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

.pun A:link, .pun A:visited {COLOR: #999966}
.pun A:hover {COLOR: #ffffff}

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

.pun H2 A:link, .pun H2 A:visited, #brdmenu A:link, #brdmenu A:visited {COLOR: #ffffff}
.pun H2 A:hover, #brdmenu A:hover {COLOR: #999966}

/* 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: #888}
LI.postreport A:hover, TR.iclosed TD.tcl A:hover {COLOR: #AAA}
LI.maintenancelink A:link, LI.maintenancelink A:visited {COLOR: #B42000}
LI.maintenancelink A:hover {COLOR: #B42000}


/******************************************************/
 
/* 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.icon {background:url(../../img/Mercury2/icon.gif)}
DIV.inew {background:url(../../img/Mercury2/icon_new.gif)}
TR.isticky DIV.icon {background:url(../../img/Mercury2/sticky.gif)} 
TR.isticky DIV.inew {background:url(../../img/Mercury2/sticky_new.gif)}
TR.iclosed DIV.icon {background:url(../../img/Mercury2/closed.gif)}
 
TR.iredirect DIV.icon {background:url(../../img/Oxygen2/redirect.gif)}

/* FACTICE BUTTON POST AND REPLY */
.pun p.postlink, #conr
{
/* align the text in button */
TEXT-ALIGN: CENTER;
 
/* aling the button on the border */
POSITION: RELATIVE; 
TOP : 0px;
LEFT: 6px;
 

 


 
/* create a shadow under the button */
filter: progid:DXImageTransform.Microsoft.shadow(direction=135,color=#4A4A4A,strength=2);

so how do i make that image fit? any help is appreciated.

also, how do i make the thread titles bold or change the font size in viewforum.php?

~James
FluxBB - Less is more