Okrugli coskovi u svim browserima pomocu CSS-a

Teme vezane za kreiranje osnovnih web stranica baziranih na HTML sintaksi.
1 post • Stranica: 1/1.

Okrugli coskovi u svim browserima pomocu CSS-a

PostPostao/la Jasko » 02 ožu 2012, 13:23

Okrugli ćoškovi mogu jednoj stranici dati elegantniji ukupni dojam ili karakter stranice uciniti ljubaznijim i privlacnijim.
Apple je sa svojom stranicom i produktima pionir i pravi primjer za uspiješno korištenje ovog stila.

Moderni webbrowseri kao i CSS3 podržavaju već jedan atribut, kojim se okrugli coskovi mogu primjenjivati nad HTML elementima.

css code
.zakruzeno {
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari, Chrome */
-khtml-border-radius:10px; /* Konqueror Linux Browsers*/
border-radius:10px; /* CSS3 */
}


Nažalost ovaj mali effekt ne funkcioniše u Microsoft Internet Exploreru. No ima lijeka i za to, naime HTC-Skrip: , uz mali dodatak u CSS fajlu omogucava i ovom zaostalom softweru da aktivira okrugle coskove.

css code
.zaokruzeno {
behavior:url(border-radius.htc);
}


Skript provjerava dali postoje border-radius deklaracija, kao gore u primjeru navedena, a zatim taj atribut primjenjuje nad datim elementom tako da se i u IE-u korektno prikazuje.

Autor skripta nudi i gotovu Demo-Stranicu za download, koja prikazuje rad skripta.
Postoji 10 vrsta ljudi na zemlji. Oni koji razumiju binarni sistem i oni koji ga ne razumiju!
Posjetite moj YouTube kanal za gledanje za programiranje i druge teme oko računara.

1 post • Stranica: 1/1.

Na mreži

Trenutno korisnika/ca: / i 1 gost.