Webprogramozás arr HTML, CSS info Divek és böngészők
(#4) raczger válasza erre: (#3) Dual 2012.03.01. 11:22

raczger
raczger
Admin

Ez lényegében js, nem css. Először is a head részbe be kell illeszteni a két js-t:

1
2
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://malsup.github.com/jquery.corner.js"></script>

Aztán a divednek adj egy id-t vagy class-t, amit le akarsz kerekíteni, megmutatom mindkettővel:
1
2
<div id="lekerekit"></div>
<div class="lekerekites"></div>

És végül szintén a head részbe illeszd be ezt a js kódot:
1
2
3
4
5
6
<script type="text/javascript">
$(document).ready(function(){
$("#lekerekit").corner("3px"); //id-t #-el adjuk meg, a corner részbe pedig a lekerekítés paramétereit írd, a linkelt oldalon találsz többféle példát is
$(".lekerekites").corner("3px"); //class esetében .-al adjuk meg, ilyenkor az összes class sarkait lekerekíti
});
</script>


Utoljára szerkesztette: raczger 2012.03.01. 11:26