Chenar Anunt global/Anunt/Post-it

Salut cum pot face si eu asa?:
[Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Foloesc versiunea punbb

Buna seara,

Intrati in Panou => Afisare => Imagini si culori => Culori => Foaie de stil css adaugati:

Cod:

.tcl.tdtopics .status + 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;
}

Explicatie cod css:
#0D6FA6 - reprezinta culoarea de fundal a chenarului

Pentru a elimina acele doua puncte din cadrul chenarului, adaugati in Panou => Module => HTML & JAVASCRIPT => Gestiunea codurilor javascript => Creati un nou javascript urmatorul cod:

Cod:

$(function () {
    $(".tcl.tdtopics .status + strong").each(function () {
        this.innerHTML = this.innerHTML.replace(":", "")
    });
});

Vizibilitatea codului o setati pentru subforumuri.

nu merge...am pus exact ce miai dat cum trebuie...

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 () {
    $(".contur_tabel strong").each(function () {
        this.innerHTML = this.innerHTML.replace(":", "")
    });
});

se poate sa bag de exemplu la anunturi globale o culoare
la post it o culoare? adica ma refer la fiecare din topicurile importante gen anunt global/anunt/post it sa le bag cate o culoare la fiecare (diferita) sper ca ma-i inteles

Este posibil, adaugati urmatorul cod in gestiunea codurilor javascript:

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

nu merge...cred ca trebuie sa modific tot lafel cu templateurile..

Problema este cauzata de [Trebuie sa fiti inscris si conectat pentru a vedea acest link], codurile javaScript intra in conflict, pentru rezolvarea problemei inlocuiti tot ce se afla acolo cu:

Cod:

$(document).ready(function () {
    $(function (e) {
        $('#wrap ').before('< div id="user_bar"><div class="wrapper clearfix"> <!--//--></div></div><div id="branding"><div id="logo"><a href="/" title="Go to community index" rel="home" accesskey="1"><img src="http://i48.servimg.com/u/f48/17/78/47/82/logo_c10.png" alt="Logo"></a></div><div id="primary_nav" class="clearfix"><ul class="ipsList_inline" id="community_app_menu"></ul></div></div>');
        $('.linklist.navlinks > li:contains(Cautare), .linklist.navlinks > li:contains(Grupuri)').remove();
        $('.linklist.navlinks > li').appendTo('#community_app_menu');
        $('#search-box').appendTo('#user_bar .wrapper');
        $('#search-box .button2').after('<a href="#" title="Advanced Search" accesskey="4" rel="search" id="adv_search" class="right">Advanced</a>');
        $('#wrap').prepend('<div id="secondary_navigation" class="clearfix"><ol class="breadcrumb top ipsList_inline left" id="breadcrumb"><li itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb" class="first"><a href="http://dworld.forumz.ro/" itemprop="url"><span itemprop="title">D World Theme</span> </a></li></ol><ul id="secondary_links" class="ipsList_inline right"><li><a href="#">Guidelines</a></li> <li><a href="#" accesskey="2">View New Content</a></li> <li><a href="#" rel="quickNavigation" accesskey="9" id="quickNavLaunch" title="Open Quick Navigation"><img src="http://ipbforumskins.com/skindemo/public/style_images/carbonb33x/icon_quicknav.png" alt=""></a></li></ul></div>');
        $('#wrap').append('<div id="footer_utilities" class="clearfix clear"><a rel="nofollow" href="#top" id="backtotop" title="Go to top"><img src="http://ipbforumskins.com/skindemo/public/style_images/carbonb33x/top.png" alt=""></a><!-- Copyright Information --><p id="copyright"><a href="http://dworld.forumz.ro/" title="Community Forum Software by Invision Power Services">Š D World. All right reserved, Theme -  IP.Board 3.3.1 | Theme convert by D World <3</a></p><!-- / Copyright --><ul class="ipsList_inline left"><li><a rel="nofollow" id="new_skin" href="#" class="">Change Theme</a></li><li><a rel="nofollow" id="mark_all_read" href="#" title="Mark all as read" class="">Mark Community Read</a></li><li><a href="#" title="View help" rel="help" accesskey="6">Help</a></li> </ul></div>')
    });
    jQuery(document).ready(function () {
        document.getElementById("pwd_bad").innerHTML = "Parola slaba"
    });
    jQuery(document).ready(function () {
        document.getElementById("pwd_middle").innerHTML = "Parola medie"
    });
    jQuery(document).ready(function () {
        document.getElementById("pwd_good").innerHTML = "Parola perfecta"
    });
    (function () {
        var anti_spam = {
            question: 'What does 4 + 2 equal to?',
            answer: '6',
            title: 'Registration Verification',
            input_type: 'number',
            wrong_answer: 'Wrong Answer',
            init: function () {
                /\/register\?agreed=true&step=2/.test(window.location) && $(function () {
                    var a = document.createElement("span");
                    a.innerHTML = '<h1 class="page-title">' + anti_spam.title + '</h1><div class="panel"><div class="inner"><span class="corners-top"><span></span></span><p>Items marked with a * are required.</p><fieldset><dl><dt><label>' + anti_spam.question + ' : *</label></dt><dd><input type="' + anti_spam.input_type + '" value="" id="anti_spam_answer" class="inputbox" style="width: 250px;"><span id="anti_spam_wrong_answer" style="color: #880000; font-weight: bold; display: none;" class="italic">' + anti_spam.wrong_answer + '</span></dd></dl></fieldset><span class="corners-bottom"><span></span></span></div></div>';
                    document.forms.post.submit.parentNode.parentNode.insertBefore(a, document.forms.post.submit.parentNode);
                    $(document.forms.post.submit).click(function (a) {
                        document.getElementById("anti_spam_answer").value != anti_spam.answer && (a.preventDefault(), document.getElementById("anti_spam_wrong_answer").style.display = "", setTimeout(function () {
                            document.getElementById("anti_spam_wrong_answer").style.display = "none"
                        }, 3E3))
                    })
                })
            }
        };
        window.anti_spam = anti_spam;
        anti_spam.init()
    })();
    jQuery(window).load(function () {
        if (typeof _userdata === "undefined") return;
        if ((_userdata['user_level'] == '1') || (_userdata["user_level"] == '2')) {
            jQuery('body').append('<div id="fa_modtable" class="select" style="visibility:hidden;width:auto;text-align:left;"><div class="rndmtablex" id="rndmtable1">Solved/Accept</div><div class="rndmtablex" id="rndmtable2">Warning</div><div class="rndmtablex" id="rndmtable3">Information</div>');
            jQuery('.sceditor-group:last-child').after('<div class="sceditor-group" id="fa_modtools"><a class="sceditor-button" title="Mod Tables" onclick="selectWysiwyg(this, \'fa_modtable\');"><div style="background:url(http://i56.servimg.com/u/f56/18/45/41/65/modera10.png) no-repeat center;"></div></a></div>');
            jQuery('#rndmtable1').click(function () {
                jQuery('#text_editor_textarea').sceditor('instance').insertText('[table class="alert-x solvedbox"][tr][td class="alert-y"]', '[/td][/tr][/table]')
            });
            jQuery('#rndmtable2').click(function () {
                jQuery('#text_editor_textarea').sceditor('instance').insertText('[table class="alert-x warningbox"][tr][td class="alert-y"]', '[/td][/tr][/table]')
            });
            jQuery('#rndmtable3').click(function () {
                jQuery('#text_editor_textarea').sceditor('instance').insertText('[table class="alert-x informbox"][tr][td class="alert-y"]', '[/td][/tr][/table]')
            });
            jQuery('.rndmtablex').click(function () {
                jQuery('#fa_modtable').css('visibility', 'hidden')
            })
        }
    });
    $(function (a, b, c, d, e, f, g, h) {
        var punBB = '1';
        var b = '#statistics'
        c = '#right', d = '#content-container div#content', e = '#content-container div#main', f = '0px', g = '200px', a = '70px';
        if (punBB == 1) {
            $(c).hide();
            $('' + d + ', ' + c + '').css('margin-right', f);
            $(b).each(function () {
                $(c).show();
                $(d).css('margin-right', g);
                $(e).css('margin-right', a)
            })
        }
    });
    $(function (d, e, f) {
        var d = '#ffffff',
            e = '#adadad',
            f = '#d7d7d7';
        $(".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;')
    });
    $(function () {
        $(".contur_tabel strong").each(function () {
            this.innerHTML = this.innerHTML.replace(":", " ")
        })
    });
});

am sters toate codurile js care le aveam si am sters si codu vechi si l-am adaugat iar si tot nu merge X_X

Adaugati in Panou => Afisare => Template-uri => General => viewforum_body urmatorul cod la finalul sablonului:

Cod:

<script type="text/javascript">
$(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;');
});</script>

tot nu sa schimbat nimic...

nu cumva trebuie sa modific lafel tot din topic_list_Box?

Cod:

<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
   <!-- BEGIN multi_selection -->
      <script type="text/javascript">
      function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
         var all_checked = true;
         for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
         if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
            all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
         }
         }
         document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
      }
      function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
         for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
         if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
            document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
         }
         }
      }
      </script>
   <!-- END multi_selection -->

   <div class="main-head">
      <!-- BEGIN multi_selection -->
      <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
      <!-- END multi_selection -->
      <h1 class="page-title">{topics_list_box.row.L_TITLE} [{topics_list_box.row.COUNT_TOTAL_TOPICS}]</h1>
   </div>
   <div class="main-content">
   <table cellspacing="0" class="table">
      <thead>
         <tr>
            <th class="tcl">{L_TOPICS}</th>
            <th class="tc2">{topics_list_box.row.L_REPLIES}</th>
            <th class="tc3">{topics_list_box.row.L_VIEWS}</th>
            <th class="tcr">{topics_list_box.row.L_LASTPOST}</th>
         </tr>
      </thead>
      <tbody class="statused">
<!-- END header_table -->

<!-- BEGIN header_row -->
<strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->

<!-- BEGIN topic -->
   <!-- BEGIN table_sticky -->
      </tbody>
   </table>
   </div>

   <div class="main-head">
      <!-- BEGIN multi_selection -->
      <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /   >
      <!-- END multi_selection -->
      <h2>{topics_list_box.row.topic.table_sticky.L_TITLE} [{topics_list_box.row.topic.table_sticky.COUNT_TOTAL_TOPICS}]</h2>
   </div>
   <div class="main-content">
   <table cellspacing="0" class="table">
      <thead>
         <tr>
            <th class="tcl">{L_TOPICS}</th>
            <th class="tc2">{topics_list_box.row.topic.table_sticky.L_REPLIES}</th>
            <th class="tc3">{topics_list_box.row.topic.table_sticky.L_VIEWS}</th>
            <th class="tcr">{topics_list_box.row.topic.table_sticky.L_LASTPOST}</th>
         </tr>
      </thead>
      <tbody class="statused">
   <!-- END table_sticky -->
      <tr>
         <td class="tcl tdtopics <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
            <span class="status">
               <img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
            </span>
            <!-- BEGIN single_selection -->
            <input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />&nbsp;
            <!-- END single_selection -->
            <span class="contur_tabel">{topics_list_box.row.TOPIC_TYPE}</span>&nbsp;
            <h2 class="topic-title"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2>&nbsp;
            {topics_list_box.row.GOTO_OPEN} {topics_list_box.row.GOTO_PAGE_NEW} {topics_list_box.row.GOTO_CLOSE}&nbsp;
            {topics_list_box.row.L_BY} {topics_list_box.row.TOPIC_AUTHOR}
            <!-- BEGIN switch_description -->
            <br />
            &nbsp;{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
            <!-- END switch_description -->
         </td>
         <td class="tc2 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.REPLIES}</td>
         <td class="tc3 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.VIEWS}</td>
         <td class="tcr <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.LAST_POST_TIME} {topics_list_box.row.L_BY} {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</td>
         <!-- BEGIN multi_selection -->
         <td><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
         <!-- END multi_selection -->
      </tr>
<!-- END topic -->
<!-- BEGIN no_topics -->
<tr>
   <td class="tcl" colspan="4"><strong>{topics_list_box.row.L_NO_TOPICS}</strong></td>
</tr>
<!-- END no_topics -->

<!-- BEGIN bottom -->
      </tbody>
   </table>
   </div>
   <div class="main-foot clearfix">
      <!-- BEGIN multi_selection -->
      <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
      <!-- END multi_selection -->
      <p class="h2">{L_TOPICS} [{topics_list_box.row.bottom.COUNT_TOTAL_TOPICS}]</p>
      <p class="options">
         <a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a>&nbsp;{S_WATCH_FORUM}&nbsp;<a href="#top">{L_BACK_TO_TOP}</a>
      </p>
   </div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->

Eliminati codul pe care l-ati adaugat in viewforum_body si intrati in:
Panou => Afisare => Template-uri => General => overall_header

Cautati:

Cod:

</head>

Inlocuiti cu:

Cod:

<script type="text/javascript">
$(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;');
});</script>
</head>

Inregistrati si publicati template-ul.