IRCForumları - IRC ve mIRC Kullanıcılarının Buluşma Noktası - Div Katmanlarında Yuvarlatılmış Köşeler... [Javascript]

[Ü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:

<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>