1 Topic by dstp

  • dstp
  • Junior Member
  • Offline
  • Registered: 2012-07-05
  • Posts: 6

Topic: Forums Icons

How change forum icon? I want to change forum icon in each section.

Screen:
http://s6.ifotos.pl/img/Beztytuup_rapsnps.png

Sorry for my english

2 Reply by Kushi (edited by Kushi 2012-07-05 15:16)

  • Kushi
  • Kushi
  • Style creator & Extension Developer
  • Offline
  • From: Poland
  • Registered: 2011-10-26
  • Posts: 243

Re: Forums Icons

You should add this code at the end of your Oxygen.min.css file in style/Oxygen folder.

.main-content .main-item .icon {
    width: 24px;
    height: 24px;
    float: left;
    margin-top: 12px;
    margin-left: -33px;
    border: 0px solid;
}

Where width and height are your icon size.

Then add this

#forum1 .icon {
    background: url(icon1.png) 0px 0px no-repeat;
}

Where icon1.png is your icon and forum1 is your first forum ( forum2 is second etc. )

So here you would have this code at the end of your Oxygen.min.css.

.main-content .main-item .icon {
    width: 24px;
    height: 24px;
    float: left;
    margin-top: 12px;
    margin-left: -33px;
    border: 0px solid;
}
#forum1 .icon {
    background: url(redicon.png) 0px 0px no-repeat;
}
#forum2 .icon {
    background: url(greenicon.png) 0px 0px no-repeat;
}

However if you haven't got exactly 24x24px icons you would have to change margins in code above. And you will have to experiment.

If any of my dropbox link fails with 404 error, change dl.dropbox.com/u/56038890/punbb/*.zip in address to 82283017.

Currently working on rPlus - responsive theme for developers to create their own themes basing on this one.

3 Reply by dstp (edited by dstp 2012-07-06 09:24)

  • dstp
  • Junior Member
  • Offline
  • Registered: 2012-07-05
  • Posts: 6

Re: Forums Icons

Thanks for help, but i have next problem. On new script forum icons work well, but i modifes this forum:

http://forum.swiatdladzieci.com/

And here is problem, becouse not here file Oxygen.mini.css. I have folder style, but there is folder "Web20" (theme name) and in this folder are images and css files (web20.css, web20_cs.css). I added up codes, but not see changes.

What now?

4 Reply by dstp (edited by dstp 2012-07-06 09:49)

  • dstp
  • Junior Member
  • Offline
  • Registered: 2012-07-05
  • Posts: 6

Re: Forums Icons

This is my web20.css:

http://wklej.org/hash/c839294427b/

This style is for forum icon:

.brd .main-content .new .icon, .brd .online .userstatus span {
    background:url(bg_on.gif) no-repeat;
}

OK I DO IT wink

Thank you.

5 Reply by dstp

  • dstp
  • Junior Member
  • Offline
  • Registered: 2012-07-05
  • Posts: 6

Re: Forums Icons

Why if i use the above metod change the icon in forum (topic list) ?

How to fix it?

6 Reply by Kushi

  • Kushi
  • Kushi
  • Style creator & Extension Developer
  • Offline
  • From: Poland
  • Registered: 2011-10-26
  • Posts: 243

Re: Forums Icons

Mea culpa,
you can fix it by adding

#brd-index

at the beginning so it would be

#brd-index .main-content .main-item .icon {
    width: 24px;
    height: 24px;
    float: left;
    margin-top: 12px;
    margin-left: -33px;
    border: 0px solid;
}
#brd-index #forum1 .icon {
    background: url(redicon.png) 0px 0px no-repeat;
}
#brd-index #forum2 .icon {
    background: url(greenicon.png) 0px 0px no-repeat;
}
If any of my dropbox link fails with 404 error, change dl.dropbox.com/u/56038890/punbb/*.zip in address to 82283017.

Currently working on rPlus - responsive theme for developers to create their own themes basing on this one.

7 Reply by dstp

  • dstp
  • Junior Member
  • Offline
  • Registered: 2012-07-05
  • Posts: 6

Re: Forums Icons

Thanks