[Archived] Important topic table color

• Description:

Hello, i want to make important topic (global announcement, announcement, sticky) with table background color like this forum. thank anyway

• Information:

Coolyou wrote:[link="/t1052-important-topic-table-color#6990"]Try to follow this tutorial: https://punbb-design.forumotion.com/t331-javascript-ipb-sticky-announce-global-announce-style

Code:

[panda=js]$(function() {
        /* Change the image with appropriate icon */
        $('img[src="http://r19.imgfast.net/users/1911/13/87/62/album/th/thongb10.png"]').closest('tr').addClass('Info');
        });

Code:

[panda=css]tr.Info td {
    background: #COLOR none repeat scroll 0 0 !important;

Coolyou wrote:[link="/t1052-important-topic-table-color#6995"]1. You have to create a new topic icon which will be used for topics and set permission level to moderaors/administrators. [tip]Admin Panel -> Display -> Pics Management -> Topic Icons[/tip]


Depending on which icon you want (for example let's use https://2img.net/u/1911/13/87/62/album/th/thongb10.png ), you need to set that image in javascript part.

2. Javascript:

Code:

[panda=js]$(function() {
        /* Change the image with appropriate icon */
        $('img[src="http://r19.imgfast.net/users/1911/13/87/62/album/th/thongb10.png"]').closest('tr').addClass('Info');
        });

3. CSS Part

From previous code, we named our class [ic].Info[/ic], so the css would be:

Code:

[panda=css]tr.Info td {
    background: #COLOR none repeat scroll 0 0 !important;

Now just change color, with the actual color which you want to add.

And the last part, when creating a new topic select a icon, which will add the effect like on the image: