• Registered: 2005-02-21
  • Posts: 34

Topic: Changing post status indicators

Hey,

Ive been trying to change the post status indicator icons in my punbb, but with no success.

What I am editing is the imported css, such as Lithium_cs.css, this is what i tryed so far:

/*DIV.icon {BORDER-COLOR: #E6E6E6 #DEDEDE #DADADA #E2E2E2}*/
DIV.icon {background-image:url(../../img/icon-norm.jpg)}
TR.iredirect DIV.icon {BORDER-COLOR: #F1F1F1 #F1F1F1 #F1F1F1 #F1F1F1}
DIV.inew {BORDER-COLOR: #8BB453 #7A9E48 #709142 #799C47}
DIV.isticky {background-image:url(../../img/icon-sticky.jpg)}

but instead of turning into a image icon which i specified they turn black, you can see it on the forums im editing now: http://www.niqqa.co.uk

Am I editing in the right place?

Some help would be great.

Thanks in advance

  • From: -8 GMT
  • Registered: 2004-05-04
  • Posts: 1,396

Re: Changing post status indicators

in yourstyle.css:

/****************************************************************/
/* 10. POST STATUS INDICATORS */
/****************************************************************/

/* 10.1 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. By default only .inew is different from the default.*/

DIV.icon {
    FLOAT: left;
    DISPLAY: block;
    width:16px;
    height:16px
}

DIV.searchposts DIV.icon {MARGIN-LEFT: 0}

/* 10.2 Class .tclcon is a div inside the first column of tables with post indicators. The
margin creates space for the post status indicator */

TD DIV.tclcon {MARGIN-LEFT: 1.7em}
TD.tcl {padding-left:3px;}

in yourstyle_cs.css:

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

TR.iredirect DIV.icon {background:url(../../img/YOURSTYLE/redirect.gif)}

of course change all the yourstyles to YOUR style's name.

~James
FluxBB - Less is more
  • Registered: 2005-02-21
  • Posts: 34

Re: Changing post status indicators

Thanks helpd alot