Zaoblené rohy bez obrázků Skyluke

Navigace:Skyluke ⇒ Zápisník ⇒ Zaoblené rohy bez obrázků

Zaoblené rohy bez obrázků

Zaoblené rohy bez obrázků Dlouho jsem hledal způsob, jak zaoblit rohy u DIVu bez použití obrázku, a po přečte
gimp zaoblit rohy, photoshop zaoblené rohy, obrázky do rohů, zaoblení obrázku css, 47lw5500 okrajoch, zaoblené rohy, internet explorer 6 oblé rohy, zaobleni rohu obrazku, online zaoblení rohů obrázků, zaoblené rohy css,

Zaoblené rohy bez obrázků

Dlouho jsem hledal způsob, jak zaoblit rohy u DIVu bez použití obrázku, a po přečtení Filův blog a přeskočení na vynikající návod Nifty Corners jsem se konečně dočkal.

Uvedená technika sice vyžaduje použití CSS i Javascriptu, ale funguje perfektně i ve starém šrotu jako je Internet Explorer 6. Podpora moderních prohlížečů (Firefox, Opera) je samozřejmostí.

Ukázka zdrojového kódu

<style type="text/css"> body{padding: 20px;background-color: #377CB1; font: 100.01% "Trebuchet MS",Verdana,Arial,sans-serif} h1,h2,p{margin: 0 10px} h1{font-size: 250%;color: #FFF} h2{font-size: 200%;color: #f0f0f0} p{padding-bottom:1em} h2{padding-top: 0.3em} div#nifty{ margin: 0 10%;background: #9BD1FA} </style> <link rel="stylesheet" type="text/css" href="niftyCorners.css"> <link rel="stylesheet" type="text/css" href="niftyPrint.css" media="print"> <script type="text/javascript" src="nifty.js"></script> <script type="text/javascript"> window.onload=function(){ if(!NiftyCheck()) return; Rounded("div#nifty","#377CB1","#9BD1FA"); } </script> </head> <body>   <div id="nifty"> ...text... </div>

Zdroj: pro.html.it/esempio/nifty/nifty1js.html

Příklady ke stažení

Všechny příklady můžete stáhnout i z mého webu nifty.zip [37kB]

autor novyblog | cal 28.3.2009 | Zápisník osobní věci, osobní blog Zápisník |

Kometáře


Zatim tu nejsou žádný (schválené) kometáře.
Nové kometáře nejsou povolené.

Související články

efekty v gimpu Mobipocket e Book Reader kam napsat tahaky htc smart tapety jaký hosting horory nejlepší filmy prison break na tv nova COCACOLAHRY vtipy kamion rytmus tapety

Vyhledávání na webu

RSS export

RSS článků z blogu RSS export

Kategorie

Zajimavé