Choose from our various pricing plans. There is a package for everyone!


How to Style Global A, Announcement & Sticky like IPB

View previous topic View next topic Go down

Tutorial How to Style Global A, Announcement & Sticky like IPB

Post by Mati™ on Mon Dec 30, 2013 2:48 pm

Hi, in this tutorial I'll be showing you how to style Global A, Announcement & Sticky just like IPB and on this forum.


Step-1. Go to Administration Panel -> Modules -> JavaScript Codes Management -> Make sure it's on! -> Create New -> Title it whatever you want -> Select "In the topics" (If its not working when you select "In the topics" , try selecting "In all the pages") -> Paste:

The code for PhpBB3 Forum Version!
Code:
$(document).ready(function() {
$('dd.dterm strong:contains("Sticky")').each(function(){
$(this).addClass('sticky');
});
});

$(document).ready(function() {
$('dd.dterm strong:contains("Announcement")').each(function(){
$(this).addClass('an');
});
});

$(document).ready(function() {
$('dd.dterm strong:contains("Global announcement")').each(function(){
$(this).addClass('g-a');
});
});

The code for PhpBB2 Forum Version!
Code:
$(document).ready(function() {
$('strong:contains("Sticky")').each(function(){
$(this).addClass('sticky');
});
});

$(document).ready(function() {
$('strong:contains("Announcement")').each(function(){
$(this).addClass('an');
});
});

$(document).ready(function() {
$('strong:contains("Global announcement")').each(function(){
$(this).addClass('g-a');
});
});

The code for PunBB Forum Version!
Code:
$(document).ready(function() {
$('.tcl strong:contains("Sticky")').each(function(){
$(this).addClass('sticky');
});
});

$(document).ready(function() {
$('.tcl strong:contains("Announcement")').each(function(){
$(this).addClass('an');
});
});

$(document).ready(function() {
$('.tcl strong:contains("Global announcement")').each(function(){
$(this).addClass('g-a');
});
});

The code for Invision Forum Version!
Code:
$(document).ready(function() {
$('strong:contains("Sticky")').each(function(){
$(this).addClass('sticky');
});
});

$(document).ready(function() {
$('strong:contains("Announcement")').each(function(){
$(this).addClass('an');
});
});

$(document).ready(function() {
$('strong:contains("Global announcement")').each(function(){
$(this).addClass('g-a');
});
});


Step-2
Go into Admin Panel => Display => Picture and colors => Colors => Stylesheet tab
Once done, you must enter the following code and save.

Code:
.sticky, .an, .g-a {
    background-color: #7BA60D;
    background-image: url("http://i55.servimg.com/u/f55/14/73/12/96/highli10.png");
    background-position: 0 -1px;
    background-repeat: repeat-x;
    border-radius: 3px;
    color: #FFFFFF;
    display: inline-block;
    font-family: Verdana,Geneva,sans-serif !important;
    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;
}

Feel free to comment on this tutorial if you wish.  Smile


Last edited by Mati™ on Sat Nov 08, 2014 5:45 pm; edited 1 time in total
avatar
Mati™
Administrator
Administrator

Age : 31
Posts : 2112
Join date : 2011-10-20
Forum Version : PhpBB3
Reputation : 147

View user profile http://fmfocus.forumotion.net/forum

Back to top Go down

Tutorial Re: How to Style Global A, Announcement & Sticky like IPB

Post by Jadster on Mon Jan 06, 2014 2:38 am

This doesn't seem to work for my website. Any help?
avatar
Jadster
Support Moderator
Support Moderator

Age : 20
Posts : 141
Join date : 2012-08-27
Forum Version : PunBB
Reputation : 16

View user profile http://www.adminvortex.com

Back to top Go down

Tutorial Re: How to Style Global A, Announcement & Sticky like IPB

Post by Mati™ on Mon Jan 06, 2014 9:53 am

Can you show me a sticky thread.
avatar
Mati™
Administrator
Administrator

Age : 31
Posts : 2112
Join date : 2011-10-20
Forum Version : PhpBB3
Reputation : 147

View user profile http://fmfocus.forumotion.net/forum

Back to top Go down

Tutorial Re: How to Style Global A, Announcement & Sticky like IPB

Post by Dusan on Mon Jan 06, 2014 2:36 pm

Can you post your forum link so we can see whats the problem.
avatar
Dusan
Member
Member

Age : 22
Posts : 711
Join date : 2012-06-08
Forum Version : PunBB
Reputation : 36

View user profile http://www.csshelp.net

Back to top Go down

Tutorial Re: How to Style Global A, Announcement & Sticky like IPB

Post by Jadster on Mon Jan 06, 2014 4:30 pm

http://www.adminsrealm.com/forum

http://i58.servimg.com/u/f58/17/21/23/27/screen35.png
avatar
Jadster
Support Moderator
Support Moderator

Age : 20
Posts : 141
Join date : 2012-08-27
Forum Version : PunBB
Reputation : 16

View user profile http://www.adminvortex.com

Back to top Go down

Tutorial Re: How to Style Global A, Announcement & Sticky like IPB

Post by Dusan on Tue Jan 07, 2014 3:01 am

Fixed it for you.
avatar
Dusan
Member
Member

Age : 22
Posts : 711
Join date : 2012-06-08
Forum Version : PunBB
Reputation : 36

View user profile http://www.csshelp.net

Back to top Go down

Tutorial Re: How to Style Global A, Announcement & Sticky like IPB

Post by Stallmp on Wed Jan 15, 2014 7:36 pm

It didn't work at me aswell, but I discovered something:

Matti:"Go to Administration Panel -> Modules -> JavaScript Codes Management -> Make sure it's on! -> Create New -> Title it whatever you want -> Select "In the topics" -> Paste:"

Select "In the sub-forums" instead

It now works for me Smile
avatar
Stallmp
Member
Member

Age : 23
Posts : 227
Join date : 2014-01-10
Forum Version : PunBB
Reputation : 15

View user profile

Back to top Go down

Tutorial Re: How to Style Global A, Announcement & Sticky like IPB

Post by Dusan on Wed Jan 15, 2014 8:38 pm

Or simply you can click to show on all pages,it will work too.
avatar
Dusan
Member
Member

Age : 22
Posts : 711
Join date : 2012-06-08
Forum Version : PunBB
Reputation : 36

View user profile http://www.csshelp.net

Back to top Go down

Tutorial Re: How to Style Global A, Announcement & Sticky like IPB

Post by Stallmp on Wed Jan 15, 2014 9:27 pm

Yeah thats the most useful one because it only applies at sticky/announcement/global announcement threads
avatar
Stallmp
Member
Member

Age : 23
Posts : 227
Join date : 2014-01-10
Forum Version : PunBB
Reputation : 15

View user profile

Back to top Go down

Tutorial Re: How to Style Global A, Announcement & Sticky like IPB

Post by Kilhen on Fri Jan 17, 2014 8:18 am

Nice, and not work orther languages.
avatar
Kilhen
Member
Member

Age : 23
Posts : 9
Join date : 2012-05-21
Forum Version : PhpBB3
Reputation : 0

View user profile http://dworld.forumz.ro/

Back to top Go down

Tutorial Re: How to Style Global A, Announcement & Sticky like IPB

Post by Mati™ on Fri Jan 17, 2014 2:11 pm

In the JavaScript change the text to your language and it shell work.
avatar
Mati™
Administrator
Administrator

Age : 31
Posts : 2112
Join date : 2011-10-20
Forum Version : PhpBB3
Reputation : 147

View user profile http://fmfocus.forumotion.net/forum

Back to top Go down

Tutorial Re: How to Style Global A, Announcement & Sticky like IPB

Post by Dark-Avenger on Sun Feb 09, 2014 1:40 am

Its seems not working in phpbb2. Can you help me?
avatar
Dark-Avenger
Member
Member

Age : 42
Posts : 25
Join date : 2013-12-21
Forum Version : PunBB
Reputation : 1

View user profile

Back to top Go down

Tutorial Re: How to Style Global A, Announcement & Sticky like IPB

Post by Mati™ on Fri Feb 14, 2014 3:56 pm

@Dark-Avenger wrote:Its seems not working in phpbb2. Can you help me?

I always test my tutorials before i publish them.

Can you PM me details of a test account which has admin access? I would like to check.
avatar
Mati™
Administrator
Administrator

Age : 31
Posts : 2112
Join date : 2011-10-20
Forum Version : PhpBB3
Reputation : 147

View user profile http://fmfocus.forumotion.net/forum

Back to top Go down

Tutorial Re: How to Style Global A, Announcement & Sticky like IPB

Post by Mati™ on Fri Feb 14, 2014 3:57 pm

@Dark-Avenger wrote:Its seems not working in phpbb2. Can you help me?

I always test my tutorials before i publish them.

Can you PM me details of a test account which has admin access? I would like to check.
avatar
Mati™
Administrator
Administrator

Age : 31
Posts : 2112
Join date : 2011-10-20
Forum Version : PhpBB3
Reputation : 147

View user profile http://fmfocus.forumotion.net/forum

Back to top Go down

Tutorial Re: How to Style Global A, Announcement & Sticky like IPB

Post by Mati™ on Fri Feb 14, 2014 3:57 pm

@Dark-Avenger wrote:Its seems not working in phpbb2. Can you help me?

I always test my tutorials before i publish them.

Can you PM me details of a test account which has admin access? I would like to check.
avatar
Mati™
Administrator
Administrator

Age : 31
Posts : 2112
Join date : 2011-10-20
Forum Version : PhpBB3
Reputation : 147

View user profile http://fmfocus.forumotion.net/forum

Back to top Go down

Tutorial Re: How to Style Global A, Announcement & Sticky like IPB

Post by Mati™ on Fri Feb 14, 2014 3:57 pm

@Dark-Avenger wrote:Its seems not working in phpbb2. Can you help me?

I always test my tutorials before i publish them.

Can you PM me details of a test account which has admin access? I would like to check.
avatar
Mati™
Administrator
Administrator

Age : 31
Posts : 2112
Join date : 2011-10-20
Forum Version : PhpBB3
Reputation : 147

View user profile http://fmfocus.forumotion.net/forum

Back to top Go down

Tutorial Re: How to Style Global A, Announcement & Sticky like IPB

Post by Dark-Avenger on Sat Feb 22, 2014 4:36 pm

@Mati™ wrote:
@Dark-Avenger wrote:Its seems not working in phpbb2. Can you help me?

I always test my tutorials before i publish them.

Can you PM me details of a test account which has admin access? I would like to check.  
Is it need some modifications in the templates? I have tries many combinations of texts in Greek and English Language without result.

Best Regards,
Dark-Avenger
avatar
Dark-Avenger
Member
Member

Age : 42
Posts : 25
Join date : 2013-12-21
Forum Version : PunBB
Reputation : 1

View user profile

Back to top Go down

Tutorial Re: How to Style Global A, Announcement & Sticky like IPB

Post by Dark-Avenger on Sun Feb 23, 2014 9:54 am

Hi all,
I watched carefully the script and I was found that
Code:

$('strong:contains(
these parts of code doesnt contains a selector like dd.term and .tcl for phpbb2 is not required a selector?
avatar
Dark-Avenger
Member
Member

Age : 42
Posts : 25
Join date : 2013-12-21
Forum Version : PunBB
Reputation : 1

View user profile

Back to top Go down

Tutorial Re: How to Style Global A, Announcement & Sticky like IPB

Post by J0k3R^ on Thu May 01, 2014 10:55 am

it didnt work for me aswell Sad punbb
avatar
J0k3R^
Member
Member

Age : 24
Posts : 25
Join date : 2013-04-25
Forum Version : PunBB
Reputation : 1

View user profile http://fmplanet.forumgreek.com/

Back to top Go down

Tutorial Re: How to Style Global A, Announcement & Sticky like IPB

Post by Sponsored content


Sponsored content


Back to top Go down

View previous topic View next topic Back to top


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