Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Bayram Mesajı HTML - CSS
#1
Önizleme:
Kod:
https://codepen.io/omrsl/pen/rzoLQX

Kurulum:

Css
Kod:
/* 
Kod içerisinde istediğiniz gibi değişiklik yapabilirsiniz.
*/

@keyframes renk {
 0%  {background-color: #FF5722;
 background-size: 0px 0px;}
 10% {background-color: #4CAF5; background-size: 504px 76px;}
 20% {background-color: #E91E63;}
 30% {background-color: #673AB7;}
 40% {background-color: #2196F3;}
 50% {background-color: #009688;}
}

.bayram_mesaji {
   background: url(https://i.hizliresim.com/YNY2Jl.png) center no-repeat;
   height: 60px;
   width: 100%;
   color: white;
   animation: renk 10s linear 0s infinite alternate;
   margin: 0;
   padding: 0;
 
 

Html
Kod:
<div class="bayram_mesaji">
</div>


Not: Header şablonunda en üste eklerseniz sitenizin üstünde boşluksuz bir şekilde çıkacaktır.
Ücretli grafik tasarım işleriniz için özel mesaj yoluyla ulaşabilirsiniz.
"Hiçbir kuş, komşusundan daha fazla yuva yapmaya uğraşmadı; hiçbir tilki, saklanacak tek bir kovuk bana yetmez! diye kendini harap etmedi; hiçbir sincap bir değil de iki kış yetecek kadar ceviz biriktiremediği için endişeden ölmedi ve hiçbir köpek yaşlılık yılları için biriktirmiş kemiği olmadığını dert ederek uykusuz kalmadı."

oyPjvR.png
Ara
Cevapla PGM
Teşekkür verenler:
#2
Elinize Sağlık Kardeşim Güzel Olmuş Kullanıcam :)
Ara
Cevapla PGM
Teşekkür verenler:
#3
(31-08-2017 Saat: 00:17)Time Traveler Nickli Kullanıcıdan Alıntı: Önizleme:
Kod:
https://codepen.io/omrsl/pen/rzoLQX

Kurulum:

Css
Kod:
/* 
Kod içerisinde istediğiniz gibi değişiklik yapabilirsiniz.
*/

@keyframes renk {
 0%  {background-color: #FF5722;
 background-size: 0px 0px;}
 10% {background-color: #4CAF5; background-size: 504px 76px;}
 20% {background-color: #E91E63;}
 30% {background-color: #673AB7;}
 40% {background-color: #2196F3;}
 50% {background-color: #009688;}
}

.bayram_mesaji {
   background: url(https://i.hizliresim.com/YNY2Jl.png) center no-repeat;
   height: 60px;
   width: 100%;
   color: white;
   animation: renk 10s linear 0s infinite alternate;
   margin: 0;
   padding: 0;
 
 

Html
Kod:
<div class="bayram_mesaji">
</div>


Not: Header şablonunda en üste eklerseniz sitenizin üstünde boşluksuz bir şekilde çıkacaktır.


Emeğine sağlık dostum profilindeki web siteni değiştirmeni öneriyorum (site aktif değil) . iyi geceler...
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi



WTSupport | Torrent - ZULA - The Forest Platformu -

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping