Subscribe For Free Updates!

We'll not spam mate! We promise.

Css etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
Css etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

25 Temmuz 2014 Cuma

Geri Sayım Scripti İndex'i

Geri Sayım Scripti İndex'i
Geri Sayım Scripti İndex'i
Script Kategorisi: Css, html, script,
Script Boyutu: 4,77 MB (5.006.809 bayt)
Script Açıklaması: Harika bir geri sayım indexidir. Css ve html kullanarak hazırlanmış ve sizlere kolaylık sağlanmıştır.


Yöneticinin Bu Scripte Puanı: 10/7


Rar Şifresiwebyaprak.blogspot.com

5 Şubat 2013 Salı

CSS3 İle Oluşturulmuş Google Tarzı Butonlar

CSS3 İle Oluşturulmuş Google Tarzı Butonlar
CSS3 İle Oluşturulmuş Google Tarzı Butonlar

Merhaba Arkadaşlar

Şimdi ise başlıkta belirttiğim gibi CSS3 İle Oluşturulmuş Google Tarzı Butonları göstereceğim

Aşağıdaki kodları <head>...</head> kodları arasına yapıştırıyoruz. Eğer bunu blogger siten için yapıyorsan <b:skin>...</b:skin> bu kodlar arasına yapıştırın.
a.button {
color: #6e6e6e;
font: bold 12px Helvetica, Arial, sans-serif;
text-decoration: none;
padding: 7px 12px;
position: relative;
display: inline-block;
text-shadow: 0 1px 0 #fff;
-webkit-transition: border-color .218s;
-moz-transition: border .218s;
-o-transition: border-color .218s;
transition: border-color .218s;
background: #f3f3f3;
background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
border: solid 1px #dcdcdc;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
margin-right: 10px;
}
a.button:hover {
color: #333;
border-color: #999;
-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.button:active {
color: #000;
border-color: #444;
}
a.left {
-webkit-border-top-right-radius: 0;
-moz-border-radius-topright: 0;
border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-bottomright: 0;
border-bottom-right-radius: 0;
margin: 0;
}
a.middle {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-left: solid 1px #f3f3f3;
margin: 0;
border-left: solid 1px rgba(255, 255, 255, 0);
}
a.middle:hover,
a.right:hover { border-left: solid 1px #999 }
a.right {
-webkit-border-top-left-radius: 0;
-moz-border-radius-topleft: 0;
border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
border-left: solid 1px #f3f3f3;
border-left: solid 1px rgba(255, 255, 255, 0);
}
a.big {
font-size: 16px;
padding: 10px 15px;
}
a.supersize {
font-size: 20px;
padding: 15px 20px;
}
a.mavi {
text-shadow:none;
color:#fff;
padding: 10px 30px;
-webkit-border-radius: 2px 2px;
border: solid 1px #3079ed;
background: #4d90fe; /* Old browsers */
background: -moz-linear-gradient(top, #4d90fe 0%, #4787ed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d90fe), color-stop(100%,#4787ed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4d90fe 0%,#4787ed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4d90fe 0%,#4787ed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4d90fe 0%,#4787ed 100%); /* IE10+ */
background: linear-gradient(top, #4d90fe 0%,#4787ed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d90fe', endColorstr='#4787ed',GradientType=0 ); /* IE6-9 */
text-decoration: none;
cursor: pointer;
display: inline-block;
text-align: center;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height: 1;
}

a.mavi:hover {
text-shadow:none;
color:#fff;
border: 1px solid #2f5bb7;
background: #4d90fe; /* Old browsers */
background: -moz-linear-gradient(top, #4d90fe 0%, #357ae8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d90fe), color-stop(100%,#357ae8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4d90fe 0%,#357ae8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4d90fe 0%,#357ae8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4d90fe 0%,#357ae8 100%); /* IE10+ */
background: linear-gradient(top, #4d90fe 0%,#357ae8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d90fe', endColorstr='#357ae8',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 0 1px 1px #333333;
-moz-box-shadow: 0 1px 1px #333333;
box-shadow: 0 1px 1px #333333;
}

a.mavi:active {
border: 1px solid #377cea;
-webkit-box-shadow: inset 0 0 2px 2px #377cea, 0 1px 0 0 #aaa;
-moz-box-shadow: inset 0 0 2px 2px #377cea, 0 1px 0 0 #aaa;
box-shadow: inset 0 0 2px 2px #377cea, 0 1px 0 0 #aaa;
}
a.turuncu {
text-shadow:none;
padding: 10px 30px;
-webkit-border-radius: 2px 2px;
border: solid 1px #d64937;
background: #d64937; /* Old browsers */
background: -moz-linear-gradient(top, #d64937 0%, #d14836 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d64937), color-stop(100%,#d14836)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d64937 0%,#d14836 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d64937 0%,#d14836 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #d64937 0%,#d14836 100%); /* IE10+ */
background: linear-gradient(top, #d64937 0%,#d14836 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d64937', endColorstr='#d14836',GradientType=0 ); /* IE6-9 */
color: #fff;
text-decoration: none;
cursor: pointer;
display: inline-block;
text-align: center;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height: 1;
}

a.turuncu:hover {
text-shadow:none;
color:#fff;
padding: 10px 30px;
border: 1px solid #b0281a;
background: #dd4b39; /* Old browsers */
background: -moz-linear-gradient(top, #dd4b39 0%, #c53727 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd4b39), color-stop(100%,#c53727)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #dd4b39 0%,#c53727 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #dd4b39 0%,#c53727 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #dd4b39 0%,#c53727 100%); /* IE10+ */
background: linear-gradient(top, #dd4b39 0%,#c53727 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd4b39', endColorstr='#c53727',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 0 1px 1px #333333;
-moz-box-shadow: 0 1px 1px #333333;
box-shadow: 0 1px 1px #333333;
}

a.turuncu:active {
padding: 10px 30px;
color:#fff;
border: 1px solid #b0281a;
-webkit-box-shadow: inset 0 0 8px 4px rgb(197, 55, 39), 0 1px 0 0 #eeeeee;
-moz-box-shadow: inset 0 0 8px 4px rgb(197, 55, 39), 0 1px 0 0 #eeeeee;
box-shadow: inset 0 0 8px 4px rgb(197, 55, 39), 0 1px 0 0 #eeeeee;
}
Aşağıdaki kodlarıda butonları nerde kullanmak istiyorsanız orda kullancaksınız.
<a href="#" class="button">Normal Buton</a><a href="#" class="button left">Sol Buton</a><a href="#" class="button middle">Orta Buton</a><a href="#" class="button middle">Orta Buton</a>

<a href="#" class="button big">Büyük Buton</a><a href="#" class="button left big">Büyük Sol Buton</a><a href="#" class="button middle big">Orta Buton</a><a href="#" class="button middle big">Orta Buton</a>

<a href="#" class="button mavi">Mavi Buton</a><a href="#" class="button turuncu">Turuncu Buton</a>

Örnek Butonlar Aşağıdadır

Normal ButonSol ButonOrta ButonOrta Buton Büyük ButonBüyük Sol ButonOrta ButonOrta Buton Mavi ButonTuruncu Buton

30 Ocak 2013 Çarşamba

Sitene Sosyal İkonlar Butonu Ekle

Sitene Sosyal İkonlar Butonu Ekle
Sitene Sosyal İkonlar Butonu Ekle

Merhaba Arkadaşlar ;
Şimdi size sitenize sosyal ikonları eklemeyi göstericem.
İlk önce sitenizde aşağıdaki kodu buluyoruz ve
</head>
Hemen üstüne alttaki kodu ekliyoruz. Ekledikten sonra sitenizin neresine isterseniz 
<link href='http://dosyalar.juplo.com/sosyalikonlar/css/style.css' media='all' rel='stylesheet' type='text/css'/>
Aşağıdaki kodları ekliyoruz ve sizinde artık burda ki gibi bir butonunuz oluyor.


<span class="social-icon twitter"><a href="#"title="twitter">twitter</a></span>
<span class="social-icon facebook"><a href="#" title="facebook">facebook</a></span>
<span class="social-icon gplus"><a href="#" title="gplus">gplus</a></span>
<span class="social-icon linkedin"><a href="#" title="linkedin">linkedin</a></span>
<span class="social-icon flickr"><a href="#" title="flickr">flickr</a></span>
<span class="social-icon digg"><a href="#" title="digg">digg</a></span>
<span class="social-icon forrst"><a href="#" title="forrst">forrst</a></span>
<span class="social-icon github"><a href="#" title="github">github</a></span>
<span class="social-icon zerply"><a href="#" title="zerply">zerply</a></span>
<span class="social-icon pinterest"><a href="#" title="pinterest">pinterest</a></span>
<span class="social-icon stumbleupon"><a href="#" title="stumbleupon">stumbleupon</a></span>
<span class="social-icon rss"><a href="#" title="rss">rss</a></span>
<span class="social-icon dribbble"><a href="#" title="dribbble">dribbble</a></span>
<span class="social-icon delicious"><a href="#" title="delicious">delicious</a></span>
<span class="social-icon foursquare"><a href="#" title="foursquare">foursquare</a></span>
<span class="social-icon reddit"><a href="#" title="reddit">reddit</a></span>
<span class="social-icon vimeo"><a href="#" title="vimeo">vimeo</a></span>
<span class="social-icon yelp"><a href="#" title="yelp">yelp</a></span>
<span class="social-icon gowalla"><a href="#" title="gowalla">gowalla</a></span>
<span class="social-icon youtube"><a href="#" title="youtube">youtube</a></span>

Alt taraftan demoya bakabilirsiniz
 Demo

7 Aralık 2012 Cuma

Üyelik Scripti

Üyelik Scripti1
Üyelik Scripti
Script Kategorisi: html, script, Css
Script Boyutu: 1,28 MB (1.344.346 bayt)
Script Açıklaması: Arkadaşlar resimde ve demo'da gördüğünüz gibidir. html, ve css tabanlıdır. Harika bir kayıt ve üye kontrol scriptidir.


Yöneticinin Bu Scripte Puanı: 10/9


30 Kasım 2012 Cuma

Profil Kartı (css,html)

Profil Kartı (css,html)
Profil Kartı

Script Kategorisi: Css, diğer scriptler, html,
Script Boyutu: 66,3 KB (67.982 bayt)
Script Açıklaması: Arkadaşlar gördüğünüz gibi bir profil kartıdır kendinizi tanıtabilirsiniz. Sitenizin bir yerine ekleyip ne sitesiyse ona göre tanıtım yeride olabilir bu size kalmış bir şey ben size paylaştım buyrun.


Yöneticinin Bu Scripte Puanı: 10/10


24 Kasım 2012 Cumartesi

Can Parcası Beğeni Scripti

Can Parcası
Can Parcası
Script Kategorisi: facebook, php, script, Css,
Script Boyutu: 165 KB (169.734 bayt)
Script Açıklaması: Harika bir facebook durum beğendirme tasarımıdır. Hoş ve sade bir tasarımdır. Çok aranan bir script olduğundan bende paylaştım. Bunu sitenize kurup rahatca user kasıp durumlarınızı beğendirebilirsiniz.


Yöneticinin Bu Scripte Puanı: 10/10


22 Kasım 2012 Perşembe

İndirme Butonu 6 Renk

İndirme Butonları

Script Kategorisi: psd, Css, html,
Script Boyutu: 25,3 KB (25.970 bayt)
Script Açıklaması: Harika bir butondur. Resimde ve demoda gördüğümüz şekilde çok güzel ve kullanışlıdır.


Yöneticinin Bu Scripte Puanı: 10/8


18 Kasım 2012 Pazar

Chunk 3D CSS3 Buton



Script Kategorisi: Css, html, script
Script Boyutu: 135 KB (138.800 bayt)
Script Açıklaması: Css3 formatında hazırlanmış 3 boyutlu butondur. Renkleri resimde gördüğünüz gibi bayağı vardır. Buyrun aşağıdan indirebilirsiniz.


Yöneticinin Bu Scripte Puanı: 10/8


Ads Inside Post

Sitemize Hoşgeldiniz :)

Haberci

Destek3

Related Posts Plugin for WordPress, Blogger...