MyBB Forumunuza hızlı ve pratik sosyal ağlar.

[Hatake]

Bu gece bir yandan Super Natural izleyip bölümler bittikçe bir yandan da modifikasyonlar yazıyorum :D

Öncelikle demo verelim: http://codepen.io/anon/pen/grdzOL

+ butonunun üstüne geldiğinizde göreceksinizdir. Buton sabit orada durur sayfa aşağı inse de.

Kuruluma geçelim;
Header şablonuna girip bu kodu en başa yazın.

Kod: Tümünü Seç Tümünü Kopyala

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
<style>
#sosyal {
 background: #D8E6EC;
 position: fixed;
 bottom: 2px;
 right: 2px;
 width: 44px;
 height: 44px;
 line-height: 44px;
 overflow: hidden;
 border-radius: 48px;
 transition: all 250ms;
}

#sosyal:hover {
 height: 102px;
 line-height: 34px;
}

#sosyal ul {
 list-style-type: none;
 padding: 0px;
 margin: 0px;
}

#sosyal ul li {
 display: block;
 font-size: 20px;
 text-align: center;
}

#sosyal ul li a {
 color: #005A85;
}
</style>
<div id="sosyal">
 <ul>
   <li><a href="#"><i class="fa fa-plus" aria-hidden="true"></i></a></li>
    <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
    <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
 </ul>
</div>

[hipolito]

Çok iyi hocam :) Bu saatte bile destek helal :)

[Enes Bayraktar]

Hocam bende rocky izliyorum bir tanede benden gelicek birazdan beklemede kalın başarılı :)