رفتن به مطلب

منو های باز شو در گوشه سایت


ارسال‌های توصیه شده

با سلام و خسته نباشید اگر ممکنه راهنماییم کنید برای ساخت منو های کشویی مثل این انجمن

البته اگه این کارشون اختصاصی برای خودشون هست یک چیز ساده تر اگر کسی بلد بود منو راهنمایی کنه ممنون میشم

مانند این انجمن

http://forums.ussb.co/

لینک ارسال
به اشتراک گذاری در سایت های دیگر

  • مدیر کل بازنشسته سایت

اگر منوی سمت چپی منظورته که اونو خودم برای آقا میلاد طراحی کردم.

تو globaltemplate اینو پیدا کن: ipbwrapper وقبل اون تگ div که ایدی ipbwrapper داره کد زیر رو اضافه:

<ul id="mbmcpebul_table" class="mbmcpebul_menulist " style="width: 269px; height: 331px;">

  <li class="topitem spaced_li"><div class="icon_1 buttonbg topitem" style="width: 266px;height: 50px;"><a href="http://ussb.ir" target="_blank" class="button_1 topitem">ورود به سایت</a></div></li>

  <li class="topitem spaced_li"><div class="icon_2 buttonbg topitem" style="height: 53px;"><a href="http://www.ussb.ir/index.php/%D9%81%D8%B1%D9%88%D8%B4%DA%AF%D8%A7%D9%87-%D8%A2%D9%86%D9%84%D8%A7%DB%8C%D9%86" target="_blank" class="button_2 topitem">خرید انلاین کتب مرجع</a></div></li>

  <li class="topitem spaced_li"><div class="icon_3 buttonbg topitem"><a class=" topitem">خرید کتاب های مرجع الکترونیکی</a></div></li>

  <li class="topitem spaced_li"><div class="icon_4 buttonbg topitem" style="height: 58px;"><a href="http://ussb.ir/index.php/2013-07-29-16-10-07" target="_blank" class="button_4 topitem">آزمون های انلاین</a></div></li>

  <li class="topitem spaced_li"><div class="icon_5 buttonbg topitem"><a href="http://ussb.ir/index.php/%D9%88%DB%8C%D8%AF%DB%8C%D9%88-%D9%87%D8%A7%DB%8C-%D8%A2%D9%85%D9%88%D8%B2%D8%B4%DB%8C" target="_blank" class=" topitem">ویدیو های آموزشی</a></div></li>

  <li class="topitem"><div class="icon_6 buttonbg topitem"><a class=" topitem">حمایت مالی از سایت</a></div></li>

</ul>

اینم اخر ipb_styles اضافه کن.دیگه تغییرات عکس و نوشته ها و لینک ها رو خودت باید انجام بدی



#mbmcpebul_table{margin:0px;padding:0px;line-height:0px;font-size:0px;display:inline-block}#mbmcpebul_table li
a{line-height:24px;font-size:16px;font-family:"b yekan",sans-serif;text-decoration:none;color:#000;font-style:normal;font-weight:normal;padding:13px
59px 5px 5px;display:block;cursor:pointer;white-space:nowrap}#mbmcpebul_table li
div.buttonbg{height:51px;width:267px;line-height:0;background-color:#FFF;border-style:solid;border-color:#00BFFF;border-width:1px;border-radius:0;padding:0;box-shadow:1px 1px 3px -1px #333;text-align:right}#mbmcpebul_table li:hover div.buttonbg a, #mbmcpebul_table li.expanded a.topitem, #mbmcpebul_table li.active a.topitem,
#mbmcpebul_table li.itemhot a.topitem, #mbmcpebul_table li a:hover{color:#1E90FF;font-style:normal;font-weight:normal;text-decoration:none}#mbmcpebul_table li.expanded div.buttonbg, #mbmcpebul_table li.active div.buttonbg, #mbmcpebul_table li.itemhot div.buttonbg, #mbmcpebul_table li:hover
div.buttonbg{background-color:#FFF;box-shadow:0 0 7px -1px #FFFF00, 0 0 7px -1px #FF0 inset;border-color:#00BFFF}#mbmcpebul_table{padding:0;border-style:solid;border-color:#000;border-width:0;border-radius:0;background-color:transparent;box-shadow:0 0 4px -1px #333;border-collapse:separate}#mbmcpebul_table ul li
a{color:#000;font-family:"@Adobe Gothic Std B",sans-serif;font-size:11px;line-height:14px;font-style:normal;font-weight:normal;text-decoration:none;display:block;vertical-align:middle;white-space:nowrap}#mbmcpebul_table ul li:hover>a{color:#000;font-family:"@Adobe Gothic Std B",sans-serif;font-size:11px;font-style:normal;font-weight:normal;text-decoration:underline}#mbmcpebul_table ul li.subexpanded a.subexpanded, #mbmcpebul_table ul li.subitemhot a.subitemhot, #mbmcpebul_table ul li a:hover{color:#000;font-family:"@Adobe Gothic Std B",sans-serif;font-size:11px;font-style:normal;font-weight:normal;text-decoration:underline}#mbmcpebul_table ul li:hover, #mbmcpebul_table ul li.subexpanded, #mbmcpebul_table ul
li.subitemhot{border-color:transparent;background-color:#FFF;box-shadow:none}#mbmcpebul_table
ul{margin:0;border-style:solid;border-color:#000;border-width:1px;padding:0;background:#FFF;font-size:0;border-radius:0}#mbmcpebul_table ul li
a{padding:3px
11px 3px 9px;text-align:left}#mbmcpebul_table ul
li.separator{padding:3px;cursor:default;background:none;box-shadow:none;border-width:0}#mbmcpebul_table ul li.separator
div{border-top:1px solid #C0C0C0;font-size:0px}#mbmcpebul_table ul
li{border-style:solid;border-color:transparent;border-width:0;height:auto;width:auto;text-align:left;line-height:0;font-size:0;cursor:pointer;float:none;margin:0
0 0px 0;border-radius:0;padding:0;box-shadow:none;background-color:#FFF}#mbmcpebul_table
.spaced_li{margin:0px
0px 1px 0px}#mbmcpebul_table a
img{border:none}#mbmcpebul_table
li{list-style:none}#mbmcpebul_table.css_menu
li{position:relative}#mbmcpebul_table.css_menu ul li:hover>ul{opacity:1}#mbmcpebul_table.css_menu li:hover>ul{top:0;left:100%;right:auto;opacity:1;transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1)}#mbmcpebul_table.css_menu ul li:hover>ul{top:-1px;left:100%;right:auto}#mbmcpebul_table.css_menu
ul{transition-duration:0.3s;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-property:transform;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-ms-transition-property:-ms-transform;transform-origin:0 0;transform:scale(1, 0.1);-webkit-transform-origin:0 0;-webkit-transform:scale(1, 0.1);-moz-transform-origin:0 0;-moz-transform:scale(1, 0.1);-ms-transform-origin:0 0;-ms-transform:scale(1, 0.1)}#mbmcpebul_table
ul{position:absolute;top:-99999px;z-index:4000}#mbmcpebul_table ul
ul{position:absolute;z-index:5000}#mbmcpebul_table
.submenu_arrow{margin-left:8px}#mbmcpebul_table ul li
a.with_arrow{background-image:url(/public/style_css/css_18/ebab_mbmcp_c.png);background-repeat:no-repeat;background-position:right center;padding-right:15px}#mbmcpebul_table li a.button_1, #mbmcpebul_table li div
a.button_1{font-size:17px;line-height:26px;padding-top:12px}#mbmcpebul_table
div.icon_1{background-image:url("http://forums.ussb.co/public/style_images/master/menu/ebab_mbmcp_ico_0.png");background-repeat:no-repeat;background-position:213px center;height:100%}#mbmcpebul_table li a.button_2, #mbmcpebul_table li div
a.button_2{padding-top:14px}#mbmcpebul_table
div.icon_2{background-image:url("http://forums.ussb.co/public/style_images/master/menu/ebab_mbmcp_ico_1.png");background-repeat:no-repeat;background-position:214px center;height:100%}#mbmcpebul_table
div.icon_3{background-image:url("http://forums.ussb.co/public/style_images/master/menu/ebab_mbmcp_ico_2.png");background-repeat:no-repeat;background-position:214px center;height:100%}#mbmcpebul_table li a.button_4, #mbmcpebul_table li div
a.button_4{padding-top:17px}#mbmcpebul_table
div.icon_4{background-image:url("http://forums.ussb.co/public/style_images/master/menu/ebab_mbmcp_ico_3.png");background-repeat:no-repeat;background-position:214px center;height:100%}#mbmcpebul_table
div.icon_5{background-image:url("http://forums.ussb.co/public/style_images/master/menu/ebab_mbmcp_ico_4.png");background-repeat:no-repeat;background-position:214px center;height:100%}#mbmcpebul_table
div.icon_6{background-image:url("http://forums.ussb.co/public/style_images/master/menu/ebab_mbmcp_ico_5.png");background-repeat:no-repeat;background-position:214px center;height:100%}#mbmcpebul_table{position:fixed;left:-210px;top:200px;z-index:999}.icon_1.buttonbg.topitem:hover{margin-right:-100px}.icon_2.buttonbg.topitem:hover{margin-right:-150px}.icon_3.buttonbg.topitem:hover{margin-right:-210px}.icon_4.buttonbg.topitem:hover{margin-right:-110px}.icon_5.buttonbg.topitem:hover{margin-right:-130px}.icon_6.buttonbg.topitem:hover{margin-right:-130px}#toggle_smspad{z-index:1001;float:left;-webkit-border-radius:4px;-moz-border-radius:4px;color:#fff;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;background-color:#FFF;border-style:solid;border-color:#00BFFF;border-width:1px;border-radius:0px;padding:0px;box-shadow:1px 1px 3px -1px #333;width:57px;height:50px}#smsPadParent{width:230px;float:left;position:fixed;left:0px;top:147px;z-index:1000}#smsSide{background-image:url(http://localhost/baghsib.ir/public/style_images/master/sms/bk.jpg);background-size:cover;border-style:solid;border-bottom-width:5px;border-color:rgb(44, 86, 135);border-radius:5px 5px 5px}#smsPhone{line-height:120% !important;font-size:13px !important;width:195px;height:390px;background-image:url(http://localhost/baghsib.ir/public/style_images/master/sms/phone.png);background-repeat:no-repeat}#smsPhoneScreen{padding-right:20px;padding-top:50px}#smsTo{width:145px;font-weight:bold}#smsMsg{width:145px;height:145px;max-height:145px;min-height:145px;max-width:145px;min-width:145px}#smsSubmit{width:98%;max-height:28px;max-width:157px}#regMobPage{padding:5px}#smsNewMob{width:85%;direction:ltr}#smsVerifyCode{width:85%}#smsVerifyCode{font-weight:bold;font-size:28px;text-align:center}.sms_sender_num{color:red}#header_menus .megamenu>li{margin:0px
3px 0 0;position:relative}#header_menus
.megamenu{background:#323232;border:1px
solid #000;border-width:5px 1px;font:normal 12px Verdana;margin:0px
auto;width:100%;height:100%
text-align:left}
#mbmcpebul_table {
  padding: 0;
  border-style: solid;
  border-color: #000;
  border-width: 0;
  border-radius: 0;
  background-color: transparent;
  box-shadow: 0 0 4px -1px #333;
  border-collapse: separate;
}
#mbmcpebul_table { position: fixed; left: -210px; top: 200px; z-index: 999; }
لینک ارسال
به اشتراک گذاری در سایت های دیگر

اقا سعید دقیق نفهمیدم کجا رو گفتید میشه باز راهنمایی کنید کجای global template و ipbwrapper یکم درست متوجه نشدم ممنون از راهنماییتون

لینک ارسال
به اشتراک گذاری در سایت های دیگر

بایگانی شده

این موضوع بایگانی و قفل شده و دیگر امکان ارسال پاسخ نیست.

  • کاربران آنلاین در این صفحه   0 کاربر

    • هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.
×
×
  • اضافه کردن...