• Registered: 2006-02-14
  • Posts: 10

Topic: The forum images

Where are the images coming from that show whethere the forum has a new topic or not? I cannot find them in the code. I know that there are lines to add to the css to change them, but i want to know where the default ones are.

2 Reply by Dr.Jeckyl (edited by Dr.Jeckyl 2006-05-01 06:20)

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

Re: The forum images

they aren't images. edit here 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;
    MARGIN-TOP: 0.1em;
    MARGIN-LEFT: 0.2em;
    DISPLAY: block;
    BORDER-WIDTH: 0.6em 0.6em 0.6em 0.6em;
    BORDER-STYLE: solid
}
~James
FluxBB - Less is more
  • Registered: 2006-02-14
  • Posts: 10

Re: The forum images

what do you mean they aren't images, they have to be images the 12 by 12px blocks that look like a pyramid. You can't make that with css can you? That image must be stored somewhere, right?

  • Jansson
  • Former PunBB Developer
  • Offline
  • From: Sweden
  • Registered: 2003-01-06
  • Posts: 856

Re: The forum images

No, they are made purely with css.

5 Reply by Runar (edited by Runar 2006-05-01 13:25)

  • Runar
  • Senior Member
  • Offline
  • From: Norway
  • Registered: 2005-12-22
  • Posts: 104

Re: The forum images

I am using images as post indicators, and this is how my css looks like:

/****************************************************************/
/* 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:13px;
    height:13px;
}

TR.iclosed DIV.icon {
    float: left;
    display: block;
    width:13px;
    height:13px;
    background: url('/images/f_closed.gif');
    border: 0px solid #000;
}

TR.isticky DIV.icon {
    float: left;
    display: block;
    width:14px;
    height:14px;
    background: url('/images/f_sticked.gif');
    border: 0px solid #000;
}


TR.inew DIV.icon {
    float: left;
    display: block;
    width:13px;
    height:13px;
    background: url('/images/f_new.gif');
    border: 0px solid #000;
}

If you use the orginal css, its not images but its some fancy background thing.

Runar's Website

6 Reply by Paul

  • Paul
  • Senior Member
  • Offline
  • From: Wales, UK.
  • Registered: 2003-08-13
  • Posts: 3,089

Re: The forum images

TheSavior wrote:

what do you mean they aren't images, they have to be images the 12 by 12px blocks that look like a pyramid. You can't make that with css can you? That image must be stored somewhere, right?

Wrong. PunBB doesn't use any images. Take a look here to see how its done.
http://www.infimum.dk/HTML/slantinfo.html

  • Registered: 2006-02-14
  • Posts: 10

Re: The forum images

wow. Ive been doing this for a long time and i never knew you could do that. That's pretty cool.