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=”https://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 https://www.ramiztayfur.com/rabia.png linki bağlantı alanına girerek ulaşabilir indirebilirsiniz..

2 Yorumlar

Bir yorum yap

Mehmet
Eyl 23, 2013 at 16:57

Merhabalar söylediğiniz gibi kodları yerleştiriyorum ama site kayıyor neden?
- reply
  Ramiz
  Eyl 23, 2013 at 17:02
  
  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..