Ładne Tagi: Różnice pomiędzy wersjami

Z JoggerWiki
Skocz do: nawigacji, wyszukiwania
(Utworzenie artykułu)
 
(CATEGORY_LEVEL)
Linia 5: Linia 5:
 
<CATEGORY_BLOCK>
 
<CATEGORY_BLOCK>
  
<a class="tag&CATEGORY_ENTRIES;" href="&CATEGORY_HREF;"><CATEGORY_HREF_DESCR/></a>&nbsp;
+
<a class="tag&CATEGORY_LEVEL;" href="&CATEGORY_HREF;"><CATEGORY_HREF_DESCR/></a>&nbsp;
  
 
</CATEGORY_BLOCK>  
 
</CATEGORY_BLOCK>  
Linia 12: Linia 12:
 
Gdzie:
 
Gdzie:
  
"tag&CATEGORY_ENTRIES;" - oznacza wyraz "tag" i ilość wpisów jaki jest w danym tagu. Jeżeli w tagu znajduje się 9 wpisów to wyskoczy nam wyrażenie np: "tag9"
+
"tag&CATEGORY_LEVEL;" - oznacza wyraz "tag" i numer - od 0 do 5. To jaką wartość przyjmie zależy od ilości wpisów w tej kategorii relatywnie do innych kategorii.
  
  
 
A w CSSie:
 
A w CSSie:
 
<pre>
 
<pre>
.tag8, .tag9, .tag10, .tag11, .tag12 {
+
.tag0 { font-size: 0.9em }
font-size: 11px;
+
.tag1 { font-size: 1.0em }
}
+
.tag2 { font-size: 1.1em }
 +
.tag3 { font-size: 1.15em }
 +
.tag4 { font-size: 1.2em }
 +
.tag5 { font-size: 1.3em }
 
</pre>
 
</pre>
 
Co będzie oznaczało, że dla każdego "tag8" do "tag12" (czyli taga zawierającego od 8 do 12 wpisów) - rozmiar czcionki wyniesie 11 pixeli.
 
Oczywiście CSSa można rozszeżyć, o kolor i inne bajery, ale tu są podstawy. Reszta należy do was
 

Wersja z 01:44, 24 maj 2006

Jeżeli chcesz, aby twój Jogger posiadał ładne tagi (powiększające się gdy znajduje się w nich duża ilość wpisów, jak na przykład na Wykop.pl), wystarczy drobna modyfikacja skryptu w HTMLu i CSSie.

HTML - Wystarczy wpisać tam takie coś:

<CATEGORY_BLOCK>

<a class="tag&CATEGORY_LEVEL;" href="&CATEGORY_HREF;"><CATEGORY_HREF_DESCR/></a> 

</CATEGORY_BLOCK> 

Gdzie:

"tag&CATEGORY_LEVEL;" - oznacza wyraz "tag" i numer - od 0 do 5. To jaką wartość przyjmie zależy od ilości wpisów w tej kategorii relatywnie do innych kategorii.


A w CSSie:

.tag0 { font-size: 0.9em }
.tag1 { font-size: 1.0em }
.tag2 { font-size: 1.1em }
.tag3 { font-size: 1.15em }
.tag4 { font-size: 1.2em }
.tag5 { font-size: 1.3em }