The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

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

Page 2 of 2 Previous  1, 2

View previous topic View next topic Go down

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

Post by Van-Helsing on February 9th 2014, 4:06 pm

First topic message reminder :

Hi all,
How can I change the background with an image or a background color of stickies, announcements and global announcements? My forum version is phpbb2.

Best Regards,
Dark-Avenger

Van-Helsing
Hyperactive

Male Posts : 2198
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down


In progress Re: How can I change the background of Stickies, Announcements, Global Announcements?

Post by Van-Helsing on March 25th 2014, 8:43 pm

I am thinking there is kind of text translations problem in ACP, only the Greek word sticky is translated to greek text "Υπόμνημα". Furthermore the scripts are not recognized these three variables. I think this issue needs a technician.

Best Regards,
Dark-Avenger

Van-Helsing
Hyperactive

Male Posts : 2198
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

In progress Re: How can I change the background of Stickies, Announcements, Global Announcements?

Post by Van-Helsing on March 29th 2014, 2:49 am

Hi all,
I think the problem is on the greek server, I watched the greek word "Υπόμνημα" which means sticky in the js working fine and needs to be pass in the server the greek texts for global announcement and for announcement because the ACP is not substituting really the variables for Global Announcement, Announcement and Sticky. When I am substituting these words with greek words in acp and js, the js is not working and looks like not recognized the changed texts for those. When I am removing all of them the greek word "Υπόμνημα"is showing in the topics list and the words announcement and global announcement are showing in English. Probably need a technician to fix the problem.
Here is a screenshot after clearing these three texts http://prntscr.com/351l6t

Used JS:
Code:

$(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("Υπόμνημα")').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',})})});

Best Regards,
Dark-Avenger

Van-Helsing
Hyperactive

Male Posts : 2198
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

In progress Re: How can I change the background of Stickies, Announcements, Global Announcements?

Post by Van-Helsing on April 1st 2014, 2:11 am

Bump

Van-Helsing
Hyperactive

Male Posts : 2198
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

In progress Re: How can I change the background of Stickies, Announcements, Global Announcements?

Post by Van-Helsing on April 6th 2014, 2:36 am

Bump

Van-Helsing
Hyperactive

Male Posts : 2198
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

In progress Re: How can I change the background of Stickies, Announcements, Global Announcements?

Post by Van-Helsing on April 14th 2014, 2:33 pm

The text announcement has been translated into greek text "Ανακοίνωση". The text "Global Announcement" has not translated yet into greek text "Σημαντική Ανακοίνωση" by technicians.

Best Regards,
Dark-Avenger

Van-Helsing
Hyperactive

Male Posts : 2198
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

In progress Re: How can I change the background of Stickies, Announcements, Global Announcements?

Post by kumotta on April 14th 2014, 7:51 pm

i need this code for punbb  Question

kumotta
Forumember

Female Posts : 204
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

In progress Re: How can I change the background of Stickies, Announcements, Global Announcements?

Post by Van-Helsing on April 15th 2014, 3:11 am

@kumotta wrote:i need this code for punbb  Question

Hi,
Create a new Javascript, add as title that you wish and tick the box "In the subforums". After That add the following code.

Here it is the code for punbb
Code:

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

Also you can translate the texts for sticky, announcement, global announcement in your language.

With Best Regards,
Dark-Avenger

Van-Helsing
Hyperactive

Male Posts : 2198
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

In progress Re: How can I change the background of Stickies, Announcements, Global Announcements?

Post by kumotta on April 15th 2014, 3:33 am

Dark-Avenger wrote:
@kumotta wrote:i need this code for punbb  Question

Hi,
Create a new Javascript, add as title that you wish and tick the box "In the subforums". After That add the following code.

Here it is the code for punbb
Code:

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

Also you can translate the texts for sticky, announcement, global announcement in your language.

With Best Regards,
Dark-Avenger

hello,

code not work  Confused

kumotta
Forumember

Female Posts : 204
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

In progress Re: How can I change the background of Stickies, Announcements, Global Announcements?

Post by SocialAcademy on April 15th 2014, 3:53 am

Hello , You must change Sticky, Announcement, Global Announcement equal to your language.



Code:
        $(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',})})});


Placement : In All Pages

SocialAcademy
Forumember

Male Posts : 141
Reputation : 10
Language : JavaScript, CSS, Html, JQuery, C#, C++, Php, Python
Location : Forumotion

http://www.socialacademy.biz

Back to top Go down

In progress Re: How can I change the background of Stickies, Announcements, Global Announcements?

Post by SocialAcademy on April 15th 2014, 3:57 am

Dark-Avenger wrote:Hi all,
How can I change the background with an image or a background color of stickies, announcements and global announcements? My forum version is phpbb2.

Best Regards,
Dark-Avenger


Hello , Guest


Try this


Javascript Management

placement : In All Pages


For Phpbb2


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

SocialAcademy
Forumember

Male Posts : 141
Reputation : 10
Language : JavaScript, CSS, Html, JQuery, C#, C++, Php, Python
Location : Forumotion

http://www.socialacademy.biz

Back to top Go down

In progress Re: How can I change the background of Stickies, Announcements, Global Announcements?

Post by kumotta on April 15th 2014, 5:53 am

i want to change custom background color for important topic, i'm using punbb  :rose:

kumotta
Forumember

Female Posts : 204
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

In progress Re: How can I change the background of Stickies, Announcements, Global Announcements?

Post by SocialAcademy on April 15th 2014, 6:14 am

Hello , Guest


Go to your Javascript Management and paste this code

Code:

       $(function(){
        $('#page-body .main-content .table .statused tr td').has('img[src="LINK_TOPIC_ICON"]').addClass('l_specialtd');
        $('#page-body .main-content .table .statused tr:has(".l_specialtd")').addClass('l_specialtr');
        $('#page-body .l_specialtr td').css('background-color','#42B328');
        });


Note: LINK_TOPIC_ICON should be the link of the image near the topic title (new post, no new post, topic locked...), like () or can be a solved icon etc.


Placement: Subforum  ONLY


Credits @ CSShelp

SocialAcademy
Forumember

Male Posts : 141
Reputation : 10
Language : JavaScript, CSS, Html, JQuery, C#, C++, Php, Python
Location : Forumotion

http://www.socialacademy.biz

Back to top Go down

In progress Re: How can I change the background of Stickies, Announcements, Global Announcements?

Post by Neptune- on April 15th 2014, 9:58 am

Hello ^^

Dark-Avenger wrote:
@Jophy wrote:Hello,

Have you tried looking into the French support forum for a tutorial? Try this:
http://forum.forumactif.com/t348011-coloriser-les-cases-des-post-it-et-des-annonces
...

but its not working.This script change this http://prntscr.com/2vl97e

Best Regards,
Dark-Avenger

If it works with the legend, it means two things
Script works perfectly
You changed viewforum_body since there is no <tr> in the default PunBB legend (only phpBB2 uses table there)

If this does not work on your topics, this means only one thing
You changed your topics_list_box and script cant find closest tr.
Script is designed to work on standard templates, if you changed the structure of your template you need to customize the script.

Without the content of your actual topics_list_box we wont be able to fix it

Neptune-
Forumember

Male Posts : 187
Reputation : 21
Language : French (10), English (8), CSS (5), HTML (4), Javascript (1)
Location : France

http://www.planet-series.com/

Back to top Go down

In progress Re: How can I change the background of Stickies, Announcements, Global Announcements?

Post by kumotta on April 19th 2014, 12:10 pm

@SocialAcademy wrote:Hello , Guest


Go to your  Javascript Management and paste this code

Code:

       $(function(){
        $('#page-body .main-content .table .statused tr td').has('img[src="LINK_TOPIC_ICON"]').addClass('l_specialtd');
        $('#page-body .main-content .table .statused tr:has(".l_specialtd")').addClass('l_specialtr');
        $('#page-body .l_specialtr td').css('background-color','#42B328');
        });


Note: LINK_TOPIC_ICON should be the link of the image near the topic title (new post, no new post, topic locked...), like () or can be a solved icon etc.


Placement: Subforum  ONLY


Credits @ CSShelp

still not work  Crying or Very sad

kumotta
Forumember

Female Posts : 204
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Page 2 of 2 Previous  1, 2

View previous topic View next topic Back to top


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