VGH: Jak dodać legendę w Forum

Poradnik pokaże wam jak można dodać prostą legendę z rangami, widoczną w Forum na stronach założonych na vgh.pl. Poradnik jest skierowanych dla tych osób, które stosują także poradnik: Kolorowanie ników administratora, moderatora. Największym mankamentem jest fakt, że wszystko należy robić ręcznie.


1. Dodaj lub edytuj już istniejący panel (lewy lub prawu):
Panel Administracyjny -> Zarządzanie stroną -> Zarządzanie panelami.

2. Skopiuj i dodaj poniższe kody w treść panelu, a następnie je uzupełnij:
A. Skrypt
<script type="text/javascript">
$(document).ready(function() {
$(".forum form").after('<div class="legenda"><a href="ADRES GRUPY" style="color:#FF0000">Administrator (0)</a> | <a href="ADRES GRUPY" style="color:#006600">Moderator (0)</a> | <a href="ADRES GRUPY" style="color:#000099;">Newsman (0)</a> | <a href="../../members.php">Użytkownik (0)</a> | Postów w Forach (0)</div>');
});
</script>
  • Wartości liczbowe należy samodzielnie uzupełniać.
  • Każda ranga odwołuje się do grupy, gdzie kod należy uzupełnić o jej adres url w : ADRES GRUPY. Jeśli nie stosujesz grup można ten fragment usunąć, a dodać tag span, co będzie wyglądać tak:
    <span style="color:#FF0000">Administrator (0)</span>
B. Style
<style type="text/css">
.legenda {
text-align:left;
font-weight:bold;
position:absolute;
padding-top:Xpx;
margin-left:Ypx;
}
</style> 
  • Style należy uzupełnić o wartości atrybutów padding-top i margin-left w zależności od waszego stylu na stronie. Dla przykładu na zdjęciu, atrybuty przyjmują wartość: padding-top:10px i margin-left:-320px.
C. Style dodatkowe - stosowane gdy legenda zasłania stopkę lub dolny panel:
<style type="text/css">
.forum form{
padding-bottom:Zpx;
}
</style>
  • W miejscu "Z" atrybutu padding-bottom należy dodać wartość wyrażoną w px.
3. Zapisz panel i pamiętaj aby go włączyć.

Brak komentarzy:

Prześlij komentarz