کد گوگل پلاس کشویی حرفه ای برای انجمن
سلام
این هم یه کد گوگل پلاس زیبا و کشویی برای شما کاربران عزیز

برای استفاده کافیه کدها رو در header یا index قالبتون قرار بدید :
<style>
.slide-gplus{ display: inline-block; overflow: hidden; margin: 0 10px 10px 0; width: 180px; height: 50px; background: #4BA2F9;}
.slide-gplus .button{ position: absolute; margin: 15px 0 0 55px;}
.slide-gplus a{ display: none;}
.icon { float: left; padding-top: 15px; width: 25%; height: 100%; text-align: center;}
.icon img { width:25px;height:25px;color: #FFF; font-size: 1.4em;}
.slide{ position: relative; float: left; width: 75%; height: 100%;font-family:B Yekan;font-size:12px;}
.slide p{ position: relative; top: 17px; margin: 0; border-left: 1px solid rgb(255,255,255);border-left: 1px solid rgba(255,255,255,0.3); color: #FFF; text-align: center;}
.google-plus{ background: #398ddb;}
.slide-gplus:hover .slide{ -webkit-transform: translate(101%, 0); -moz-transform: translate(101%, 0); -ms-transform: translate(101%, 0); -o-transform: translate(101%, 0); transform: translate(101%, 0);}
.no-cssanimations .slide{ display: none;}
.touch .slide{ display: none;}
.slide{ -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}
#gplus {position:fixed;left:5px;bottom:5px;}
</style>

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">{lang: 'fa'}</script>
<div id="gplus">
<div class="slide-gplus">
<div class="button"><div class="g-plusone" data-size="medium"></div></div>
<div class="google-plus icon"><img src="http://up.vbiran.ir/uploads/37116140585202120869_014.png" /></div>
<div class="google-plus slide"><p>ما را در گوگل محبوب کنید </p></div>
<g:plusone size="tall"></g:plusone>
</div>
</div>



موفق باشید
thanks
نویسنده :

X
چت باکس نسخه MyShoutbox 1.7
درود ! پلاگین چت باکس نسخه MyShoutbox 1.7 نکات لازم برا استفاده :  بنده رضایت ندارم ترجمه ...
تعیین نشده
دیدگاه های کاربران 0

برای عضویت در کانال تلگرامی
[همیار مای بی بی]
کلیک کنید
دریافت آخرین اخبار ، کدهای تخفیف و جوایز
برای اطلاع از آخرین اخبار مای بی بی فارسی عضو کانال تلگرامی شوید :