سلام:
امروز میخوام کد شبکه های اجتماعی رو به صورت کشویی باز میشه رو براتون بذارم.
این کد در ساید بار سمت چپ قرار میگیره و بسیار زیبا هم هست.در صورتی که خوشتون اومد اعتبار و سپاس فراموش نشه.
این کد رو در قسمت:
مدیریت انجمن:
پوسته و قالبها
قالبها
قالب مورد نظر
header templates
header
قبل از کد های موجود قرار بدید.
امروز میخوام کد شبکه های اجتماعی رو به صورت کشویی باز میشه رو براتون بذارم.
این کد در ساید بار سمت چپ قرار میگیره و بسیار زیبا هم هست.در صورتی که خوشتون اومد اعتبار و سپاس فراموش نشه.
کد 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
قبل از کد های موجود قرار بدید.