Help stranica

od Mr.Joker Pon Avg 01, 2011 6:23 am

Stranicu koju ćete videti može biti i help stranica i stranica za pravila foruma, potpuno je nebitno.
HTML:

Kod:: <ul> <li><a href="#id1">Block 1</a></li> <li><a href="#id2">Block 2</a></li> <li><a href="#id3">Block 3</a></li> <li><a href="#id4">Block 4</a></li> </ul> <div id="id1"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tempus, felis at varius eleifend, neque orci porta magna, consequat aliquam ligula velit quis erat. Aenean porttitor pellentesque risus, eu tincidunt ipsum blandit in. </p> </div> <div id="id2"> <p>Sed lobortis placerat elit tincidunt tempor. Nam dignissim euismod quam nec tempor. Sed tortor lorem, ultricies a auctor nec, auctor ut neque. Aenean varius, urna eget adipiscing feugiat, nunc ligula molestie massa, id accumsan turpis metus ac ante. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> </div> <div id="id3"> <p>Pellentesque quis tortor vitae elit cursus vulputate et vel dui. Nunc commodo pretium arcu in ultricies. Nunc vel velit enim, et tincidunt leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p> </div> <div id="id4"> <p>Quisque eget tempor sapien. Cras convallis tempor orci pulvinar scelerisque. Nullam et erat eu nibh sollicitudin congue sit amet id diam. Sed in lectus ut augue euismod porta. Quisque non lacus odio. Nunc ornare adipiscing egestas. </p> </div>

Imamo jednu listu na početku, nakon toga nekoliko div-a u kojima se nalazi tekst.
Sada CSS:

Kod:: /* Add some spacing */ ul, div { margin-bottom: 10px; } /* Default block styles */ div { padding: 10px; border: 1px solid #eaeaea; -moz-border-radius: 5px; border-radius: 5px; } /* Change its appearance when it's matched */ div:target { border-color: #9c9c9c; -moz-box-shadow: 0 0 4px #9c9c9c; -webkit-box-shadow: 0 0 4px #9c9c9c; box-shadow: 0 0 4px #9c9c9c; }

[You must be registered and logged in to see this image.]

DEMO: [You must be registered and logged in to see this link.]
Tutorial by Catalin Rosu a.k.a Red
Preveo sa Engleskog: System32