Vylepšenia Blogu

Zoznam článkov vždy uzatvára objekt, ktorý nemá svoje ID, no je definovaný cez triedu. Dôvodom, prečo je tomu tak je fakt, že ID má byť špecifický identifikátor a ten musí byť - jednoducho - unikátny.

Tvorcovia blog.sk sa rozhodli, že tento "kontajner" pre článok nazvú article-list. Tento objekt v sebe uzatvára heading (H3) s linkou na detajl článku, objekt, v ktorom je perex článku s názvom article-list-perex a objekt, ktorý sa skladá z ďalších objektov - article-list-data.

Article-list-data obsahuje informácie o autorovi, odkaz na detajl článku, info o komentároch s linkou na komentáre a pod. V rámci objektov je to nejako takto:

Dátum publikovania | odkaz na celý článok | téma | rubrika | komentáre

Vďaka týmto triedam vieme ďalej meniť obsah podľa toho, ako chceme. Viď príklad na obrázkoch z blogu dmiba.blog.sk a aj z tohto blogu.

Vylepšenia.blog.pravda.sk

dmiba.blog.sk

HTML kód, pre lepšie porozumenie:
<div class="article-list"> <h3><a href="URL">Hlavné CSS - style.css - časť 2.</a></h3> <div class="article-list-perex">....</div> <div class="article-list-data"><span class="article-list-date">dátum</span> | <span class="article-list-detail"><a href="URL" _fcksavedurl="URL">celý článok</a></span> | <span class="article-list-theme"><a href="#" _fcksavedurl="#">praktické informácie</a></span> | <span class="article-list-fixed"><a href="#" _fcksavedurl="#">Rubrika</a></span> | <span class="article-list-commnets"><a href="URL" >komentáre: 0</a></span></div> </div>