سلام:دوست عزیز..اینی که شما دیدید...خودم این رو عوض کردم....
ولی قبلش یه کد زده بودم که شکلش مثل تصویر زیر بود
که وقتی این کد رو میذاشتم..منو بالا یکی پایین و بقیه بالا بودند....
حالا اگه یه سایت داری این کد رو بزن ببین چه طوره...
کد:
<style>
.side-asli {
width:100px;
height:20px;
background:#6498dd;
text-align:center;
font-family:tahoma;
font-size:12px;
padding:5px;
color:#f7f7f7;
margin-top:10px;
margin-bottom:10px;
float: left;
position: fixed;
left: -95px;
top: 205px;
-moz-transition:all 0.3s ease-in;
-webkit-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
-ms-transition:all 0.3s ease-in;
z-index: 1000;
}
.side-asli:hover {
left: 0px;
}
.side-menu-forum {
width:100px;
height:20px;
background:#CA226B;
text-align:center;
font-family:tahoma;
font-size:12px;
padding:5px;
color:#f7f7f7;
margin-top:10px;
margin-bottom:10px;
float: left;
position: fixed;
left: -95px;
top: 235px;
-moz-transition:all 0.3s ease-in;
-webkit-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
-ms-transition:all 0.3s ease-in;
z-index: 1000;
}
.side-menu-forum:hover {
left: 0px;
}
.logo-menu-logo {
width:100px;
height:20px;
background:#48CCCD;
text-align:center;
font-family:tahoma;
font-size:12px;
padding:5px;
color:#f7f7f7;
margin-top:10px;
margin-bottom:10px;
float: left;
position: fixed;
left: -95px;
top: 265px;
-moz-transition:all 0.3s ease-in;
-webkit-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
-ms-transition:all 0.3s ease-in;
z-index: 1000;
}
.logo-menu-logo:hover {
left: 0px;
}
.side-menu-forum:hover {
left: 0px;
}
.tamas-menu-tamas {
width:100px;
height:20px;
background:#FF4500;
text-align:center;
font-family:tahoma;
font-size:12px;
padding:5px;
color:#f7f7f7;
margin-top:10px;
margin-bottom:10px;
float: left;
position: fixed;
left: -95px;
top: 295px;
-moz-transition:all 0.3s ease-in;
-webkit-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
-ms-transition:all 0.3s ease-in;
z-index: 1000;
}
.tamas-menu-tamas:hover {
left: 0px;
}
.davat-menu-davat {
width:100px;
height:20px;
background:#9ACD32;
text-align:center;
font-family:tahoma;
font-size:12px;
padding:5px;
color:#f7f7f7;
margin-top:10px;
margin-bottom:10px;
float: left;
position: fixed;
left: -95px;
top: 325px;
-moz-transition:all 0.3s ease-in;
-webkit-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
-ms-transition:all 0.3s ease-in;
z-index: 1000;
}
.davat-menu-davat:hover {
left: 0px;
}
.Photoshop {
width:100px;
height:20px;
background:#CA226B;
text-align:center;
font-family:tahoma;
font-size:12px;
padding:5px;
color:#f7f7f7;
margin-top:10px;
margin-bottom:10px;
float: left;
position: fixed;
left: -95px;
top: 355px;
-moz-transition:all 0.3s ease-in;
-webkit-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
-ms-transition:all 0.3s ease-in;
z-index: 1000;
}
.Photoshop:hover {
left: 0px;
}
</style><div class="side-asli">
360 ?±U†?¯
</div><a title="ياس98" href="http://yas98.ir/"><div class="davat-menu-davat">
سايت ياس 98
</div></a><a title="صفحه اصلي" href="#"><div class="side-asli">
صفحه اصلي
</div></a><a title="پروفايل" href="/Profile/"><div class="side-menu-forum">
پروفايل
</div></a><a title="آرشيو" href="/archive/"><div class="logo-menu-logo">
آرشيو وبلاگ
</div></a><a title="ابزار وبلاگ نويسان" href="http://yas98.ir/"><div class="tamas-menu-tamas">
کد منو کشويي
</div>
144388