Sitenize #R4BİA Selamı İşareti Eklemek

Sitenize #R4BİA Selamı İşareti Eklemek

Mısırdaki askeri darbeden sonra katledilen Müslüman kardeşlerimize destek olmak için TrendWP tarafından paylaşılan ve tarafımızı belli etmek adına paylaştığımız, yayınladığımız Rabia selamını yayınlamak isteyen arkadaşlarım için kodlar ve yayınlamak için açıklaması aşağıda mevcuttur..

1.Adım

<div style=”position:fixed;top:-5px;right:100px;z-index:999999;”><img style=”animation-delay: 0.8s;
-webkit-animation-delay: 0.8s;
-moz-animation-delay: 0.8s;
animation-delay: 0.8s;” src=”/rabia.png”></div>
(Bu kod header.php’de <body/>’den sonra eklenecektir)
(Görselin link yönlendirmesi ise örnek olarak bu şekildedir src=”http://www.ramiztayfur.com/rabia.png”> )
2.Adım
Ardından style.css dosyanızı açarak en altına şu css kodunu kopyalamalısınız,
#################################################

.swing{
-webkit-animation:swinging 10s ease-in-out 0s infinite;
-moz-animation:swinging 10s ease-in-out 0s infinite;
animation:swinging 10s ease-in-out 0s infinite;
-webkit-transform-origin:50% 0;
-moz-transform-origin:50% 0;
transform-origin:50% 0;
}

@-webkit-keyframes swinging{
0% { -webkit-transform: rotate(0); }
5% { -webkit-transform: rotate(10deg); }
10% { -webkit-transform: rotate(-9deg); }
15% { -webkit-transform: rotate(8deg); }
20% { -webkit-transform: rotate(-7deg); }
25% { -webkit-transform: rotate(6deg); }
30% { -webkit-transform: rotate(-5deg); }
35% { -webkit-transform: rotate(4deg); }
40% { -webkit-transform: rotate(-3deg); }
45% { -webkit-transform: rotate(2deg); }
50% { -webkit-transform: rotate(0); } /* Come to rest at 50%. The rest is just stillness */
100% { -webkit-transform: rotate(0); }
}

@-moz-keyframes swinging{
0% { -moz-transform: rotate(0); }
5% { -moz-transform: rotate(10deg); }
10% { -moz-transform: rotate(-9deg); }
15% { -moz-transform: rotate(8deg); }
20% { -moz-transform: rotate(-7deg); }
25% { -moz-transform: rotate(6deg); }
30% { -moz-transform: rotate(-5deg); }
35% { -moz-transform: rotate(4deg); }
40% { -moz-transform: rotate(-3deg); }
45% { -moz-transform: rotate(2deg); }
50% { -moz-transform: rotate(0); } /* Come to rest at 50%. The rest is just stillness */
100% { -moz-transform: rotate(0); }
}

@keyframes swinging{
0% { transform: rotate(0); }
5% { transform: rotate(10deg); }
10% { transform: rotate(-9deg); }
15% { transform: rotate(8deg); }
20% { transform: rotate(-7deg); }
25% { transform: rotate(6deg); }
30% { transform: rotate(-5deg); }
35% { transform: rotate(4deg); }
40% { transform: rotate(-3deg); }
45% { transform: rotate(2deg); }
50% { transform: rotate(0); } /* Come to rest at 50%. The rest is just stillness */
100% { transform: rotate(0); }
}

#################################################
Sitenize yerleştirirken sorun yaşayan arkadaşlarım için konunun altına yorumlarsanız yardım olurum..
Görseli alamayanlar için link yolunuda paylaşıyorum http://www.ramiztayfur.com/rabia.png  linki bağlantı alanına girerek ulaşabilir indirebilirsiniz..
Benzer Yazılar
Yorum ( 2 )
  1. Mehmet
    Eyl 23, 2013 at 16:57
    Cevapla

    Merhabalar söylediğiniz gibi kodları yerleştiriyorum ama site kayıyor neden?

    • Ramiz
      Eyl 23, 2013 at 17:02
      Cevapla

      Merhaba Mehmet bey resmi ftp’de nereye attınız ve link yolunu nasıl belirlediniz söylerseniz size yardımcı olabilirim.Link yolunun örneklediğim gibi nereye attıysanız o şekilde vermeniz gerekir ftp’de ana dizine atmanız şart değil..

Yorum Yap