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

Scrolling div (iliti kako umetnuti kliznu traku)

Dosad sam ljude koji su me pitali u vezi ovoga upućivala na post Dizajn: Dan treći - Kodiranje, no pošto se većina tamo baš ne snalazi, evo posebnog posta.


Da biste to uspješno napravili, trebate poznavati osnove HTML-a te snalaziti se u kodu vašeg predloška. Iz razloga što svaki predložak ima drugačiji kod, ne mogu vam točno reći gdje da što kopirate - to posve ovisi o vama.

Scrollbar ili kliznu traku možete dodati na bilo koji element. Ako imate u predlošku element na kojem piše npr. class="sadrzaj" ili id="stupac" (mogu biti i drugačija imena!) dovoljno je pronaći u CSS-u .sadrzaj ili #stupac i iza vitičaste zagrade dodati slijedeće:

height: 400px;
overflow: auto;

To znači da će se, ukoliko sadržaj tog elementa prijeđe zadanu visinu (od u našem primjeru 400 pixela), pojaviti scrollbar.


U slučaju da ne možete naći takav element (najćešće div), možete ga napraviti sami:

<div style="width: 500px; height: 400px; overflow: auto">
<!-- ovdje ide sadržaj bloga (postovi ili boxevi) -->
</div>

Poslije taj scrollbar možete i obojati.

18.06.2006. @ 19:01

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