Modificare background Anunt/Anunt global/Important

Salutare,
Am cautat la search si am gasit aceasta postare https://help.forumgratuit.ro/t50886-modificare-hook-anunt-anunt-global-important , am incercat sa instalez pe forumul meu la fel ca si la postare doar ca nu imi apare background la anunt.

Salut,

ce culoare doresti la anunt?

galben

Cod:

jQuery(document).ready(function(){jQuery(".module a, .topiclist, .page-title, .statused").each(function(){jQuery(this).html(jQuery(this).html().replace(/Anunt/g,'<span id=\'anunt_a\'>Anunt</span>'))})});

Amplasare: Toate paginile

Apoi css:

Cod:

#anunt_a {
  background: url(http://i57.servimg.com/u/f57/17/68/86/50/highli10.png) repeat-x scroll 0 -1px #B5A118;
  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;
}


Se suprapune oriunde scrie "anunt"

cineva ?

Înlocuiți toate codurile Javascript date mai sus (inclusiv cel din subiectul precedent) cu:

Cod:

$(function(){
   $("dd.dterm").each(function(){
    $(this).html($(this).html().replace(/Anunt global:/g, "<span class=\"anuntglobal_a\">Anunt global</span>:"));
    $(this).html($(this).html().replace(/Anunt:/g, "<span class=\"anunt_a\">Anunt</span>:"));
    $(this).html($(this).html().replace(/Important:/g, "<span class=\"important_a\">Important</span>:"));  
   });
});

Codurile CSS pot fi păstrate.

Spoiler:

Sau puteti face asa :

Intrati in Panou => Afisare => Template-uri => General => topics_list_box

Cautati:

Cod:

{topics_list_box.row.TOPIC_TYPE}

Inlocuiti cu:

Cod:

<span class="contur_tabel">{topics_list_box.row.TOPIC_TYPE}</span>

Inregistrati si publicati template-ul.

Pentru personalizarea chenarului intrati in Panou => Afisare => Imagini si culori => Culori => Foaie de stil css si adaugati:

Cod:

.contur_tabel strong{
background-color: #0D6FA6;
color: #FFF;
border-radius: 3px;
text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px;
font-weight: bold;
background-image: url("http://i.imgur.com/BnZuWJM.png");
background-repeat: repeat-x;
background-position: 0 -1px;
font-family: Arial !important;
font-size: 11px !important;
padding: 1px 5px;
}

Adaugati in Panou => Module => HTML & JAVASCRIPT => Gestiunea codurilor javascript urmatorul cod:

Cod:

$(function (d, e, f) {
    var d = '#ffffff', // Culoare anunt global
        e = '#adadad', // Culoare important
        f = '#d7d7d7'; // Culoare anunt
    $(".contur_tabel strong:contains('Anunt global:')").attr('style', 'background-color: ' + d + '!important;');
    $(".contur_tabel strong:contains('Important:')").attr('style', 'background-color: ' + e + '!important;');
    $(".contur_tabel strong:contains('Anunt:')").attr('style', 'background-color: ' + f + ' !important;');
});

Vizibilitatea codului o setati pentru subforumuri.

Explicatie cod:
#ffffff - culoare de fundal a anunturilor globale
#adadad - culoare de fundal a anunturilor importante
#d7d7d7 - culoare de fundal a anunturilor simple

In sfarsit, multumesc Pici !