Prosilver logo'ya css3 mouse ile 360 derece dairesel efekt

phpBB 3.0.x sürümleri için uygun olan hazır ya da küçük kod parçalarını bu forumda paylaşabilirsiniz.
Forum kuralları
- Yeni bir başlık açarken lütfen konu başlığına "Acil yardım", "Acele yardım" tarzlarında içerisinde "yardım" kelimesi geçen cümleler yazmayınız. Bu tip başlıklara kesinlikle cevap verilmeyecektir. Lütfen konu başlığına içeriği en iyi özetleyen anlaşılabilir bir cümle yazınız.

- Ayrıca yeni başlıklarınızı kesinlikle ilgili forumlara açınız. Örneğin, phpBB3 kurulum ve çalıştırması hakkında bir sorununuz varsa "3.0.x Destek Forumu" forumuna başlık açınız; phpBB3 temasından kaynaklı bir sorunuz varsa "3.0.x Stil/Tema Geliştirme & Tartışma & Yardım" forumuna başlık açınız; phpBB3 mod/eklentileriyle ilgili sorununuz varsa "3.0.x MOD Destek" forumuna başlık açınız. Bu kurala uymayan kullanıcıların başlıkları silinebilir ve kullanıcı uyarı alabilir ya da süresiz uzaklaştırılabilir.

- Site kurallarımızı okumadan kesinlikle forumlarımıza herhangi bir katılım yapmayınız.
Kilitli
satcell
Kayıtlı Kullanıcı
Mesajlar: 769
Kayıt: 25.01.2009, 20:42
Konum: samsun

Prosilver logo'ya css3 mouse ile 360 derece dairesel efekt

Mesaj gönderen satcell »

En yeni web tarayıcıları css3 özelliklerini destekliyor,css3 prosilver temada logo üzerine mouse ile gelindiğinde 360 derece yada istediğiniz derecede dairesel hareket ettirebilirsiniz şimdi bu özelliği prosilver tema da nasıl uygulayabilirsiniz yazıyorum.

common.css

bul

Kod: Tümünü seç

a#logo:hover {
	text-decoration: none;
}
sonrasına ekle

Kod: Tümünü seç

#log {
transition: transform .5s ease-in;
-moz-transition: -moz-transform .5s ease-in;
-o-transition: -o-transform .5s ease-in;
-webkit-transition: -webkit-transform .5s ease-in;
}

#log:hover{
transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}

overall_header.html

bul

Kod: Tümünü seç

<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
bununla değiştir

Kod: Tümünü seç

<a href="{U_INDEX}" title="{L_INDEX}" id="logo"><div id="log">{SITE_LOGO_IMG}</div></a>
temayı yenile,ön belleği temizle

---------------------------------
360 yazan yerleri istediğiniz sayı ile değiştirebilirsiniz.
Örnek site http://www.satcell.org
Kaynak burdaki uygulama http://www.zenelements.com/blog/css3-transition/
En son Mirach tarafından 25.06.2012, 17:12 tarihinde düzenlendi, toplamda 1 kere düzenlendi.
Sebep: İmla hataları giderildi.
Kullanıcı avatarı
pikachu
Kayıtlı Kullanıcı
Mesajlar: 3062
Kayıt: 16.07.2006, 15:32
Konum: ağandon /
İletişim:

Re: Prosilver logo'ya css3 mouse ile 360 derece dairesel efe

Mesaj gönderen pikachu »

yaptık, oldu, bakalım beğenilecekmi acaba?
teşekkürler.
Kilitli

“3.0.x Kod Parçaları” sayfasına dön

Kimler çevrimiçi

Bu forumu görüntüleyen kullanıcılar: Hiç bir kayıtlı kullanıcı yok ve 2 misafir