+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: MyBBDepo (https://mybbdepo.com/mybbdepo-forumu)
+--- Forum: Çöp Deposu (https://mybbdepo.com/cop-deposu-forumu)
+--- Konu Başlığı: üzerine gelince dönerek açılan üye ol kutusu (/uzerine-gelince-donerek-acilan-uye-ol-kutusu-konusu.html)
üzerine gelince dönerek açılan üye ol kutusu - Reyizz - 09-07-2014
arkadaşlar mybb de sol alt köşede yuvarlak gökkuşağı renklerinde vidaya benzeyen ve üzerine gelince dönerek açılan bi kutucuk vardı. resmini bulamadım. o kutucuğun kodları neydi bilen arkadaşlar yardım ederse çok sevinirm
Cvp: üzerine gelince dönerek açılan üye ol kutusu - yns52 - 09-07-2014
Öncelikle bu kod "KodDostu.com" tarafından yapılmıştır. Ayrıca bu duyuru kodudur ama düzenleyerek Üye Ol yazısı eklersin. Umarım istediğin budur.
Admin CP > Temalar & Şablonlar > Kendi Teman > Yeni CSS Ekle
İsim yerine istediğin ismi yaz ama sonunda .css olsun. (Örnek: uyeol.css)
İsim yazarken Türkçe karakter kullanma.
Sonra kendi içeriğimi eklemek istiyorumu seç.
İçine yaz.
Kod:
#menucon{ position:fixed; bottom:10px; left:10px; width:130px;height:130px; background:transparent url(http://4.bp.blogspot.com/-d2P6c2gUTZs/UpPBn2rpnnI/AAAAAAAAi3w/fOfywJXwJ5g/s1600/see.png) no-repeat center center; transition: all 0.8s ease-in-out; background-size:cover; -webkit-transition: all 0.8s ease-in-out; transition-timing-function:ease-in-out; -webkit-transition-timing-function:ease-in-out; } #menucon:hover{ bottom:35px;left:35px; width:80px;height:80px; transform: rotate(720deg); -ms-transform: rotate(720deg); -webkit-transform: rotate(720deg); }#koddostu-tex{position:absolute;bottom:37px;left:38px; box-shadow: -1px 1px 5px 0px #888888; transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; transition-timing-function:ease-in-out; line-height:22px; -webkit-transition-timing-function:ease-in-out; opacity:0; width:0px;height:0px; padding:6px;color:#fff; font-family:Helvetica, Arial, sans-serif; font-weight:normal; text-decoration:none; font-size:14px; text-align:center; -webkit-border-radius: 8px; -webkit-border-bottom-left-radius: 0; border-radius: 8px; border-bottom-left-radius: 0; }</style><script src="http://kdostu.googlecode.com/svn/cquery.js"></script><style> #menucon:hover #koddostu-tex{ width:200px;height:250px; background:#444; opacity:0.6;}Daha sonra sitenin Header yada neresine ekleme istiyorsan bu kodu da oraya ekle.
Kod:
<div id="menucon"><div id="koddostu-tex"><br/><b>DUYURU</b><br/><br/>
Sitemize Hoşgeldiniz!
<br/><br/>
Koddostu.com tarafından sitemiz için hazırlanan bu duyuru panosunda sitemize dair en güncel yenilikleri paylaşacağız!
</div></div>Umarım yardımcı olabilimişimdir.
Cvp: üzerine gelince dönerek açılan üye ol kutusu - Screwy - 09-07-2014
Sanırım sorun çözüldü. Konu kilit.