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



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

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

[عیدی] منوی سایدبار اسکرول
سلام
این هم یه عیدی دیگه از طرف KoG به کاربران My-bb
دمو :
تصویر: http://up.wikivb.ir/images/7m0vudblyj3qf5ybpl6.png

تصویر: http://up.wikivb.ir/images/ej9f2co1m508a6jdm5h.png

تصویر: http://up.wikivb.ir/images/ixniwg6safrveag3led0.png
این منو با css نوشته شده و بسیار برجستگی های زیبایی داره . امیدوارم خوشتون بیاد و نوروز خوبی با این عیدی ها داشته باشین تصویر: images/smilies/biggrin.gif

استایل:
کد:
#sidebar-menu {
float:left;
width:120px;
height:24px;
background: rgba(138, 202, 1, 0.6) none;
color: rgb(58, 133, 0);
box-shadow: 0px 4px 1px rgba(131, 190, 4, 1) , 2px 3px 3px rgba(138, 202, 1, 1) inset;
border: 1px solid rgba(255, 255, 255, 0.3);
text-shadow: 1px 3px 1px rgba(255, 255, 255, 0.5);
border-top:2px solid #5f7428;
border-radius:0 5px 5px 0;
position: fixed;
cursor:help;
text-align:center;
padding:2px;
left:-2px;
top:70px;
font:11px tahoma;
color:#fff;
z-index: 1000;
}

.sidebar-menu-home {
float:left;
width:120px;
height:24px;
background: rgba(138, 202, 1, 0.6) none;
color: rgb(58, 133, 0);
box-shadow: 0px 4px 1px rgba(131, 190, 4, 1) , 2px 1px 3px rgba(138, 202, 1, 1) inset;
border: 1px solid rgba(255, 255, 255, 0.3);
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
border-radius:0 5px 5px 0;
position: fixed;
text-align:center;
padding:2px;
left:-95px;
top:108px;
font:13px tahoma;
color:#fff;
    -webkit-transition:all 0.8s ease-out !important;
    -moz-transition:all 0.8s ease-out !important;
    -o-transition:all 0.8s ease-out !important;
z-index: 1000;
}
.sidebar-menu-home:hover {
left:0px;
    -webkit-transition:all 0.5s ease-in !important;
    -moz-transition:all 0.5s ease-in !important;
    -o-transition:all 0.5s ease-in !important;
}

.sidebar-menu-forum {
float:left;
width:120px;
height:24px;
background: rgba(138, 202, 1, 0.6) none;
color: rgb(58, 133, 0);
box-shadow: 0px 4px 1px rgba(131, 190, 4, 1) , 2px 1px 3px rgba(138, 202, 1, 1) inset;
border: 1px solid rgba(255, 255, 255, 0.3);
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
border-radius:0 5px 5px 0;
position: fixed;
text-align:center;
padding:2px;
left:-95px;
top:145px;
font:13px tahoma;
color:#fff;
    -webkit-transition:all 0.8s ease-out !important;
    -moz-transition:all 0.8s ease-out !important;
    -o-transition:all 0.8s ease-out !important;
z-index: 1000;
}
.sidebar-menu-forum:hover {
left:0px;
    -webkit-transition:all 0.5s ease-in !important;
    -moz-transition:all 0.5s ease-in !important;
    -o-transition:all 0.5s ease-in !important;
}
کد فراخوانی :

کد:
<div id="sidebar-menu">منوی راهنمایی انجمن</div>
<a href="http://toolsdl.com/" style="text-decoration:none;"><div class="sidebar-menu-

home">صفحه اصلی</div></a>

<a href="http://my-bb.ir/index.php" style="text-decoration:none;"><div class="sidebar-

menu-forum">انجمن ما</div></a>
آموزش:
کد استایل رو در Global.css قالبتون قرار بدید .

کد فراخوانی رو هم در Header قالبتون قرار بدید .

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

راستی شما هم اگر خواستید با تشکر و اعتبار به ما عیدی بدید :دی


تصویر: http://toolsdl.com/banner2.gif
 
دوست من روی اکسپلوره هم سازگار هست که اینشالله ها؟تصویر: images/smilies/blush.gif
روی فایر فاکس امتحان کردم ولی روی اکسپلورر امتحان نکردم . مطمئن نیستم


تصویر: http://toolsdl.com/banner2.gif
 
(۲۴ اسفند ۱۳۹۱، ۰۷:۵۰ ب.ظ)hamidkag نوشته:  دوست من روی اکسپلوره هم سازگار هست که اینشالله ها؟تصویر: images/smilies/blush.gif
در اکسپلورر به علت ساپورت نکردن برخی از کد ها حالت انیمیشنیش رو از دست میده.


دعای خیر برای اعضای گروه مای بی‌بی فارسی را فراموش نکنید!تصویر: http://www.cdn.my-bb.ir/images/smilies-v6/lightbulb.gif

HeartHeart خیلی التماس دعا دارم... دعام کنید لطفا HeartHeart

اگر از گروه مای بی‌بی فارسی راضی هستید، پس لطفا آنرا حمایت کنید: حمایت می‌کنم
همیشه بهتره کدهایی که مینویسید در تمام مرورگرها کار بده و سازگار باشه...تا قالب سئوی خودشو از دست نده
اینجوری کاربرانی که با مرورگر اکسپلور ممکنه از انجمن شما بازدید کنن دچار مشکل میشن
با تشکرتصویر: images/smilies/heart.gifتصویر: images/smilies/shy.gif
ممنون خیلی قشنگه ولی رو اکسپلورر کار نمیکنه.چطور میشه اینو برد سمت راست؟
(۲۵ اسفند ۱۳۹۱، ۰۱:۳۰ ب.ظ)'Etown' نوشته:  ممنون خیلی قشنگه ولی رو اکسپلورر کار نمیکنه.چطور میشه اینو برد سمت راست؟

 

این کد رو برای استایلش استفاده کنید:
کد:
#sidebar-menu {
float:right;
width:120px;
height:24px;
background: rgba(138, 202, 1, 0.6) none;
color: rgb(58, 133, 0);
box-shadow: 0px 4px 1px rgba(131, 190, 4, 1) , 2px 3px 3px rgba(138, 202, 1, 1) inset;
border: 1px solid rgba(255, 255, 255, 0.3);
text-shadow: 1px 3px 1px rgba(255, 255, 255, 0.5);
border-top:2px solid #5f7428;
border-radius:5px 0 0 5px;
position: fixed;
cursor:help;
text-align:center;
padding:2px;
right:-2px;
top:70px;
font:11px tahoma;
color:#fff;
z-index: 1000;
}

.sidebar-menu-home {
float:right;
width:120px;
height:24px;
background: rgba(138, 202, 1, 0.6) none;
color: rgb(58, 133, 0);
box-shadow: 0px 4px 1px rgba(131, 190, 4, 1) , 2px 1px 3px rgba(138, 202, 1, 1) inset;
border: 1px solid rgba(255, 255, 255, 0.3);
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
border-radius:0 5px 5px 0;
position: fixed;
text-align:center;
padding:2px;
right:-95px;
top:108px;
font:13px tahoma;
color:#fff;
-webkit-transition:all 0.8s ease-out !important;
-moz-transition:all 0.8s ease-out !important;
-o-transition:all 0.8s ease-out !important;
z-index: 1000;
}
.sidebar-menu-home:hover {
right:0px;
-webkit-transition:all 0.5s ease-in !important;
-moz-transition:all 0.5s ease-in !important;
-o-transition:all 0.5s ease-in !important;
}

.sidebar-menu-forum {
float:right;
width:120px;
height:24px;
background: rgba(138, 202, 1, 0.6) none;
color: rgb(58, 133, 0);
box-shadow: 0px 4px 1px rgba(131, 190, 4, 1) , 2px 1px 3px rgba(138, 202, 1, 1) inset;
border: 1px solid rgba(255, 255, 255, 0.3);
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
border-radius:0 5px 5px 0;
position: fixed;
text-align:center;
padding:2px;
right:-95px;
top:145px;
font:13px tahoma;
color:#fff;
-webkit-transition:all 0.8s ease-out !important;
-moz-transition:all 0.8s ease-out !important;
-o-transition:all 0.8s ease-out !important;
z-index: 1000;
}
.sidebar-menu-forum:hover {
right:0px;
-webkit-transition:all 0.5s ease-in !important;
-moz-transition:all 0.5s ease-in !important;
-o-transition:all 0.5s ease-in !important;
}


دعای خیر برای اعضای گروه مای بی‌بی فارسی را فراموش نکنید!تصویر: http://www.cdn.my-bb.ir/images/smilies-v6/lightbulb.gif

HeartHeart خیلی التماس دعا دارم... دعام کنید لطفا HeartHeart

اگر از گروه مای بی‌بی فارسی راضی هستید، پس لطفا آنرا حمایت کنید: حمایت می‌کنم
با تشکر از همهتصویر: images/smilies/heart.gif
کد بالا دو منو را بیشتر ندارد من این کدو با اجازه ی بزرگتر ها کمی تغییر دادم و این منو ها را به چهارتا تغییر دادم
CSS:
کد:
#sidebar-menu {
float:left;
width:120px;
height:24px;
background: rgba(138, 202, 1, 0.6) none;
color: rgb(58, 133, 0);
box-shadow: 0px 4px 1px rgba(131, 190, 4, 1) , 2px 3px 3px rgba(138, 202, 1, 1) inset;
border: 1px solid rgba(255, 255, 255, 0.3);
text-shadow: 1px 3px 1px rgba(255, 255, 255, 0.5);
border-top:2px solid #5f7428;
border-radius:5px 0 0 5px;
position: fixed;
cursor:help;
text-align:center;
padding:2px;
left:-2px;
top:70px;
font:11px tahoma;
color:#fff;
z-index: 1000;
}

.sidebar-menu-1 {
float:left;
width:120px;
height:24px;
background: rgba(138, 202, 1, 0.6) none;
color: rgb(58, 133, 0);
box-shadow: 0px 4px 1px rgba(131, 190, 4, 1) , 2px 1px 3px rgba(138, 202, 1, 1) inset;
border: 1px solid rgba(255, 255, 255, 0.3);
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
border-radius:0 5px 5px 0;
position: fixed;
text-align:center;
padding:2px;
left:-95px;
top:108px;
font:13px tahoma;
color:#fff;
-webkit-transition:all 0.8s ease-out !important;
-moz-transition:all 0.8s ease-out !important;
-o-transition:all 0.8s ease-out !important;
z-index: 1000;
}
.sidebar-menu-1:hover {
left:0px;
-webkit-transition:all 0.5s ease-in !important;
-moz-transition:all 0.5s ease-in !important;
-o-transition:all 0.5s ease-in !important;
}

.sidebar-menu-2 {
float:left;
width:120px;
height:24px;
background: rgba(138, 202, 1, 0.6) none;
color: rgb(58, 133, 0);
box-shadow: 0px 4px 1px rgba(131, 190, 4, 1) , 2px 1px 3px rgba(138, 202, 1, 1) inset;
border: 1px solid rgba(255, 255, 255, 0.3);
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
border-radius:0 5px 5px 0;
position: fixed;
text-align:center;
padding:2px;
left:-95px;
top:145px;
font:13px tahoma;
color:#fff;
-webkit-transition:all 0.8s ease-out !important;
-moz-transition:all 0.8s ease-out !important;
-o-transition:all 0.8s ease-out !important;
z-index: 1000;
}
.sidebar-menu-2:hover {
left:0px;
-webkit-transition:all 0.5s ease-in !important;
-moz-transition:all 0.5s ease-in !important;
-o-transition:all 0.5s ease-in !important;
}

.sidebar-menu-3 {
float:left;
width:120px;
height:24px;
background: rgba(138, 202, 1, 0.6) none;
color: rgb(58, 133, 0);
box-shadow: 0px 4px 1px rgba(131, 190, 4, 1) , 2px 1px 3px rgba(138, 202, 1, 1) inset;
border: 1px solid rgba(255, 255, 255, 0.3);
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
border-radius:0 5px 5px 0;
position: fixed;
text-align:center;
padding:2px;
left:-95px;
top:183px;
font:13px tahoma;
color:#fff;
-webkit-transition:all 0.8s ease-out !important;
-moz-transition:all 0.8s ease-out !important;
-o-transition:all 0.8s ease-out !important;
z-index: 1000;
}
.sidebar-menu-3:hover {
left:0px;
-webkit-transition:all 0.5s ease-in !important;
-moz-transition:all 0.5s ease-in !important;
-o-transition:all 0.5s ease-in !important;
}

.sidebar-menu-4 {
float:left;
width:120px;
height:24px;
background: rgba(138, 202, 1, 0.6) none;
color: rgb(58, 133, 0);
box-shadow: 0px 4px 1px rgba(131, 190, 4, 1) , 2px 1px 3px rgba(138, 202, 1, 1) inset;
border: 1px solid rgba(255, 255, 255, 0.3);
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
border-radius:0 5px 5px 0;
position: fixed;
text-align:center;
padding:2px;
left:-95px;
top:219px;
font:13px tahoma;
color:#fff;
-webkit-transition:all 0.8s ease-out !important;
-moz-transition:all 0.8s ease-out !important;
-o-transition:all 0.8s ease-out !important;
z-index: 1000;
}
.sidebar-menu-4:hover {
left:0px;
-webkit-transition:all 0.5s ease-in !important;
-moz-transition:all 0.5s ease-in !important;
-o-transition:all 0.5s ease-in !important;
}
خوب حالا کد زیر را تغییر دهید و در قاب قرار دهید
کد:
<div id="sidebar-menu">منوی انجمن</div>
<a href="لینک 1" style="text-decoration:none;"><div class="sidebar-menu-1">منوی 1</div></a>
<a href="لینک 2" style="text-decoration:none;"><div class="sidebar-menu-2">منوی 2</div></a>
<a href="لینک 3" style="text-decoration:none;"><div class="sidebar-menu-3">منو ی 3</div></a>
<a href="لینک 4" style="text-decoration:none;"><div class="sidebar-menu-4">منوی 4</div></a>
این منو در سمت چپ قرار می گیره(چون تو انجمن من سمت راست تبلیغ بود تصویر: images/smilies/biggrin.gif)


ابزار وب : http://javawebtools.tk
کد جاوا : http://javaweb.sabablog.com
انجمن : http://javaweb.takbb.com
فروشگاه : http://javaweb.eshop.biz
با سلام
خوب این همون کد بالا ولی سمت راست
CSS: 
کد:
#sidebar-menu {
float:right;
width:120px;
height:24px;
background: rgba(138, 202, 1, 0.6) none;
color: rgb(58, 133, 0);
box-shadow: 0px 4px 1px rgba(131, 190, 4, 1) , 2px 3px 3px rgba(138, 202, 1, 1) inset;
border: 1px solid rgba(255, 255, 255, 0.3);
text-shadow: 1px 3px 1px rgba(255, 255, 255, 0.5);
border-top:2px solid #5f7428;
border-radius:5px 0 0 5px;
position: fixed;
cursor:help;
text-align:center;
padding:2px;
right:-2px;
top:70px;
font:11px tahoma;
color:#fff;
z-index: 1000;
}

.sidebar-menu-1 {
float:right;
width:120px;
height:24px;
background: rgba(138, 202, 1, 0.6) none;
color: rgb(58, 133, 0);
box-shadow: 0px 4px 1px rgba(131, 190, 4, 1) , 2px 1px 3px rgba(138, 202, 1, 1) inset;
border: 1px solid rgba(255, 255, 255, 0.3);
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
border-radius:0 5px 5px 0;
position: fixed;
text-align:center;
padding:2px;
right:-95px;
top:108px;
font:13px tahoma;
color:#fff;
-webkit-transition:all 0.8s ease-out !important;
-moz-transition:all 0.8s ease-out !important;
-o-transition:all 0.8s ease-out !important;
z-index: 1000;
}
.sidebar-menu-1:hover {
right:0px;
-webkit-transition:all 0.5s ease-in !important;
-moz-transition:all 0.5s ease-in !important;
-o-transition:all 0.5s ease-in !important;
}

.sidebar-menu-2 {
float:right;
width:120px;
height:24px;
background: rgba(138, 202, 1, 0.6) none;
color: rgb(58, 133, 0);
box-shadow: 0px 4px 1px rgba(131, 190, 4, 1) , 2px 1px 3px rgba(138, 202, 1, 1) inset;
border: 1px solid rgba(255, 255, 255, 0.3);
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
border-radius:0 5px 5px 0;
position: fixed;
text-align:center;
padding:2px;
right:-95px;
top:145px;
font:13px tahoma;
color:#fff;
-webkit-transition:all 0.8s ease-out !important;
-moz-transition:all 0.8s ease-out !important;
-o-transition:all 0.8s ease-out !important;
z-index: 1000;
}
.sidebar-menu-2:hover {
right:0px;
-webkit-transition:all 0.5s ease-in !important;
-moz-transition:all 0.5s ease-in !important;
-o-transition:all 0.5s ease-in !important;
}

.sidebar-menu-3 {
float:right;
width:120px;
height:24px;
background: rgba(138, 202, 1, 0.6) none;
color: rgb(58, 133, 0);
box-shadow: 0px 4px 1px rgba(131, 190, 4, 1) , 2px 1px 3px rgba(138, 202, 1, 1) inset;
border: 1px solid rgba(255, 255, 255, 0.3);
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
border-radius:0 5px 5px 0;
position: fixed;
text-align:center;
padding:2px;
right:-95px;
top:183px;
font:13px tahoma;
color:#fff;
-webkit-transition:all 0.8s ease-out !important;
-moz-transition:all 0.8s ease-out !important;
-o-transition:all 0.8s ease-out !important;
z-index: 1000;
}
.sidebar-menu-3:hover {
right:0px;
-webkit-transition:all 0.5s ease-in !important;
-moz-transition:all 0.5s ease-in !important;
-o-transition:all 0.5s ease-in !important;
}

.sidebar-menu-4 {
float:right;
width:120px;
height:24px;
background: rgba(138, 202, 1, 0.6) none;
color: rgb(58, 133, 0);
box-shadow: 0px 4px 1px rgba(131, 190, 4, 1) , 2px 1px 3px rgba(138, 202, 1, 1) inset;
border: 1px solid rgba(255, 255, 255, 0.3);
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
border-radius:0 5px 5px 0;
position: fixed;
text-align:center;
padding:2px;
right:-95px;
top:219px;
font:13px tahoma;
color:#fff;
-webkit-transition:all 0.8s ease-out !important;
-moz-transition:all 0.8s ease-out !important;
-o-transition:all 0.8s ease-out !important;
z-index: 1000;
}
.sidebar-menu-4:hover {
right:0px;
-webkit-transition:all 0.5s ease-in !important;
-moz-transition:all 0.5s ease-in !important;
-o-transition:all 0.5s ease-in !important;
}

 کد:
کد:
<div id="sidebar-menu">منوی انجمن</div>
<a href="لینک 1" style="text-decoration:none;"><div class="sidebar-menu-1">منوی 1</div></a>
<a href="لینک 2" style="text-decoration:none;"><div class="sidebar-menu-2">منوی 2</div></a>
<a href="لینک 3" style="text-decoration:none;"><div class="sidebar-menu-3">منو ی 3</div></a>
<a href="لینک 4" style="text-decoration:none;"><div class="sidebar-menu-4">منوی 4</div></a>


ابزار وب : http://javawebtools.tk
کد جاوا : http://javaweb.sabablog.com
انجمن : http://javaweb.takbb.com
فروشگاه : http://javaweb.eshop.biz
Tongue 
بازم منتصویر: images/smilies/biggrin.gifبازم سلامتصویر: images/smilies/heart.gif
خوب این منو مخصوص استقلالیاش(عشقه)
تصویر: http://javaweb.persiangig.com/img/javaweb/03-16-2013%2007-29-28%20%D8%A8.jpg
منو در سمت چپ و با رنگ آبی
کد CSS:


کد:
#sidebar-menu {
float:left;
width:120px;
height:24px;
background: rgba(9, 135, 242, 0.6) none;
color: rgb(58, 133, 0);
box-shadow: 0px 4px 1px rgba(9, 63, 242, 1) , 2px 3px 3px rgba(33, 85, 251, 1) inset;
border: 1px solid rgba(255, 255, 255, 0.3);
text-shadow: 1px 3px 1px rgba(255, 255, 255, 0.5);
border-top:2px solid #5f7428;
border-radius:5px 0 0 5px;
position: fixed;
cursor:help;
text-align:center;
padding:2px;
left:-2px;
top:70px;
font:11px tahoma;
color:#fff;
z-index: 1000;
}

.sidebar-menu-1 {
float:left;
width:120px;
height:24px;
background: rgba(9, 135, 242, 0.6) none;
color: rgb(58, 133, 0);
box-shadow: 0px 4px 1px rgba(9, 63, 242, 1) , 2px 3px 3px rgba(33, 85, 251, 1) inset;
border: 1px solid rgba(255, 255, 255, 0.3);
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
border-radius:0 5px 5px 0;
position: fixed;
text-align:center;
padding:2px;
left:-95px;
top:108px;
font:13px tahoma;
color:#fff;
-webkit-transition:all 0.8s ease-out !important;
-moz-transition:all 0.8s ease-out !important;
-o-transition:all 0.8s ease-out !important;
z-index: 1000;
}
.sidebar-menu-1:hover {
left:0px;
-webkit-transition:all 0.5s ease-in !important;
-moz-transition:all 0.5s ease-in !important;
-o-transition:all 0.5s ease-in !important;
}

.sidebar-menu-2 {
float:left;
width:120px;
height:24px;
background: rgba(9, 135, 242, 0.6) none;
color: rgb(58, 133, 0);
box-shadow: 0px 4px 1px rgba(9, 63, 242, 1) , 2px 3px 3px rgba(33, 85, 251, 1) inset;
border: 1px solid rgba(255, 255, 255, 0.3);
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
border-radius:0 5px 5px 0;
position: fixed;
text-align:center;
padding:2px;
left:-95px;
top:145px;
font:13px tahoma;
color:#fff;
-webkit-transition:all 0.8s ease-out !important;
-moz-transition:all 0.8s ease-out !important;
-o-transition:all 0.8s ease-out !important;
z-index: 1000;
}
.sidebar-menu-2:hover {
left:0px;
-webkit-transition:all 0.5s ease-in !important;
-moz-transition:all 0.5s ease-in !important;
-o-transition:all 0.5s ease-in !important;
}

.sidebar-menu-3 {
float:left;
width:120px;
height:24px;
background: rgba(9, 135, 242, 0.6) none;
color: rgb(58, 133, 0);
box-shadow: 0px 4px 1px rgba(9, 63, 242, 1) , 2px 3px 3px rgba(33, 85, 251, 1) inset;
border: 1px solid rgba(255, 255, 255, 0.3);
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
border-radius:0 5px 5px 0;
position: fixed;
text-align:center;
padding:2px;
left:-95px;
top:183px;
font:13px tahoma;
color:#fff;
-webkit-transition:all 0.8s ease-out !important;
-moz-transition:all 0.8s ease-out !important;
-o-transition:all 0.8s ease-out !important;
z-index: 1000;
}
.sidebar-menu-3:hover {
left:0px;
-webkit-transition:all 0.5s ease-in !important;
-moz-transition:all 0.5s ease-in !important;
-o-transition:all 0.5s ease-in !important;
}

.sidebar-menu-4 {
float:left;
width:120px;
height:24px;
background: rgba(9, 135, 242, 0.6) none;
color: rgb(58, 133, 0);
box-shadow: 0px 4px 1px rgba(9, 63, 242, 1) , 2px 3px 3px rgba(33, 85, 251, 1) inset;
border: 1px solid rgba(255, 255, 255, 0.3);
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
border-radius:0 5px 5px 0;
position: fixed;
text-align:center;
padding:2px;
left:-95px;
top:219px;
font:13px tahoma;
color:#fff;
-webkit-transition:all 0.8s ease-out !important;
-moz-transition:all 0.8s ease-out !important;
-o-transition:all 0.8s ease-out !important;
z-index: 1000;
}
.sidebar-menu-4:hover {
left:0px;
-webkit-transition:all 0.5s ease-in !important;
-moz-transition:all 0.5s ease-in !important;
-o-transition:all 0.5s ease-in !important;
}
اینم مخصوص پرسپولیسیاش
تصویر: http://javaweb.persiangig.com/img/javaweb/03-16-2013%2007-31-52%20%D8%A8.jpg
منو در سمت چپ و با رنگ قرمز
کد CSS:


کد:
#sidebar-menu {
float:left;
width:120px;
height:24px;
background: rgba(249, 14, 14, 0.6) none;
color: rgb(58, 133, 0);
box-shadow: 0px 4px 1px rgba(151, 4, 4, 1) , 2px 3px 3px rgba(180, 15, 15, 1) inset;
border: 1px solid rgba(255, 255, 255, 0.3);
text-shadow: 1px 3px 1px rgba(255, 255, 255, 0.5);
border-top:2px solid #5f7428;
border-radius:5px 0 0 5px;
position: fixed;
cursor:help;
text-align:center;
padding:2px;
left:-2px;
top:70px;
font:11px tahoma;
color:#fff;
z-index: 1000;
}

.sidebar-menu-1 {
float:left;
width:120px;
height:24px;
background: rgba(249, 14, 14, 0.6) none;
color: rgb(58, 133, 0);
box-shadow: 0px 4px 1px rgba(151, 4, 4, 1) , 2px 3px 3px rgba(180, 15, 15, 1) inset;
border: 1px solid rgba(255, 255, 255, 0.3);
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
border-radius:0 5px 5px 0;
position: fixed;
text-align:center;
padding:2px;
left:-95px;
top:108px;
font:13px tahoma;
color:#fff;
-webkit-transition:all 0.8s ease-out !important;
-moz-transition:all 0.8s ease-out !important;
-o-transition:all 0.8s ease-out !important;
z-index: 1000;
}
.sidebar-menu-1:hover {
left:0px;
-webkit-transition:all 0.5s ease-in !important;
-moz-transition:all 0.5s ease-in !important;
-o-transition:all 0.5s ease-in !important;
}

.sidebar-menu-2 {
float:left;
width:120px;
height:24px;
background: rgba(249, 14, 14, 0.6) none;
color: rgb(58, 133, 0);
box-shadow: 0px 4px 1px rgba(151, 4, 4, 1) , 2px 3px 3px rgba(180, 15, 15, 1) inset;
border: 1px solid rgba(255, 255, 255, 0.3);
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
border-radius:0 5px 5px 0;
position: fixed;
text-align:center;
padding:2px;
left:-95px;
top:145px;
font:13px tahoma;
color:#fff;
-webkit-transition:all 0.8s ease-out !important;
-moz-transition:all 0.8s ease-out !important;
-o-transition:all 0.8s ease-out !important;
z-index: 1000;
}
.sidebar-menu-2:hover {
left:0px;
-webkit-transition:all 0.5s ease-in !important;
-moz-transition:all 0.5s ease-in !important;
-o-transition:all 0.5s ease-in !important;
}

.sidebar-menu-3 {
float:left;
width:120px;
height:24px;
background: rgba(249, 14, 14, 0.6) none;
color: rgb(58, 133, 0);
box-shadow: 0px 4px 1px rgba(151, 4, 4, 1) , 2px 3px 3px rgba(180, 15, 15, 1) inset;
border: 1px solid rgba(255, 255, 255, 0.3);
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
border-radius:0 5px 5px 0;
position: fixed;
text-align:center;
padding:2px;
left:-95px;
top:183px;
font:13px tahoma;
color:#fff;
-webkit-transition:all 0.8s ease-out !important;
-moz-transition:all 0.8s ease-out !important;
-o-transition:all 0.8s ease-out !important;
z-index: 1000;
}
.sidebar-menu-3:hover {
left:0px;
-webkit-transition:all 0.5s ease-in !important;
-moz-transition:all 0.5s ease-in !important;
-o-transition:all 0.5s ease-in !important;
}

.sidebar-menu-4 {
float:left;
width:120px;
height:24px;
background: rgba(249, 14, 14, 0.6) none;
color: rgb(58, 133, 0);
box-shadow: 0px 4px 1px rgba(151, 4, 4, 1) , 2px 3px 3px rgba(180, 15, 15, 1) inset;
border: 1px solid rgba(255, 255, 255, 0.3);
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
border-radius:0 5px 5px 0;
position: fixed;
text-align:center;
padding:2px;
left:-95px;
top:219px;
font:13px tahoma;
color:#fff;
-webkit-transition:all 0.8s ease-out !important;
-moz-transition:all 0.8s ease-out !important;
-o-transition:all 0.8s ease-out !important;
z-index: 1000;
}
.sidebar-menu-4:hover {
left:0px;
-webkit-transition:all 0.5s ease-in !important;
-moz-transition:all 0.5s ease-in !important;
-o-transition:all 0.5s ease-in !important;
}
خوب کدهای دیگر مثل بالایی استتصویر: images/smilies/cool.gif
فعلا ...تصویر: images/smilies/tongue.gif


فایل‌های پیوست
تصاویر بندانگشتی
       


ابزار وب : http://javawebtools.tk
کد جاوا : http://javaweb.sabablog.com
انجمن : http://javaweb.takbb.com
فروشگاه : http://javaweb.eshop.biz


موضوعات مشابه ...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  آموزش ساخت منوی کشویی Tofighi 20 5,140 ۲۴ شهریور ۱۳۹۴، ۱۱:۵۲ ق.ظ
آخرین ارسال: hasan1365
Thumbs Up [عیدی] باکس ویژه نوروزی ( اختصاصی My-bb ) KoG 1 1,052 ۱۳ اسفند ۱۳۹۲، ۱۱:۰۹ ق.ظ
آخرین ارسال: arrow_24
  [عیدی] باکس هشدار عضویت مخصوص نوروز - اختصاصی My-bb KoG 11 2,191 ۱۱ اسفند ۱۳۹۲، ۱۱:۲۱ ق.ظ
آخرین ارسال: H4Mid
  [ویژه] منوی جاوااسکریپت زیبا برای سمت راست انجمن KoG 12 3,378 ۱۹ مرداد ۱۳۹۲، ۰۲:۲۵ ب.ظ
آخرین ارسال: AmIR StaR
  منوی سایدبار لینک شبکه های اجتماعی KoG 2 1,189 ۰۵ خرداد ۱۳۹۲، ۰۹:۵۵ ب.ظ
آخرین ارسال: Friga
Star [عیدی ویژه] منوی ثابت بالای انجمن - اختصاصی از KoG KoG 2 1,495 ۲۸ اسفند ۱۳۹۱، ۰۵:۱۳ ب.ظ
آخرین ارسال: KoG
Rainbow [ویژه] منوی سایدبار اسکرول KoG 0 909 ۲۷ اسفند ۱۳۹۱، ۱۰:۲۳ ب.ظ
آخرین ارسال: KoG
Star [عیدی ویژه] منوی اسکرول بالای انجمن - اختصاصی از KoG KoG 0 1,158 ۲۵ اسفند ۱۳۹۱، ۰۲:۵۴ ب.ظ
آخرین ارسال: KoG
Star [عیدی ویژه] روزشمار نوروز با افکتی جالب برای نمایش KoG 8 2,073 ۲۴ اسفند ۱۳۹۱، ۱۰:۱۴ ب.ظ
آخرین ارسال: Tofighi

پرش به انجمن:


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

1 مهمان


درباره‌ی ما

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