"SİTENİZİ EFEKTLERLE DONATIN
ZİYARETÇİLERİNİZİ BÜYÜLEYİN!"

Sitenizde yuvarlak logolar ya da resimler kullanıyorsanız, aşağıdaki kod ile bunlara dönme efekti ekleyebilirsiniz. Bunun için kodu sitenizin Head bölümüne eklemelisiniz.

<style type="text/css">
/*<![CDATA[*/
#logo img {

-moz-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
}
        
#logo img:hover {
-moz-transform: rotate(360deg);
-o-transform: rotate (360deg);
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}

/*]]>*/
</style>

Bu kodu da bir bileşenler / HTML öğesinin içine kopyalamalısınız

 

<div id="logo">
    <img src="http://u.jimdo.com/www52/o/s30a9b12a72c46b90/img/i0903fc1e674b83c6/1395686661/std/image.png" alt="" width="140" height="140" />
</div>

 

Buradaki resim bağlantısı (kırmızı işaretli) dilediğiniz başka bir resim ile değiştirilebilir.

 

Resmin ebatlarını (yeşil işaretli) ilgili alanları değiştirerek belirleyebilirsiniz.


Comments: 14
  • #14

    mehmet bulent keskin (Friday, 13 September 2019 23:11)

    Sayfa düzleminde dönmesi güzel .Ama z ekseninde de dönmesi muhteşem olurdu.

  • #13

    HEMEN İZLE (Saturday, 27 July 2019 01:46)

    HEMEN İZLE

  • #12

    ÖZETMAN TV (Tuesday, 25 December 2018 19:03)

    SADASDAS

  • #11

    Web Yazılım (Tuesday, 25 April 2017 07:58)

    Firmanıza Web Sitesi Kurulur

  • #10

    samatawap.com (Tuesday, 24 May 2016 11:55)

    hoşgeldiniz

  • #9

    zazu (Friday, 27 March 2015 07:58)

    ıyı gunler bunları uzerıne gelmeden degılde kendı sureklı donmesnı nasıl ayarlıyacaz

  • #8

    caner (Sunday, 05 October 2014 16:31)

    sorun bu logoyu nasıl konumlandırıcam

  • #7

    Site Efektleri (Wednesday, 20 August 2014 15:31)

    Merhaba Lütfü,

    Teşekkür ederim, umarım faydası olmuştur. HTML kodlama konusunda ben herşeyi internetten araştırarak öğrendim. Google'da aratarak irili ufaklı birçok site bulabilirsin.

    Selamlar.

  • #6

    Lütfü Gürlük (Wednesday, 20 August 2014 14:45)

    Harika bir web sitesi yapmışsınız, çok yararlandım teşekkür ederim, Html kodlama yapabilmem için , yani öğrenebilmem için kaynak tavsiye edebilirmisiniz.

    Çok teşekkürler
    Saygılar
    Lütfü

  • #5

    Site Efektleri (Sunday, 11 May 2014 16:32)

    Merhaba Spornet,

    Yukarıda zaten head bölümünü açıkladığım sayfaya bağlantı var:

    http://siteefektleri.jimdo.com/head-b%C3%B6l%C3%BCm%C3%BC/

  • #4

    spornet (Saturday, 10 May 2014 14:58)

    head bölümü nere oluyor

  • #3

    prospor (Tuesday, 29 April 2014 17:26)

    Çok teşekkürler.

  • #2

    Site Efektleri (Tuesday, 29 April 2014 08:32)

    Merhaba,

    Head bölümüne aynı kodu ekle, Bileşen / HTML öğesinin içine ise aşağıdaki kodu ekle ve "BAĞLANTI" yazan kısma bağlantını gir.

    <div id="logo">
    <a href="BAĞLANTI" target="_blank"><img src="http://u.jimdo.com/www52/o/s30a9b12a72c46b90/img/i0903fc1e674b83c6/1395686661/std/image.png" alt="" width="140" height=
    "140" /></a>
    </div>

  • #1

    prospor (Monday, 28 April 2014 20:58)

    Bir sorum daha olacak.
    Dönen logoya basıpda başka bir sayfaya yönlendirme işi nasıl oluyor ?

Buraya tıklayarak efektler sayfasına gidebilirsiniz.