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

[Javascript] IPB Sticky, Announce, Global announce style



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

1
Offline

  Guest

avatar
Guest


Tutorial: IPB Sticky, Announce, Global announce style

This is one fancy style of Sticky, Global, Announce messages.
Example:



--> Tutorials, tips and tricks <--
IPB Sticky, Announce, Global announce style



- Javascript
Put the following code in your javascript.
Placement: In all pages

Code:
[panda=js]$(document).ready(function(){$('.tcl strong:contains("Global announcement")').each(function(){$(this).css({'color':'#fff','background':'url("http://i57.servimg.com/u/f57/17/68/86/50/stk1010.png") repeat-x 0 -1px #FF4000','border-radius':'3px 3px 3px 3px','display':'inline-block','font-size':'9px','font-weight':'bold','height':'16px','line-height':'16px','padding':'0 5px','text-shadow':'0 -1px 0 rgba(0, 0, 0, 0.2)','text-transform':'uppercase','vertical-align':'middle',})})});


$(document).ready(function(){$('.tcl strong:contains("Sticky")').each(function(){$(this).css({'color':'#fff','background':'url("http://i57.servimg.com/u/f57/17/68/86/50/stk1010.png") repeat-x 0 -1px #7BA60D','border-radius':'3px 3px 3px 3px','display':'inline-block','font-size':'9px','font-weight':'bold','height':'16px','line-height':'16px','padding':'0 5px','text-shadow':'0 -1px 0 rgba(0, 0, 0, 0.2)','text-transform':'uppercase','vertical-align':'middle',})})});


$(document).ready(function(){$('.tcl strong:contains("Announcement")').each(function(){$(this).css({'color':'#fff','background':'url("http://i57.servimg.com/u/f57/17/68/86/50/stk1010.png") repeat-x 0 -1px #7BA60D','border-radius':'3px 3px 3px 3px','display':'inline-block','font-size':'9px','font-weight':'bold','height':'16px','line-height':'16px','padding':'0 5px','text-shadow':'0 -1px 0 rgba(0, 0, 0, 0.2)','text-transform':'uppercase','vertical-align':'middle',})})});



  • If you use non-English forums?
    You must change Sticky, Announcement, Global Announcement equal to your language.





© PunBB Design


If you have any questions related to this topic create a topic with the following title:
IPB Sticky, Announce, Global announce style

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

2
Offline

  Ionutz

avatar
Punbb Rookie
Punbb Rookie
gracias

*User received infraction* All publicly displayed messages are limited only to English.

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

3
Offline

  Scribbler397

avatar
Newbie
Newbie
This is cool! Thanks for sharing. I'm definitely going to try this out.

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

4
Offline

  djsam

avatar
Newbie
Newbie
@Rapid wrote:[link="/t331-javascript-ipb-sticky-announce-global-announce-style#1957"]


Tutorial: IPB Sticky, Announce, Global announce style

This is one fancy style of Sticky, Global, Announce messages.
Example:



--> Tutorials, tips and tricks <--
IPB Sticky, Announce, Global announce style



- Javascript
Put the following code in your javascript.
Placement: In all pages

Code:
[panda=js]$(document).ready(function(){$('.tcl strong:contains("Global announcement")').each(function(){$(this).css({'color':'#fff','background':'url("http://i57.servimg.com/u/f57/17/68/86/50/stk1010.png") repeat-x 0 -1px #FF4000','border-radius':'3px 3px 3px 3px','display':'inline-block','font-size':'9px','font-weight':'bold','height':'16px','line-height':'16px','padding':'0 5px','text-shadow':'0 -1px 0 rgba(0, 0, 0, 0.2)','text-transform':'uppercase','vertical-align':'middle',})})});


$(document).ready(function(){$('.tcl strong:contains("Sticky")').each(function(){$(this).css({'color':'#fff','background':'url("http://i57.servimg.com/u/f57/17/68/86/50/stk1010.png") repeat-x 0 -1px #7BA60D','border-radius':'3px 3px 3px 3px','display':'inline-block','font-size':'9px','font-weight':'bold','height':'16px','line-height':'16px','padding':'0 5px','text-shadow':'0 -1px 0 rgba(0, 0, 0, 0.2)','text-transform':'uppercase','vertical-align':'middle',})})});


$(document).ready(function(){$('.tcl strong:contains("Announcement")').each(function(){$(this).css({'color':'#fff','background':'url("http://i57.servimg.com/u/f57/17/68/86/50/stk1010.png") repeat-x 0 -1px #7BA60D','border-radius':'3px 3px 3px 3px','display':'inline-block','font-size':'9px','font-weight':'bold','height':'16px','line-height':'16px','padding':'0 5px','text-shadow':'0 -1px 0 rgba(0, 0, 0, 0.2)','text-transform':'uppercase','vertical-align':'middle',})})});



  • If you use non-English forums?
    You must change Sticky, Announcement, Global Announcement equal to your language.





© PunBB Design


If you have any questions related to this topic create a topic with the following title:
IPB Sticky, Announce, Global announce style

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

5
Offline

  djsam

avatar
Newbie
Newbie
nice :-)

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

6
Offline

  Kames Official

avatar
Punbb Rookie
Punbb Rookie
thx

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

7
Offline

  Destroya*

avatar
Punbb Senior
Punbb Senior
Doesn't work for me...

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

8
Offline

  Nickname1

avatar
Punbb Rookie
Punbb Rookie
I see the code doesn't work, it is supposed to be placed in the sub forum. Try place it just in the sub forum and it should work. Wink

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

9
Offline

  roseila

avatar
Punbb Rookie
Punbb Rookie
look

Powered by PunBB
Currently 0 users have thanked roseila 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