Resimleri Gökkuşağı Renkleri İle Renklendirin



Blogger resimlerine Gökkuşağı renklerinden oluşan efekt vermek istermisiniz ben kendi blogumda uyguladığım bu eklentiyi sizlerle paylaşmak istiyorum,kendimce oldukça güzel ve renkli olduğunu düşündüğümden gayet güzel ve harika bir eklenti bence,blog galerilerinde,fotoğraflarında veya kendi blogunda resimlere renkli bir efekt vermeyi düşünen arkadaşlar için güzel bir eklenti olduğunu düşünüyorum eklentinin demosunu aşağıdaki resimin üzerine mause ile gelin ve sizde farkedin bu güzelliği diyorum ben.


  • Blogger Kumanda Paneli girin
  • Daha  sonra Şablon seçin
  • HTML'yi Düzenle diyin ve daha sonra Witget Şablonu Genişlet tıklayın CTRL + F yardımı ile bu  ]]></b:skin> kodunu bulun
  • Sonra Aşağıdaki Kodu Hemen  ]]></b:skin>  Üstüne Yapıştırın

.duy-bcss3 {
cursor:pointer;
border:3px solid #6b6b6e;
background-color:#f2ac08;
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fcd600', endColorstr='#f2ac08');
background-image:-webkit-linear-gradient(top, #fcd600 8%, #ffba3b 55%, #f2ac08 100%);
background-image:-moz-linear-gradient(top, #fcd600 8%, #ffba3b 55%, #f2ac08 100%);
background-image:-ms-linear-gradient(top, #fcd600 8%, #ffba3b 55%, #f2ac08 100%);
background-image:-o-linear-gradient(top, #fcd600 8%, #ffba3b 55%, #f2ac08 100%);
background-image:linear-gradient(top, #fcd600 8%, #ffba3b 55%, #f2ac08 100%);
padding:18px 36px;
-webkit-border-radius:13px;
-moz-border-radius:13px;
border-radius:13px;
-webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.3), 0px 3px 11px #515151;
-moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.3), 0px 3px 11px #515151;
box-shadow:inset 0px 1px 0px rgba(255,255,255,0.3), 0px 3px 11px #515151;
text-shadow:0px 1px 0px rgba(0,0,0,0.3);
color:#140114;
font:normal 20px 'Century Gothic',Helvetica,Arial,Sans-Serif;
text-decoration:none;
outline:none;
vertical-align:middle;
}
.duy-bcss3:hover {
border-color:#4a4743;
background-color:#fcc203;
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fcc203', endColorstr='#de7104');
background-image:-webkit-linear-gradient(top, #fcc203 0%, #fa8805 50%, #de7104 100%);
background-image:-moz-linear-gradient(top, #fcc203 0%, #fa8805 50%, #de7104 100%);
background-image:-ms-linear-gradient(top, #fcc203 0%, #fa8805 50%, #de7104 100%);
background-image:-o-linear-gradient(top, #fcc203 0%, #fa8805 50%, #de7104 100%);
background-image:linear-gradient(top, #fcc203 0%, #fa8805 50%, #de7104 100%);
color:#ffffff;
}
@-webkit-keyframes hue {
100% { -webkit-filter:hue-rotate(360deg); }
}
img:hover {
-webkit-animation:hue 1s linear infinite;
}



0 yorum:

Yorum Gönder