Birgün değil, Hergün iste!

Sans-serif

Aa

Serif

Aa

Font büyüklüğü

+ -

Satır yüksekliği

+ -
Gündüz
Gece
Gün Batımı

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

  • Mehmet
    Eyl 23, 2013 at 16:57

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

    • 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..

Bir cevap yazın


This site uses Akismet to reduce spam. Learn how your comment data is processed.