Good art is a taste, good design is an opinion.


Come as guest, stay as family.
Board Index

Come as guest, stay as family.


You are not connected. Please login or register

Foto

[Archived] Important topic table color



View previous topic View next topic Go down Message [Page 1 of 1]

1
Offline

  error404

avatar
Punbb Rookie
Punbb Rookie
  • Description:
Hello, i want to make important topic (global announcement, announcement, sticky) with table background color like this forum. thank anyway Very Happy


  • Information:
Forum:hersud.forumid.netVersion:PUNBB
Type:Request a codeTags:Important,topic,table,color

Powered by PunBB
Currently 0 users have thanked error404 for this post:

2
Offline

  Shadow

avatar
Administrator
Administrator



Forum Administrator, Coolyou,
Due to the volume of PMs I receive, I do not provide support via PM.
We have community forums for most support requests. If it's truly confidential, please do PM me.

Useful links:
-> Before asking question,  please use a Search option.
-> If you want to check our staff members click here.
->  Forum rules, this is a MUST READ thread.
->  FAQ (Frenquently asked questions)

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

3
Offline

  error404

avatar
Punbb Rookie
Punbb Rookie
Coolyou wrote:[link="/t1052-important-topic-table-color#6990"]Try to follow this tutorial: http://www.punbb.biz/t331-javascript-ipb-sticky-announce-global-announce-style

sorry, but i don't mean it. i want to change background table color.

Powered by PunBB
Currently 0 users have thanked error404 for this post:

4
Offline

  Shadow

avatar
Administrator
Administrator
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 http://r19.imgfast.net/users/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:




Forum Administrator, Coolyou,
Due to the volume of PMs I receive, I do not provide support via PM.
We have community forums for most support requests. If it's truly confidential, please do PM me.

Useful links:
-> Before asking question,  please use a Search option.
-> If you want to check our staff members click here.
->  Forum rules, this is a MUST READ thread.
->  FAQ (Frenquently asked questions)

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

5
Offline

  error404

avatar
Punbb Rookie
Punbb Rookie
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 http://r19.imgfast.net/users/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:


i use prefixe in my forum >> http://www.fmcodes.com/t930-add-prefixes-for-your-topics-list
and that code not working Sad

Powered by PunBB
Currently 0 users have thanked error404 for this post:

6
Offline

  Shadow

avatar
Administrator
Administrator
You can't use prefix, you must use topic icons.



Forum Administrator, Coolyou,
Due to the volume of PMs I receive, I do not provide support via PM.
We have community forums for most support requests. If it's truly confidential, please do PM me.

Useful links:
-> Before asking question,  please use a Search option.
-> If you want to check our staff members click here.
->  Forum rules, this is a MUST READ thread.
->  FAQ (Frenquently asked questions)

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

7
Offline

  error404

avatar
Punbb Rookie
Punbb Rookie
but at this forum could use it: http://www.fmcodes.com/f40-html-css-languages
I've made similar post there. but there is no answer Crying or Very sad

Powered by PunBB
Currently 0 users have thanked error404 for this post:

8
Offline

  Van-Helsing

avatar
★Moderator★
★Moderator★
[aviso="Thread Archived"]Original poster seems to be inactive and did not respond within 7 days in this thread. Because of this, the topic has been Archived.

If you have further questions, please open a new topic.[/aviso]

Powered by PunBB
Currently 0 users have thanked Van-Helsing for this post:

View previous topic View next topic Back to top Message [Page 1 of 1]


Topic URL's

URL
BBcode
HTML

Permissions in this forum:
You cannot reply to topics in this forum