Ana içeriğe atla

Rounded corners by using CSS sprite

To make a division which has rounded corners this stylesheet is used.

/* First part can also be used inline styling */
.graybox{background-image: url('images/graybox.png');background-color: #e4e4e4;}
.grayboxContent{width: 600px;}
.top{width: 590px;}
.center{width: 600px;}
.bottom{width: 590px;}

/* Second part is common settings */
.grayboxContent{float: left;background-repeat: no-repeat;}
.graybox{float: left;background-repeat: no-repeat;}
.topLeft{width: 5px;height: 5px;background-position: 0px 0px;}
.top{height: 5px;background-image: none;}
.topRight{width: 5px;height: 5px;background-position: -5px 0px;}
.center{background-image: none;}
.bottomLeft{width: 5px;height: 5px;background-position: 0px -5px;}
.bottom{height: 5px;background-image: none;}
.bottomRight{width: 5px;height: 5px;background-position: -5px -5px;}


And this division positioning is used.

<div class="grayboxContent">
<div class="graybox topLeft"></div>
<div class="graybox top"></div>
<div class="graybox topRight"></div>
<div class="graybox center">
Selim
</div>
<div class="graybox bottomLeft"></div>
<div class="graybox bottom"></div>
<div class="graybox bottomRight"></div>
</div>

This image should be in the folder images
->

So it is ready to use.

Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

İzmir'de ne yapılır? (alıntı)

Okumanızı şiddetle tavsiye ediyorum. Bir sitede rastladım fakat çok hoşuma gitti. 7 senedir izmirde yaşayan birisi olarak hemen hemen hepsini onaylıyorum. Şimdilik sadece alıntı olarak yayınlıyorum. Belki sonra kendim benzer bir liste oluşturabilirim.   Kendi Yapmış olduğum listeye buradan erişebilirsiniz. İzmir´e Yeni Gelenler İçin 100 Maddede İZMİR 1-İstanbul´dan geldiyseniz, burada da karşı kavramı vardır. Şaşırmayın. 2-Boyoz´un ne olduğunu hemen öğrenin ve evinize yakın bir boyozcu bulun. 3-İlk gördüğünüz kıza yiyecekmiş gibi bakmayın, zira çok var onlardan, alışın. 4-Bu şehirde -özellikle İstanbul´dan geldiyseniz- insanlar birine çarptıklarında özür diler, genelde sabahları "günaydın", akşamları "iyi akşamlar", gün genelindeyse "iyi günler" diyerek güler yüz gösterirler. "Teşekkür ederim" de en çok duyacağınız kelime gruplarından biridir. 5-Daha önceden yediğiniz adı kumru olan sandviçlerin hepsinin dandik olduğunu kabul edi...
8 yorum
Devamı

HP notebook fn tuşu iptal etme

Eğer siz de benim gibi fonksiyon tuşlarını (F1, F2, .... , F12) çok kullanan birisiyseniz ve hp notebookunuz ile sürekli olarak fn tuşuna basmanız gerekiyorsa, sorunun çözümü oldukça basit. Bilgisayarınızı yeniden başlatıp f10 tuşu ile bios ayarlarınıza girin. System configuration sekmesinden Active Keys seçeneğini disabled konumuna getirin. Kayıt edip çıkın. İşlem tamamdır.
3 yorum
Devamı

Flash AS3, ASP.NET and MSSQL connectivity

To connect your flash actionscript project to a database the easiest way is to use dynamically creating XML method. With this code snippet you may load xml file into swf. If you implement MyDataXML.aspx as responsing XML file flash will accept it as an xml file. var loader:URLLoader = new URLLoader(); loader.addEventListener(Event.COMPLETE, loadXML); loader.load(new URLRequest(“ MyDataXML.aspx”)); function loadXML(e:Event):void { xml = new XML(e.target.data); trace(xml); } To make an aspx file responsing XML file this code block you should write into page_load method. System.Web.HttpResponse response = System.Web.HttpContext.Current.Response; response.Buffer = true; response.ClearContent(); response.ClearHeaders(); response.ContentType = "text/xml"; xmldata="xml comes here"; response.Write(xmldata); response.End(); This query sample may help you getting your data from database. This is not obligated. Just select your data however you like....
3 yorum
Devamı