[MyBB] Sosyal Medya'da Biz Kodu

  #1  
Alt 09.Mayıs.2018, 21:40
NeverBackDown - ait Kullanıcı Resmi (Avatar)
NeverBackDown
İçerik Editörü
 

Şube 35 İzmir

Üyelik tarihi: 29 Nisan 2018

Konu Sayısı: 89

Mesaj Sayısı: 170

Ticaret 0 / (0%)

Meslek: Webmaster

İlgi Alanı:

Beğeniler: 2 / 1

Arrow [MyBB] Sosyal Medya'da Biz Kodu

Önerdiğim yer footer hoverlidir üstüne gelince uzar.

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

DEMO:



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>
__________________

Dosyaların .ZİP Parolası : webmastersitesi.net

Bazı konular alıntı yapılmıştır.
Alıntı ile Cevapla
Sponsored Links
  #2  
Alt 09.Mayıs.2018, 22:02
batuhanqq - ait Kullanıcı Resmi (Avatar)
batuhanqq
 

Şube 01 Adana

Üyelik tarihi: 09 Mayıs 2018

Konu Sayısı: 21

Mesaj Sayısı: 40

Ticaret 0 / (0%)

Meslek: eczacı

İlgi Alanı:

Beğeniler: 0 / 0

Standart

güzel paylaşım
Alıntı ile Cevapla
  #3  
Alt 10.Mayıs.2018, 10:40
OYozgatli - ait Kullanıcı Resmi (Avatar)
OYozgatli
 

Şube 06 Ankara

Üyelik tarihi: 04 Mayıs 2018

Konu Sayısı: 2

Mesaj Sayısı: 25

Ticaret 0 / (0%)

Meslek: Sözleşmeli Zabıt Katibi

İlgi Alanı:

Beğeniler: 0 / 0

Standart

Teşekkürler.
Alıntı ile Cevapla
Yeni Konu Aç  Cevap Yaz

Etiketler
biz, kodu, medyada, mybb, sosyal


Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)
 
Seçenekler
Stil

Yetkileriniz
Konu Acma Yetkiniz Yok
Cevap Yazma Yetkiniz Yok
Eklenti Yükleme Yetkiniz Yok
Mesajınızı Değiştirme Yetkiniz Yok

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı

Hizli Erisim

Benzer Konular
Konu Konuyu Başlatan Forum Cevaplar Son Mesaj
Sıfırdan Sosyal Medya Uzmanlığı Eğitimi - İndirimli sibermarka Genel Alışveriş 2 03.Temmuz.2018 20:46


 



Forum Hakkında

Forum Adresimizde T.C.K 20.ci Madde ve 5651 Sayılı Kanun'un 4.cü maddesinin (2).ci fıkrasına göre TÜM ÜYELERİMİZ yaptıkları paylaşımlardan sorumludur.

webmaster forumu

İYİ Forumlar diler..

Yararlı Linkler

Sosyal Paylaşım


Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.
Image resizer by SevenSkins
Tema Düzenleme: miZah - admin

bahis forum