[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]
Bu tip Katmanların köşelerini yuvarlatmak isterseniz
[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]
Yapmanız gerekenler çok basit. Aşağıdaki dosyayı indirin. İçerisindeki Corner.
js yi head tagları arasında tanıtın. Son olarak </Body> tagının üstünde komutları uygulayın.
[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]
Bunun bir kaç kullanımı da var. Fakat en basit olanı bu...
Örnek:
Kod: Kodu kopyalamak için üzerine çift tıklayın!
<html>
<head>
<script type="text/javascript" src="corner.
js"></script> <!-- Burada corner.
js yi dahil ediyoruz //-->
<style type="text/css">
<!--
.yuvarlak_kose
{
background: purple;
color: #FFFFFF;
padding: 5px;
}
//-->
</style>
</head>
<body>
<!-- Bu kısımda Class Adını yuvarlak_kose veriyoruz. Herhangi bir değer verebilirsiniz. //-->
<div class="yuvarlak_kose">
<div><strong>DENEME KATMANI</strong></div>
<p>sşdokfpdlşfjk wpğeıdfj woregnh troklhm epıthjme pwtolögzoırh owefjnm lwkrfm wrg
posıdfgjğopsdfkjm odıufh wmeofu öwm€w hefonjwugj nmerşlgkw nerjgfouwregn wrlgknh
pısdhf ğodknjöeafouwrgh </p>
</div>
<!-- Son olarak da Ayarları içeren bir nesne tasarladıktan sonra en altta hangi classların yuvarlatılacağının komutunu veriyoruz /-->
<script type="text/javascript">
<!--
var settings = {
tl: { radius: 10 }, // Top Left - Sol Üst
tr: { radius: 10 }, // Top Right - Sağ Üst
bl: { radius: 10 }, // Bottom Left - Sol Alt
br: { radius: 10 }, // Bottom Right - Sağ Alt
antiAlias: true,
autoPad: true
};
var yuvarlat = new curvyCorners(settings, "yuvarlak_kose");
yuvarlat.applyCornersToAll();
//-->
</script>
</body>
</html>