Rozwijana lista grup na dole forum - Rozwijany hook Group Name Indicator

[Versusx3]

Witam. Na pewnym forum widziałem rozwijaną grupe, o co chodzi "rozwijaną" - http://scr.hu/47b4/7g23t- ss sprzed kliknięcia na grupę Opiekun serwera, http://scr.hu/47b4/75eyo - ss po kliknięciu na grupę Opiekun serwera.

Jak widzimy, grupa nam się "rozwinęła". Chciałbym mieć taki bajer u Siebie, jak tego dokonać?

Edytowane 4 Stycznia 2015 przez Versusx3

[Shelby22]

Legenda dodana "twardo w stylu".
 
Dodaj w:
ACP > Wygląd > Style i Szablony > Twój_styl > Szablony > Strona główna > boardIndexTemplate
 
 

<script type="text/javascript" language="]Javascript"> 
function DoSTH(d) 
{ 
if (d.length < 1) 
return; 

if (document.getElementById(d).style.display == "none") 
{ 
document.getElementById(d).style.display = "block"; 
} 
else 
{ 
document.getElementById(d).style.display = "none"; 
} 
} 
</script> 

<br> 

<a href="index.php?app=members&section=view&module=list&filter=ID GRUPY"><span style=Formatowanie.">Nazwa grupy</span></span></a> 

Jeśli chcemy dodać nową rozwijaną rangę dodajemy w miejscu w których chcemy żeby była:

<a style="color: #2E9AFF; cursor: hand; font-weight: bold;" onclick="JavaScript:DoSTH('ID GRUPY');">NazwaGrupy</a> 

Potem na dole:

<div id="NAZWA KTÓRA DODAJEMY W STYLE.css" BORDER style="display: none;"> 
<a href="index.php?app=members&section=view&module=list&filter=ID GRUPY"><span style="Formatowanie">NazwaGrupy</span></a> 
</div>

Pamiętaj, żeby dodać w style.css na samym dole:

#NAZWA { 
margin-top: 15px; 
margin-bottom: 20px; 
background: #222222; 
background: -moz-linear-gradient(top, white 0%, #222222 3%, #171717 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#171717)); 
padding: 8 10px; 
border-color: black; 
padding: 5px 18px; 
outline: none; 
-moz-border-radius: 3px; 
border-radius: 3px; 
line-height: 20px; 
}