تالار میدوری

نسخه کامل: آموزش درست کردن منوی کناری ثابت
شما در حال مشاهده نسخه تکمیل نشده می باشید. مشاهده نسخه کامل با قالب بندی مناسب.
آموزش درست کردن منوی کناری ثابت
آموزش درست کردن منوی کناری سایت را قرار میدهم . کار بسیار ساده است و نیازی به پلاگین نیست .
ابتدا به بخش فوتر قالبتون بروید و در ابتدای فوتر بعد از <br /> و قبل از <div> یا <div id="bottommenu">
کد های زیر را قرار بدهید .

کد PHP:
<style type="text/css">
#followTab{
list-style:none;
position:fixed;
z-index:5;
right:0;
top:130px;
width:24px;
padding:8px 5px;
border:3px solid #fff;
border-right:none;
-moz-border-radius:10px 0 0 10px;
-webkit-border-radius:10px 0 0 10px;
border-radius:10px 0 0 10px;
-moz-box-shadow:0 0 7px rgba(0,0,0,.6);
-webkit-box-shadow:0 0 7px rgba(0,0,0,.6);
box-shadow:0 0 7px rgba(0,0,0,.6);
background:rgba(239,91,10,.75);
background:-moz-linear-gradient(top,rgba(243,52,8,.75),rgba(239,91,10,.75));
background:-webkit-gradient(linear,left top,left bottom,from(rgba(243,52,8,.75)),to(rgba(239,91,10,.75)));
background:linear-gradient(top,rgba(243,52,8,.75),rgba(239,91,10,.75))
}
#followTab li{
margin:9px 0 0 0;
line-height:0
}
#followTab li:first-child{
margin-top:0
}
#followTab a{
display:block;
width:24px;
}
#followTab a span{
position:absolute;
top:-999em
}
</style>
<ul id="followTab">
<li><a href="search.php" title="Search"><img src="images/toplinks/search.gif"></a></li>
<li><a  href="memberlist.php" title="Memberlist"><img  src="images/toplinks/memberlist.gif"></a></li>
<li><a href="calendar.php" title="Calendar"><img src="images/toplinks/calendar.gif"></a></li>
<li><a href="misc.php?action=help" title="Help"><img src="images/toplinks/help.gif"></a></li>
</ul>

کار تمام است . ( رنگ زمینه و انتخاب آیکون و ... با سلیقه زیبای خودتان ) . برای روشن تر شدن مطلب , یک تصویر از کار تمام شده در لوکال را گذاشتم . به سمت راست تصویر دقت کنید .امید که به کار بیاید .
================
[attachment=1229]
=================
دریافت کد در فایل متنی
لینک مرجع