مهمان عزیز خوش آمدید. ورود ثبت نام



امتیاز موضوع:
  • 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5

[-]
کلمات کلیدی
باکس لینک های سایت اجتماعی

باکس لینک های سایت های اجتماعی
سلام
این هم یه باکس برای لینک سایت های اجتماعی که می تونید در فوتر انجمنتون ازش استفاده کنید و همین امروز کدنویسی اش کردم .

دمو :

تصویر: http://up.wikivb.ir/images/r1pu1gp1tgm1whl8pzax.png

کد باکس :
کد:
<style>
.bg {
width:300px;
height:30px;
background:#c6c6c6;
padding:10px;
border-radius:3px;
float:center;
}
.fb a {
    background: url(http://up.wikivb.ir/images/io71orrvyaxsz3su536j.png) no-repeat;
    width: 32px;
    height: 32px;
    display: block;
    opacity: 0.8;
    float: left;
    padding-right: 5px;    
     -webkit-transition: all 250ms ease-in-out;
       -moz-transition: all 250ms ease-in-out;
       -o-transition: all 250ms ease-in-out;
       transition: all 250ms ease-in-out;
}

.fb a:hover {
   opacity: 1;
}

.tw a {
    background: url(http://up.wikivb.ir/images/511qohbqcbrmk73db1u.png) no-repeat;
    width: 32px;
    height: 32px;
    display: block;
     opacity: 0.8;
    float: left;
    padding-right: 5px;
     -webkit-transition: all 250ms ease-in-out;
       -moz-transition: all 250ms ease-in-out;
       -o-transition: all 250ms ease-in-out;
       transition: all 250ms ease-in-out;
}

.tw a:hover {
   opacity: 1;
}

.gplus a{
    background: url(http://up.wikivb.ir/images/aposncr9tvq8wq88bqf.png) no-repeat;
    width: 32px;
    height: 32px;
    display: block;
     opacity: 0.8;
    float: left;
    padding-right: 5px;
     -webkit-transition: all 250ms ease-in-out;
       -moz-transition: all 250ms ease-in-out;
       -o-transition: all 250ms ease-in-out;
       transition: all 250ms ease-in-out;
}

.gplus a:hover {
   opacity: 1;
}

.yahoo a{
    background: url(http://up.wikivb.ir/images/nljson1gyd2qfxcemxrp.png) no-repeat;
    width: 32px;
    height: 32px;
    display: block;
     opacity: 0.8;
    float: left;
    padding-right: 5px;
     -webkit-transition: all 250ms ease-in-out;
       -moz-transition: all 250ms ease-in-out;
       -o-transition: all 250ms ease-in-out;
       transition: all 250ms ease-in-out;
}

.yahoo a:hover {
   opacity: 1;
}
</style>

<div class="bg">
<link href='http://www.font-api.ir/css/B Koodak=%7Bfont-api.ir%7D.css' rel='stylesheet' type='text/css'>
<span class="tw"><a href="https://twitter.com/" target="_blank" title="Follow us on Twitter"></a></span>
<span class="fb"><a href="https://www.facebook.com/" target="_blank" title="Like Us on Facebook"></a></span>
<span class="yahoo"><a href="https://www.facebook.com/" target="_blank" title="Follow Us on Yahoo"></a></span>
<span class="gplus"><a href="https://www.facebook.com/" target="_blank" title="Follow Us on Google Plus"></a></span>
<span style="float: center;padding: 10px;font-size: 18px;direction:rtl;font-family: B Koodak,'B Koodak',tahoma;color: #606060;">.: ما را در دنبال کنید  :.</span>
</div>
امیدوارم مورد استفاده قرار بگیره .
موفق باشید تصویر: images/smilies/heart.gif


تصویر: http://toolsdl.com/banner2.gif
 
پاسخ
کد رو کجا باید بذاریم؟
در پست ها چگونس؟


پاسخ
کد رو کجا باید بذاریم؟
در پست ها چگونس؟


پاسخ
شما میتونید این کد ها در بالای انجمن یا پایین انجمن در فوتر انجمنتون اضافه کنید
قسمت قالب ها و پوسته ها - قالب ها - قالب مورد نظر - footer و کد رو به این قسمت اضافه کنید


تصویر: http://up.olkam.org/uploads/1367931331811.gif

تصویر: http://up.olkam.org/uploads/1370359709431.jpg
پاسخ


موضوعات مشابه ...
موضوع نویسنده پاسخ بازدید آخرین ارسال
Star باکس دوستان ما KoG 8 1,487 ۱۷ تير ۱۳۹۵، ۰۴:۳۹ ب.ظ
آخرین ارسال: darti
  یک مشکل در کد دکمه سایت farshid142 2 705 ۱۷ مهر ۱۳۹۳، ۰۷:۳۲ ب.ظ
آخرین ارسال: farshid142
Star باکس تبلیغات با JQuery KoG 1 1,460 ۰۹ شهریور ۱۳۹۳، ۰۵:۰۴ ب.ظ
آخرین ارسال: vahid71
  کد جستجوگر در سایت و گوگل نیما 2 1,301 ۱۲ تير ۱۳۹۲، ۰۵:۲۷ ب.ظ
آخرین ارسال: KoG
Thumbs Up باکس هشدار عضویت به همراه پرش به بالا javaweb 0 1,323 ۲۹ اسفند ۱۳۹۱، ۰۵:۰۲ ق.ظ
آخرین ارسال: javaweb
  باکس جی کوئری KoG 0 738 ۲۵ اسفند ۱۳۹۱، ۰۱:۱۵ ب.ظ
آخرین ارسال: KoG

پرش به انجمن:


کاربران در حال بازدید این موضوع:

1 مهمان


درباره‌ی ما

گروه پشتیبانی فارسی مای بی بی My-BB.Ir در واپسین روزهای پاییز 1391 کار خود را در زمینه مای بی بی آغاز کرد. این گروه با توکل بر خدای منان و دانش فنی خود در تلاش است فعالیتی هرچند ناچیز در زمینه ارتقا و پشتیبانی مای بی بی انجام دهد.
تمامی حقوق برای وب‌سایت پشتیبانی فارسی مای بی‌بی (My-BB.Ir) محفوظ می‌باشد و هرگونه کپی‌برداری از آن شرعا حرام و قانونا غیرمجاز می‌باشد.
قدرت گرفته از مای بی‌بی - فارسی‌ساز: My-BB.Ir و IORA.Ir