MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
Ripbyrustavi02 avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

Sosyal Medya'da Biz Kodu


Sponsor Reklam

Çevrimdışı Ripbyrustavi02
 Tarih: 14-02-2016, Saat:01:04
#1
Önerdiğim yer footer hoverlidir üstüne gelince uzar.

Admin  kp > temalar şablonlar > şablonlar > temanız > footer şablonlar > footer en alta ekleyebilirsiniz.

DEMO:

resim

Kod:
<style type="text/css"> #tbisose{list-style:none; text-decoration:none; font-size:0.9em; font-family:trebuchet ms,sans-serif;} #tbisose a{text-decoration:none; font-family:trebuchet ms,sans-serif;} #tbisose li{position:relative; height:38px; cursor:pointer; padding: 0 !important;} #tbisose .facebook, .googleplus, .pinterest, .rss, .twitter{position:relative; z-index:5; display:block; float:none; margin:10px 0 0; width:210px; height:38px; border-radius:5px; background:url(https://lh4.googleusercontent.com/-l0EYSSxxuc8/UFd37FdwjzI/AAAAAAAAG2E/CDbmwPO4haA/s800/sprites.png) no-repeat; background-color:rgba(217,30,118,.42); -webkit-box-shadow:rgba(0,0,0,.28) 0 2px 3px; -moz-box-shadow:rgba(0,0,0,.28) 0 2px 3px; box-shadow:rgba(0,0,0,.28) 0 2px 3px; color:#141414; text-align:left; text-indent:50px; text-shadow:#333 0 1px 0; white-space:nowrap; line-height:32px; -webkit-transition:width .25s ease-in-out,background-color .25s ease-in-out; -moz-transition:width .25s ease-in-out,background-color .25s ease-in-out; -ms-transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-transition:width .25s ease-in-out,background-color .25s ease-in-out; transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-box-shadow:rgba(0,0,0,.28) 0 2px 3px;} #tbisose li:after{position:absolute; top:0; left:50px; z-index:2; display:block; height:38px; color:#141414; content:attr(data-alt); line-height:32px;} #tbisose .icon{overflow:hidden; color:#fafafa;} #tbisose .facebook{width:32px; height:32px; background-color:rgba(59,89,152,0.42); background-position:0 0;} #tbisose .twitter{width:32px; height:32px; background-color:rgba(64,153,255,0.42); background-position:0 -33px;} #tbisose .googleplus{width:32px; height:32px; background-color:rgba(228,69,36,0.42); background-position:-3px -66px;} #tbisose .pinterest{width:32px; height:32px; background-color:rgba(174,45,39,0.42); background-position:0 -95px;} #tbisose .rss{ width:32px; height:32px; background-color:rgba(255,102,0,0.42); background-position:-3px -126px;} #tbisose li:hover .icon, .touch #tbisose li .icon{width:210px;} .touch #tbisose li .facebook, #tbisose li:hover .facebook{background-color:rgba(59,89,152,1);} .touch #tbisose li .twitter, #tbisose li:hover .twitter{background-color:rgba(64,153,255,1);} .touch #tbisose li .googleplus, #tbisose li:hover .googleplus{background-color:rgba(228,69,36,1);} .touch #tbisose li .pinterest, #tbisose li:hover .pinterest{background-color:rgba(174,45,39,1);} .touch #tbisose li .rss, #tbisose li:hover .rss{background-color:rgba(255,102,0,1);} </style> 
<ul id="tbisose"> 
    <li data-alt="Fcebook'ta takip et"><a class="icon facebook" href="http://facebook.com/rootdraqo">Facebook'ta Takip Et</a></li> 
    <li data-alt="Twitter'da takip et"><a class="icon twitter" href="http://twitter.com/rootdraqo">Twitter'da Takip Et</a></li> 
    <li data-alt="Google+'da takip et"><a class="icon googleplus" href="https://plus.google.com/">Google+'da Takip Et</a></li> 
    <li data-alt="Pinterest'te takip et"><a class="icon pinterest" href="http://pnterest.com/rootdraqo">Pinterest'te Takip Et</a></li> 
    <li data-alt="RSS İle Takip Et"><a class="icon rss" href="http://feeds.feedburner.com/rootdraqo">RSS İle Takip Et</a></li> 
</ul>
Cevapla
Bunu Beğenenler: torres
Sponsor Reklam
Sponsor Reklam Sponsor Reklam

Çevrimdışı torres
 Tarih: 14-02-2016, Saat:09:02
#2
Saolasin
Cevapla
Bunu Beğenenler:

Çevrimdışı VenomBoss
 Tarih: 12-04-2017, Saat:13:26
#3
Eline sağlık Kardeşim.
Cevapla
Bunu Beğenenler:

Çevrimdışı dijitalevren
 Tarih: 13-04-2017, Saat:09:54
#4
altta asılı kalıyor sayfa genişliyor bence burada ki gibi olsa çok iyi olur.
Cevapla
Bunu Beğenenler:

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  Sosyal Medyada Bizi Takip Et Kodu R34LiTy 2 3,254 01-09-2016, Saat:15:55
Son Yorum: ozanakkaya
  Forumunuzun Girişine Hoşgeldin 2015 İntro Kodu BatuYasar 2 4,361 20-08-2016, Saat:02:55
Son Yorum: kaptansait78
  Sosyal İkonlar 1.0 DevAdam 3 3,550 19-05-2016, Saat:09:00
Son Yorum: DevAdam
iyi Forumunuza Happy New Year 2015 Kodu BatuYasar 0 2,437 10-12-2014, Saat:17:16
Son Yorum: BatuYasar



Konuyu Okuyanlar: 1 Ziyaretçi

istanbul escort - mecidiyeköy escort - şişli escort - ataköy escort - taksim escort - escort mecidiyeköy

sex hikaye - porno izle - türk ifşa - mecidiyeköy escort - seks hikaye - türk porno - escort bayan