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



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

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

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

دمو :
تصویر: http://up.wikivb.ir/images/bs0l6b4glfhobg0urp.png
کد :
کد:
<style>
.social-share {
    padding: 0;
    overflow: inherit;
    position: fixed;
    top: 300px;
    left: 2px;
    z-index: 10;
}

.social-share li {
    padding: 0;
    margin-bottom: 2px;
    background: none;
}

.social-share span{
    width:0;
    height:24px;
    left:0;
    padding:0;
    position:absolute;
    overflow:hidden;
    background: transparent url(http://up.wikivb.ir/images/jo078m45qc673k6h7wwu.png) no-repeat 0 0;
    -webkit-transition: 0.55s;
    -moz-transition: 0.55s;
    transition: 0.55s;
}

.social a,
.social-share a {
    background:transparent url(http://up.wikivb.ir/images/jo078m45qc673k6h7wwu.png) no-repeat 0 0;
    height:24px;
    width:24px;
    display:block;
    position:relative;
}

.social-share a:hover span{
    overflow:visible;
    width: 110px;
}

.social .rss,
.social-share a.rss,
.social-share a.rss span {
    background-position:0 0;
}

.social .facebook,
.social-share a.facebook,
.social-share a.facebook span {
    background-position:0 -24px;
}

.social .twitter,
.social-share a.twitter,
.social-share a.twitter span {
    background-position:0 -48px;
}

.social .google,
.social-share a.google,
.social-share a.google span {
    background-position:0 -312px;
}

</style>

<div class="social-share">
     <a class="rss" href="#"><span></span></a>
     <a class="facebook" href="#"><span></span></a>
     <a class="twitter" href="#"><span></span></a>
     <a class="google" href="#"><span></span></a>
</div>

منبع : my-bb.ir
موفق باشید تصویر: images/smilies/heart.gif


تصویر: http://toolsdl.com/banner2.gif
 
این کدها را کجا اضافه کنیم.
به نظرم تو هدر قرار بدین بهتر باشه


موضوعات مشابه ...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  آموزش ساخت منوی کشویی Tofighi 20 5,141 ۲۴ شهریور ۱۳۹۴، ۱۱:۵۲ ق.ظ
آخرین ارسال: hasan1365
  [ویژه] منوی جاوااسکریپت زیبا برای سمت راست انجمن KoG 12 3,379 ۱۹ مرداد ۱۳۹۲، ۰۲:۲۵ ب.ظ
آخرین ارسال: AmIR StaR
Star [عیدی ویژه] منوی ثابت بالای انجمن - اختصاصی از KoG KoG 2 1,495 ۲۸ اسفند ۱۳۹۱، ۰۵:۱۳ ب.ظ
آخرین ارسال: KoG
Rainbow [ویژه] منوی سایدبار اسکرول KoG 0 909 ۲۷ اسفند ۱۳۹۱، ۱۰:۲۳ ب.ظ
آخرین ارسال: KoG
  [عیدی] منوی سایدبار اسکرول KoG 9 2,222 ۲۶ اسفند ۱۳۹۱، ۰۸:۰۶ ب.ظ
آخرین ارسال: javaweb
Star [عیدی ویژه] منوی اسکرول بالای انجمن - اختصاصی از KoG KoG 0 1,158 ۲۵ اسفند ۱۳۹۱، ۰۲:۵۴ ب.ظ
آخرین ارسال: KoG

پرش به انجمن:


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

1 مهمان


درباره‌ی ما

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