Community Forum

User info

Welcome, Guest! Please login or register.


You are here » Community Forum » Forum for Newbies » How to replace forum icons?


How to replace forum icons?

Posts 1 to 7 of 7

1

Is there any way to replace the chat bubble icon to my own icon?

(next to forum name)

Last edited by @Nixieoffset (2017-07-06 13:48:28)

0

2

@Nixieoffset
Yep, possible. But would be nice if provide a link to your forum (or test forum with the same template) coz right now I'm not quite sure what you mean by a chat bubble.

0

3

@Nixieoffset
As I understood you meant the icons in categories, to the left of forum name?
If it is so, try this code into HTML header:

<style type="text/css"> /* Setting new icons  */
.punbb table Div.icon {float: left; display: block; width: 70px; height: 70px; border-style: none;
background-image: url(http://...); /* Icon for forums without new posts */
background-repeat: no-repeat;
position: relative; margin-right: 13px; margin-left: 10px;}
TR.inew Div.icon {
background: url(http://...) no-repeat;} /* Icon for forums with new posts */
TR.isticky Div.icon {
background: url(http://...) no-repeat;} /*Icon for Sticky topic */
TR.iclosed Div.icon {
background: url(http://...) no-repeat;} /* Icon for closed Topics */
#pun-stats ul.container {background-image: url("http://..."); background-repeat: no-repeat; }/* Icon for Stats */
</style>

0

4

Alex_63 wrote:

@Nixieoffset
As I understood you meant the icons in categories, to the left of forum name?
If it is so, try this code into HTML header:


Yes, but I meant for only one forum.
(not all)
http://sl.uploads.im/qcG6Y.jpg
One of these.

Last edited by @Nixieoffset (2017-07-10 15:14:21)

0

5

@Nixieoffset
If you want to set your own icons only for some forums, you can use this code (to HTML header)

<style type="text/css">
tr#forum_fXX div.icon {background:url("image link")} /*no unread*/
tr.inew#forum_fXX div.icon {background:url("image link")} /*unread*/
</style>

Selected in blue is ID of forum, you can get it on forum page(open a page with topics from the home page, get the last number in URL address, for example:

http://forum.mybb.us/viewforum.php?id=15

And write the URL of your new icons instead of red.

0

6

Hi, can anybody explain how I change the like (the 0 in the bottom right corner of the post)  to this  :cool:
And if possible could you please explain it in a way that a monkey could understand as I'm a complete novice when it comes to this type of stuff  %-)

Cheers  :)

+1

7

CragonTour
You can change the rating of posts that are posted by other users by clicking on the number of rating(for example 0) and then clicking on the link of vote(+ or -)

0


You are here » Community Forum » Forum for Newbies » How to replace forum icons?