قرار دادن سوشیال کشویی

[reza.t.gh]

سلام:
امروز میخوام کد شبکه های اجتماعی رو به صورت کشویی باز میشه رو براتون بذارم.
این کد در ساید بار سمت چپ قرار میگیره و بسیار زیبا هم هست.در صورتی که خوشتون اومد اعتبار و سپاس فراموش نشه.

کد php:

<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;
}

.social .linkedin,
.social-share a.linkedin,
.social-share a.linkedin span {
    background-position:0 -120px;
}

.social .skype,
.social-share a.skype,
.social-share a.skype span {
    background-position:0 -240px;
}

.social .flickr,
.social-share a.flickr,
.social-share a.flickr span {
    background-position:0 -264px;
}

</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>
<a class="linkedin" href="#"><span></span></a>
<a class="skype" href="#"><span></span></a>
<a class="flickr" href="#"><span></span></a>
</div> 


این کد رو در قسمت:
مدیریت انجمن:
پوسته و قالبها
قالبها
قالب مورد نظر
header templates
header
قبل از کد های موجود قرار بدید.

[salondaran]

نمونه یا دمو ؟

[MyBulletian]

[jordanir]

من امتحان کردم جواب نگرفتم.
کسی اینو امتحان کرده؟

قبل از همه کدها قرا ردادم یعنی قبل از:

کد:

<div id="container">
        <a name="top" id="top"></a>
        <div id="header">
            <div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
            <div class="menu">

[jordanir]

ممنون.

من تو لوکال تست میکنم. فکر کنم از اون آنلاینه بهتر باشه چون شبیه سروره. ولی قبلا از تو معرفی خودتون از این لینک استفاده کردم و خیلی خوبه.

تو پست اول داریم
این کد رو در قسمت:
مدیریت انجمن:
پوسته و قالبها
قالبها
قالب مورد نظر
header templates
header
قبل از کد های موجود قرار بدید.

من هم گذاشتم قبل از همه این کدها:
<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
<div class="menu">
ولی جواب نگرفتم.

[jordanir]

قالب قالب دیفالت هست که در همین انجمن گذاشته شده از پارسی ساز همین انجمن هم استفاده میکنم.

[Farhoodi]

به منظور احترام به سازنده , لطفا منبع اصلی را در ارسال نخست اضافه کنید ...