Tutor.blog

Tutor.Blog je online priručnik na hrvatskom jeziku, za lakše snalaženje u HTML i CSS kodu. Ovdje možete naučiti kako učiniti svoj blog vizualno privlačnim, ali i osnove dizajniranja web stranica koje ne moraju biti nužno vezane uz blog.

Ovaj blog nije povezan sa uredništvom Blog.hr-a, te ne pruža podršku za tehničke probleme.

Besplatni predlošci za blog

Prikaz/skrivanje sadržaja

Za sve one koji su me pitali kako izvodim ovo s komentarima, a moja objašnjenja nisu im imala smisla, evo copy/paste primjera.


Unutar <head> treba kopirati slijedeći kod:

<script type="text/javascript">
function hideShow(klasa) {
for (i=0;i<document.getElementsByTagName("div").length; i++) {
if (document.getElementsByTagName("div").item(i).className == klasa) {
if (document.getElementsByTagName("div").item(i).style.display=="none") {
document.getElementsByTagName("div").item(i).style.display="block";
}
else document.getElementsByTagName("div").item(i).style.display="none";
}
}
}
</script>

Umjesto retka koji sada imate u komentarima:

<a href="<$KomentariPosta$>" title="Ostavi komentar"><$BrojKomentara$> Komentara</a> • <a href="<$LinkZaPrint$>" title="Isprintaj ovaj post">Print</a> • <a href="<$LinkPosta$>" title="Link do ovog posta">#</a>

...dodajte ovaj blok:

<a href="<$KomentariPosta$>" onclick="hideShow('poruka'); return false;" title="Ostavi komentar"><$BrojKomentara$> Komentara</a> • <a href="<$LinkZaPrint$>" title="Isprintaj ovaj post">Print</a> • <a href="<$LinkPosta$>" title="Link do ovog posta">#</a>
<div class="poruka">
Neka vaša poruka. <br />
<a href="<$KomentariPosta$>">Ostavite komentar</a>
</div>

Da biste sakrili taj blok teksta pri prvom prikazivanju, u CSS dodajte ovaj redak (dodajte još i vlastite stilove ako želite):

.poruka {display: none;}

Ovu tehniku možete primijeniti na bilo što, npr. prikaz/skrivanje boxeva, komentara... iskoristite to pametno :)

31.05.2006. @ 21:44

Blog je neaktivan i nije ga moguće komentirati. Obrazloženje

Nela Dunato Art & Design

Još niste uspjeli naći baš ono što vam treba? Pretražite cijeli Tutor.Blog:

Google

Informacije, razno

Tekstovi, slike i izvorni kod: nelchee


Nela Dunato art & Design
Moj design portfolio


In obscuro
Besplatni predlošci za web stranice


Cwtam - sketchblog
moj sketchblog




Prati me na Twitteru


Ako želite na svoj blog dodati link do Tutor.blog-a, kopirajte kod iz textbox-a (Desni klik --> Select All --> Copy) na mjesto gdje želite da se link pojavi. Hvala! :D


Tutor.Blog


HTML i CSS tutoriali


HTML i CSS tutoriali

Sadržaj ovog bloga je autorski rad. © 2005-2007 Nela Dunato
Login
Google

Blog.hr koristi kolačiće za pružanje boljeg korisničkog iskustva. Postavke kolačića mogu se kontrolirati i konfigurirati u vašem web pregledniku. Više o kolačićima možete pročitati ovdje. Nastavkom pregleda web stranice Blog.hr slažete se s korištenjem kolačića. Za nastavak pregleda i korištenja web stranice Blog.hr kliknite na gumb "Slažem se".Slažem se