Web sitelerinde gördüğümüz gözlerimizi kamaştıran yuvarlak köşeleri hiçbir image veya resim kullanmadan web sayfalarımıza eklemek hiç zor değil aşağıda bahsedeceğimiz küçük bir css tekniği ile yuvarlak köşelere sahip olabiliyoruz.
Resimsiz Css Style Kodları
<style type="text/css">
.mnykdm{display:block}
.mnykdm *{
display:block;
height:1px;
overflow:hidden;
font-size:.01em;
background:#b20000}
.mnykdm1{
margin-left:3px;
margin-right:3px;
padding-left:1px;
padding-right:1px;
border-left:1px solid #870000;
border-right:1px solid #870000;
background:#9f0000}
.mnykdm2{
margin-left:1px;
margin-right:1px;
padding-right:1px;
padding-left:1px;
border-left:1px solid #6f0000;
border-right:1px solid #6f0000;
...more»
Web sitelerinde gördüğümüz gözlerimizi büyüleyen lightbox uygulamalarını bir kaç satır basit css kodları ile sitelerinizde uygulanabilir kılmak mümkün, eğer çok fazla efekt olaylarına girmesemde olur diyorsanız aşağıdaki css kodları ve ve örnek uygulamayı inceleyebilirsiniz.
Css style kodları
<style>
.siyah{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.beyaz {
display: none;
position: absolute;
top: 25%;
left: 25%;
width: 50%;
height: 50%;
padding: 16px;
border: 16px solid orange;
background-color: white;
z-index:1002;
overflow: auto;
}
</style>
HTML dosyanıza eklemeniz gereken
...more»
posted by admin filed under Anasayfa
Artık burada internetteki saçmalıklardan atıp tutacağız. Artık kim yakalarsa ...
...more»
RSS Feeds