Dzięki temu dodatkowi każdy z użytkowników będzie mógł wybrać swój własny schemat kolorów stylu forum.
Autor: Christian Bullock
Tłumaczenie: Psikus
Styl: Prosilver
Kopiowanie plików
Skopiuj: /stylesheet-switcher/jquery.switcher.cookie.js do /styles/prosilver/template/
Skopiuj: /stylesheet-switcher/blank.css do /styles/prosilver/theme/
Skopiuj: /stylesheet-switcher/colours do /styles/prosilver/theme/
Skopiuj: /stylesheet-switcher/red.png do /styles/prosilver/theme/images/
Skopiuj: /stylesheet-switcher/violet.png do /styles/prosilver/theme/images/
Skopiuj: /stylesheet-switcher/green.png do /styles/prosilver/theme/images/
Skopiuj: /stylesheet-switcher/default.png do /styles/prosilver/theme/images/
Otwórz: /styles/prosilver/template/overall_header.html
Znajdź:
Kod: Zaznacz cały
<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>
Kod: Zaznacz cały
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<!-- If the above line is already present, don't add it again -->
<script type="text/javascript" src="{T_TEMPLATE_PATH}/jquery.switcher.cookie.js"></script>
Kod: Zaznacz cały
<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
<link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->
Kod: Zaznacz cały
<link rel="stylesheet" href="{T_THEME_PATH}/blank.css" type="text/css" class="colour-switcher" />
Kod: Zaznacz cały
<a name="start_here"></a>
Kod: Zaznacz cały
<div class="navbar">
<div class="inner"><span class="corners-top"><span></span></span>
<ul class="linklist rightside">
<li><strong>Kolor:</strong></li>
<li><a href="#" rel="{T_THEME_PATH}/colours/red.css" class="switch" rel="nofollow"><img src="{T_THEME_PATH}/images/red.png" width="12" height="12" alt="Czerwony" title="Czerwony" /></a> • </li>
<li><a href="#" rel="{T_THEME_PATH}/colours/green.css" class="switch" rel="nofollow"><img src="{T_THEME_PATH}/images/green.png" width="12" height="12" alt="Zielony" title="Zielony"/></a> • </li>
<li><a href="#" rel="{T_THEME_PATH}/colours/violet.css" class="switch" rel="nofollow"><img src="{T_THEME_PATH}/images/violet.png" width="12" height="12" alt="Fioletowy" title="Fioletowy"/></a> • </li>
<li><a href="#" rel="{T_STYLESHEET_LINK}" class="switch" rel="nofollow"><img src="{T_THEME_PATH}/images/default.png" width="12" height="12" alt="Domyślny" title="Domyślny"/></a></li>
</ul>
<span class="corners-bottom"><span></span></span></div>
</div>
Otwórz: /styles/prosilver/template/overall_header.html
Znajdź:
Kod: Zaznacz cały
<link rel="stylesheet" href="{T_THEME_PATH}/blank.css" type="text/css" class="colour-switcher" />
Kod: Zaznacz cały
<script type="text/javascript">
if($.cookie("colour-choice")) {
$("link.colour-switcher").attr("href",$.cookie("colour-choice"));
}
$(document).ready(function() {
$("a.switch").click(function() {
$("link.colour-switcher").attr("href",$(this).attr('rel'));
$.cookie("colour-choice",$(this).attr('rel'), {expires: 365, path: '/'});
return false;
});
});
</script>
Przejdź do Panelu Administratora i odśwież szablony, motywy i zestawy obrazków stylu.
Informacja
Dodatek ma zdefiniowane tylko zmianę tła. Jeżeli znasz się na CSS będziesz mógł dodać kolejne zmiany definiujące każdą część Twojego stylu.