• Registered: 2005-07-16
  • Posts: 46

Topic: I REALLY want to change the new post indicator to something beyond CSS

As you know, the post indicators are CSSified whenever I want to make them two images.  I read for a while and found nothing on the subject and experimented to try it, ending up in just mere black squares covering where the CSS indicator would be.  How would I change the CSS indicator to images?  I've asked before but I got no replies and all help would be appreciated here.

I am happy with our forums how they are, but I want a few little changes to them.  Check it out here:

http://www.sctech.dcdstudios.net/forum/index.php

Thanks.

  • Registered: 2005-07-25
  • Posts: 40

Re: I REALLY want to change the new post indicator to something beyond CSS

I'm not sure why you started a new thread for this, but did you try the suggestion I made in your previous thread about this?

I haven't tried it, but it looks like you should add something like:

background-image: url(name_of_icon.png);

to the .isticky .inew .iredirect .iclosed and .icon items as desired.

3 Reply by Paul

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

Re: I REALLY want to change the new post indicator to something beyond CSS

In your main stylesheet, at item 10.1

DIV.icon {
FLOAT: left;
MARGIN-TOP: 0.1em;
MARGIN-LEFT: 0.2em;
DISPLAY: block;
BORDER: none;
WIDTH: same as image;
HEIGHT : same as image;
}

In the colour scheme stylesheet at item 5

DIV.icon {background-image: url(whatever)}
TR.iredirect DIV.icon {background-image: url(whatever)}
TR.iclosed DIV.icon {background-image: url(whatever)}
TR.isticky DIV.icon {background-image: url(whatever)}
TR.inew DIV.icon {background-image: url(whatever)}

4 Reply by Nephets (edited by Nephets 2005-08-30 00:12)

  • Registered: 2005-07-16
  • Posts: 46

Re: I REALLY want to change the new post indicator to something beyond CSS

I did all of that... but nothing is coming up... Are you sure you are telling me how to change the post status indicators in viewforum?  The weird envelope things that are done in CSS?

  • Registered: 2005-07-16
  • Posts: 46

Re: I REALLY want to change the new post indicator to something beyond CSS

Bump...

  • Registered: 2005-07-16
  • Posts: 46

Re: I REALLY want to change the new post indicator to something beyond CSS

I can't see why anybody isn't helping with this.  It really doesn't seem that hard... but I sure can't figure it out.

  • Connorhd
  • Connorhd
  • Former PunBB Developer
  • Offline
  • From: Leeds, UK
  • Registered: 2004-06-13
  • Posts: 4,195

Re: I REALLY want to change the new post indicator to something beyond CSS

did you put the urls to the images right? try absolute ones to check, they should be relative to the css file not the php file

FluxBB.
Connorhd.co.uk.

Connorhd's Website

  • Registered: 2005-07-16
  • Posts: 46

Re: I REALLY want to change the new post indicator to something beyond CSS

The urls I linked were linked to http://dcdstudios.net/sctech/post2.png and http://dcdstudios.net/sctech/post.png

  • Gizzmo
  • Senior Member
  • Offline
  • From: Earth, Milkyway Galaxy
  • Registered: 2004-01-27
  • Posts: 762

Re: I REALLY want to change the new post indicator to something beyond CSS

in the curent style that your using, you havent done the changes that paul suggested in post #3

10 Reply by Nephets (edited by Nephets 2005-09-11 01:11)

  • Registered: 2005-07-16
  • Posts: 46

Re: I REALLY want to change the new post indicator to something beyond CSS

Well, we did do it when we went to change it, but it came up as nothing, as the post indicator.  So we took off what we had.

I just tried it again, and... nothing.

  • From: Herts - UK
  • Registered: 2005-09-11
  • Posts: 842

Re: I REALLY want to change the new post indicator to something beyond CSS

Cheers Paul...

Works fine on my site, much appreciated. Did have a little trouble with the absolute path though. For some reason if I put in this...

http://www.DOMAIN.co.uk/forum/img/folder.gif - DID NOT WORK

but if I put in this...

/forum/img/folder.gif - WORKED GREAT smile

Very weird, as I have other things that use the full path and works fine. But hey I am not bothered because it works fine.

Once again... Cheers...
Steven Bullen

Me: Blog | Twitter | TwitPic Exporter

StevenBullen's Website

12 Reply by Nephets (edited by Nephets 2005-09-13 08:11)

  • Registered: 2005-07-16
  • Posts: 46

Re: I REALLY want to change the new post indicator to something beyond CSS

Okay, this is starting to anger me.  Here's what I'm posting in the sections.

Main CSS sheet:

DIV.icon {
FLOAT: left;
MARGIN-TOP: 0.1em;
MARGIN-LEFT: 0.2em;
DISPLAY: block;
BORDER: none
WIDTH: same as image;
HEIGHT : same as image;
}

"Import Style" (or the color place):

DIV.icon {background-image: url(/sctech/forum/img/post2.png)}
TR.iredirect DIV.icon {background-image: url(/sctech/forum/img/post.png)}
TR.inew DIV.icon {background-image: url(/sctech/forum/img/post.png)}

What is going on here?  And yes, I am rewriting what was originally there to be replaced in the same sections.  I am using PunBB 1.2.6 if that helps matters.

13 Reply by Gizzmo

  • Gizzmo
  • Senior Member
  • Offline
  • From: Earth, Milkyway Galaxy
  • Registered: 2004-01-27
  • Posts: 762

Re: I REALLY want to change the new post indicator to something beyond CSS

try changing "same as image" to the width and height of the image.

  • From: Herts - UK
  • Registered: 2005-09-11
  • Posts: 842

Re: I REALLY want to change the new post indicator to something beyond CSS

Gizzmo wrote:

try changing "same as image" to the width and height of the image.

Sounds spot on to me.

If your still having trouble or if that is not the problem then let me know and will post the code I use.

StevenBullen

Me: Blog | Twitter | TwitPic Exporter

StevenBullen's Website

  • Registered: 2005-07-16
  • Posts: 46

Re: I REALLY want to change the new post indicator to something beyond CSS

I already did that, and that didn't change anything at all.  The "same as image" being changed did nothing.

16 Reply by Gizzmo

  • Gizzmo
  • Senior Member
  • Offline
  • From: Earth, Milkyway Galaxy
  • Registered: 2004-01-27
  • Posts: 762

Re: I REALLY want to change the new post indicator to something beyond CSS

well, if you stop changing the code back, maybe we can find out what your doin wrong and help fix it for you.

are you adding the px at the end of the width/height of the image

  • Registered: 2005-07-16
  • Posts: 46

Re: I REALLY want to change the new post indicator to something beyond CSS

I'm not putting the "px", but even when I did that didn't help matters.  I filled in the height/width for them, but it did no good.

Main CSS sheet:

DIV.icon {
FLOAT: left;
MARGIN-TOP: 0.1em;
MARGIN-LEFT: 0.2em;
DISPLAY: block;
BORDER: none
WIDTH: 38;
HEIGHT : 17;
}

"Import Style" (or the color place):

DIV.icon {background-image: url(/sctech/forum/img/post2.png)}
TR.iredirect DIV.icon {background-image: url(/sctech/forum/img/post.png)}
TR.inew DIV.icon {background-image: url(/sctech/forum/img/post.png)}

And as you can see... still nothing.

http://www.sctech.dcdstudios.net/forum/index.php

18 Reply by Gizzmo (edited by Gizzmo 2005-09-15 11:45)

  • Gizzmo
  • Senior Member
  • Offline
  • From: Earth, Milkyway Galaxy
  • Registered: 2004-01-27
  • Posts: 762

Re: I REALLY want to change the new post indicator to something beyond CSS

you dont have the px to the img width and height, because it would help alot.

19 Reply by Paul

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

Re: I REALLY want to change the new post indicator to something beyond CSS

You have also missed the semi colon after border: none.

  • Registered: 2005-07-16
  • Posts: 46

Re: I REALLY want to change the new post indicator to something beyond CSS

I appreciate the now quick help, but, even then, I added the semi colon and nothing happened to affect it.

21 Reply by Gizzmo

  • Gizzmo
  • Senior Member
  • Offline
  • From: Earth, Milkyway Galaxy
  • Registered: 2004-01-27
  • Posts: 762

Re: I REALLY want to change the new post indicator to something beyond CSS

i just noticed this, i dont think your linking to the images right, try doin it this way.

DIV.icon {background-image: url(../../img/post2.png)}
TR.iredirect DIV.icon {background-image: url(../../img/post.png)}
TR.inew DIV.icon {background-image: url(../../img/post.png)}

22 Reply by Nephets (edited by Nephets 2005-09-15 12:31)

  • Registered: 2005-07-16
  • Posts: 46

Re: I REALLY want to change the new post indicator to something beyond CSS

Nevermind!  Works now... wow, thanks for all of that help.  Means a lot.  Can't believe I overlooked all of that.

23 Reply by Gizzmo

  • Gizzmo
  • Senior Member
  • Offline
  • From: Earth, Milkyway Galaxy
  • Registered: 2004-01-27
  • Posts: 762

Re: I REALLY want to change the new post indicator to something beyond CSS

your oh so welcome,it was bugin the hell out of me tryin to figer out what was wrong. glad it working

  • Registered: 2005-07-16
  • Posts: 46

Re: I REALLY want to change the new post indicator to something beyond CSS

Now I added them, I tried adding a {padding-left: 13px;} code to it to space it a bit from the text, as you can see... it looks a bit crammed next to the text.  What am I doing wrong, or is padding not the right code to do that?

http://www.sctech.dcdstudios.net/forum/index.php

25 Reply by Gizzmo

  • Gizzmo
  • Senior Member
  • Offline
  • From: Earth, Milkyway Galaxy
  • Registered: 2004-01-27
  • Posts: 762

Re: I REALLY want to change the new post indicator to something beyond CSS

i think what you lookin for is section 10.2 just add more of a margin like maybe 2.5 or so