How can I change the background of Stickies, Announcements , Global Announcements ?

How can i do this for phpbb2?

Try this one.
javascript - in all pages: 

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');
});
});

css:

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;
}

and for title ?

[Mr][DmG] wrote:and for title ?

These are not stickies, announcements or global announcements. These are topic prefixes.

i know , but i need scripts for that

is not what i want

Try this http://www.punbb.biz/t331-javascript-ipb-sticky-announce-global-announce-style

J0k3R^ wrote:Try this one.
javascript - in all pages: 

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');
});
});

css:

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;
}

i make this but i need and for topic prefix

Hello ^^

Please provide a link where those prefixes are visible to guests.

http://socialacademy.forums.fm/forum look at Recent Topics System Activity

Have you looked around that forum for the codes?

Neptune- wrote:Hello ^^

Please provide a link where those prefixes are visible to guests.

[Mr][DmG] wrote:http://socialacademy.forums.fm/forum look at Recent Topics System Activity

I don't care about Social Academy. I was expecting a link to your board with prefixes enabled.

Hello follow this


add this to your

Jscript Management

Name: What you want
placement: In All pages

Code:

jQuery(document).ready(function(){jQuery(".forumline").each(function(){jQuery(this).html(jQuery(this).html().replace(/✔/g,'<span id=\'perfix\'>EXAMPLE</span>'))})});

after that  paste this CSS

Code:

       #perfix {
            background: none repeat scroll 0px 0px rgb(123, 166, 13);
           border-radius: 4px 4px 4px 4px;
            color: rgb(255, 255, 255);
            display: inline-block;
            font-size: 9px;
            font-weight: 700;
            height: 15px;
            line-height: 15px;
            padding: 0px 5px;
            text-transform: uppercase;
            vertical-align: middle;
                                    }

Images :


When posting Topic





after posting





your forum is Phpbb2 Right ?

yes is phpbb2 and thanks is very good

[Mr][DmG] wrote:yes is phpbb2 and thanks is very good

Hi,

I just wanted to check before archiving. Is this topic actually solved?

yes SOLVED