
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
|