Css Örnekleri

Sayfa 2 / 4
Css Örnekleri-CSS z index Özelliği
Tüm nesnelere uygulanamaz sadece konumlandırma değeri atanmış nesnelere uygulanır. Bunun anlamı eğer bir nesneyi
21-05-2009   |   0 yorum
Css Örnekleri-CSS ile Dikey Menü Yapmak
Css ile Dikey menü <style> ul.menus {     list-style:none; padding:0px; margin:0px;} /*sırasıyla listemizin başındaki noktaları kaldırdık
21-05-2009   |   0 yorum
Css Örnekleri-CSS ile Yatay Menü Yapmak
Css ile yatay menü <style> ul.menus {     list-style:none; padding:0px; margin:0px;} /*sırasıyla listemizdeki başındaki noktaları kaldırdık
21-05-2009   |   0 yorum
Css Örnekleri-CSS ile sayfaları ve nesneleri ortalamak
Css ile herhangi bir div bölümünü ortalamak Margin kullanarak ortalama .nesne{margin:0 auto} <div class="nesne"></div>   Yazıyı Dikey ortalamak Yazıyı
21-05-2009   |   0 yorum
Css Örnekleri-Dikey Akordiyon Fotoğraf Galerisi Yapma
<style> #galeri {   padding: 5px 5px;    list-style-type:none;    overflow:hidden;    width:400px;    height:420px;    border:1px solid #888;   background:#D7D7D7
21-05-2009   |   0 yorum
Css Örnekleri-Yatay Akordiyon Fotoğraf Galerisi Yapma
css ile javasciprt kullanmadan yatay akardiyon slayt örneği yapacağız. <style> #galeri {   padding: 5px 5px;   
21-05-2009   |   0 yorum
Css Örnekleri-CSS ile Yatay Menü 2
DEMO KODLARIN ALTINDADIR <style type="text/css"> @charset "utf-8"; /* CSS Document */ .ymenu{ font-weight: bold; font-size: 85%; width: 75%; /*menu uzunluğunu
21-05-2009   |   0 yorum
Css Örnekleri-CSS ile Oklu (content)Yatay Menü 2
DEMO KODLARIN ALTINDADIR <style type="text/css"> @charset "utf-8"; /* CSS Document */ <style> .arrowunderline{     } .arrowunderline ul {      width:500px; list-style-type:none; margin:0; padding:0; text-align:center;  font: bold
21-05-2009   |   0 yorum
Css Örnekleri-CSS Metni Sutunlara Bölme Column rule Özelliği
<style>  .metinbolme { width:500px;       /* METNİN KAÇ PARÇAYA AYRILACAĞI*/  column-count:3; -moz-column-count:3; /* Firefox */ -webkit-column-count:3; /* Safari and Chrome
21-05-2009   |   0 yorum
Css Örnekleri-CSS Fare İmleç Şekilleri  Mouse Cursors  Crosshair Pointer
Web sayfalarında CSS kullanarak fare imlecini değiştirebilirsiniz.Fare imlecinin nerede değişmesi gerektiğini belirlemeniz gerekiyor. Kullanım
21-05-2009   |   0 yorum
Css Örnekleri-Opacity ile Elementlere Saydamlık Verme
CSS'te nesneleri saydamlaştırmak için opacity özelliğini kullanıyoruz. <style>  .saydam { width:140px; height:40px; background-color:#000066; color:white; margin-bottom:2px; text-align:center; line-height:40px;  opacity:0.8;  }     </style> <div  class="saydam">opacity yok</div>   opacity: 0.5; CSS' saydamlık
21-05-2009   |   0 yorum
Css Örnekleri-Overflow ile Taşan Element , Yazı ve Divleri Düzeltme
<style> .taşma{ width:170px; height:70px; background-color:#FFFFFF; color:black; margin-bottom:40px; text-align:left; overflow:visible; position:relative; float:left; margin-left:45px; margin-top:20px; background:#CCC;  }    .taşma1{ width:170px; height:80px; background-color:#FFFFFF; color:black; margin-bottom:35px; text-align:left; overflow:scroll; position:relative; float:left; margin-left:45px; margin-top:20px; background:#CCC;  }      .taşma2{ width:170px; height:80px; background-color:#FFFFFF; color:black; margin-bottom:30px; text-align:left; overflow:hidden; position:relative; float:left; margin-left:45px; margin-top:20px; background:#CCC;  }      .taşma3{ width:170px; height:80px; background-color:#FFFFFF; color:black; margin-bottom:10px; text-align:left; overflow:auto; position:relative; float:left; margin-left:45px; margin-top:20px; background:#CCC;  }       </style> <div  class="taşma"> Bu Örnek bir metindir.Bu yazı uzun olduğu
21-05-2009   |   0 yorum
Sayfa 2 / 4
2
Çevrimiçi :
11
Günlük :
121
Haftalık :
363
Aylık :
1158
Copyright © 2010 İşbara Alp Sönmez – Programlama Örnekleri. Her hakkı saklıdır. www.alpsonmez.com Bu sitedeki herhangi bir içeriğin, "herhangi bir sitede veya forumda" iznim dışında paylaşım yapılması durumunda hukuki dava açacağımı tarafınıza arz ederim. "Öğrenciler dilediği gibi kullanabilir."