مرجع پارسی MyBB

صفحه‌ها: 1 2

با سلام
دوستان عزیز من میخام یک منو تو انجمنم (forums.mymodir.ir) ایجاد کنم که هرکدوم از دسته بندیها بشن یک گزینه منو بعد هر کدام از انجمنها بشوند زیر منو و هرکدام از زیر انمنها هم بشوند زیر منوی زیر منو
حالا با یک تصویر ساده هم نشون میدم منظورم رو

درضمن میخام منو رو در موقعیت منوی همین سایت قرار بدم
باتشکر از همه دوستان مای بی بی ایران

دوستان عزیز من که هنوز منتظرم

حالت کلی ایجاد این به صورت زیر هست.اما اینکه روش وایستی عمل کرد باز شدن داشته باشه نیاز به سی اس اس داره.اگر تا فردا صبر کنید کامل براتون کلاسش رو میزارم.

کد: 
<ul>

<li> 1 </li>

<li> 2

    <ul>

    <li>2-1</li>

    <li>2-2</li>

    </ul>

</li>

</ul>

موفق باشید.

با عرض پوزش چیزی که فکر میکردم میخواید این نبود.اشتباه گرفتم.شما شیوه جعبه تو جعبه یا همون دروپ دان رو میخواید.متاسفانه کدش رو ندارم.
اما الان جستوجو کردم براتون به این رسیدم که ساده توضیح داده و کمکتون میکنه.
http://4itweb.mihanblog.com/post/5
یادتون باشه از همین پوسته که دارید خروجی کامل بگیرید بعد برای محکم کاری کد هایی که تغییر میدید رو توی نت پد یا جایی نگه دارید.

باز هم شرمنده. Heart

با سلم مجدد
دوستان عزیز من با کد زیر یک منوی ثابت تو انجمنم ایجاد کردم ممنون میشم راهنمایی بفرمایید چطور بهش زیر منو اضافه کنم

کد: 
<style>

.am-topmenu {

right:0;top:0;opacity:0.90;

-moz-opacity:0.90;

height:30px;

width:100%;

padding-top:10px;

background: #ffffff;

border-bottom:2px solid #000;}

.mybbiran-topmenu a {

background: #f5f5f5 ;

color:#FFF;

background:#f5f5f5 ;

padding-top:10px;

padding-right:10px;

text-align: center;

color:#000;

border:1px solid #000;

border-radius: 5px 5px 5px 5px;

padding: 6px 12px 6px 12px;

opacity:0.8; -moz-opacity:0.8;

}

.mybbiran-topmenu a:hover {

background:#193f12;

border:1px solid #f5f5f5;

color:#fff;

opacity:1.0; -moz-opacity:1.0;

} 

</style>

<div class="am-topmenu"><div class="mybbiran-topmenu">

<a href ="http://forums.mymodir.ir" title=>صفحه اصلی</a>

<a href ="http://forums.mymodir.ir/forumdisplay.php?fid=17" title=>کارشناسی مدیریت</a>

<a href ="http://forums.mymodir.ir/forumdisplay.php?fid=5" title=>کارشناسی ارشد مدیریت</a>

<a href ="http://forums.mymodir.ir/forumdisplay.php?fid=10 shoma" title=>دکترای مدیریت</a>

<a href ="http://forums.mymodir.ir/forumdisplay.php?fid=64" title=>مقالات طبقه بندی شده مدیریت</a>

<a href ="http://forums.mymodir.ir/forumdisplay.php?fid=31" title=>آموزش زبان</a>

</div></div>

با تشکر
منظوررم از زیر منو مث این تصویر هست
[align=center] [تصویر: 6y1o_test.png]

بذارید یه چیزی رو ساده بگم.ممکنه دکمه های بالایی که میخواید ایجاد کنید سی اس اس باشه و گرافیک نباشه اگر کد کلاسش رو چیز دیگه ای بدید ممکنه چهره خوبی رو پیدا نکنه...
برای همین اون آموزش خامش رو دادم به راحتی میتونید درستش کنید.برای همین کار هم اگر کد نویسی متوجه میشید که خیلی عالی اگر نه که با مقایسه و نبود چند خط توی کد کلاس اون ها رو بهش اضافه کنید و الی آخر.
اگر دوست داشتید کلاس های مربوط به منو رو کامل برامون قرار بدید تا ریپلیس کنیم واستون.

آقا اگه دوستان زحمت بکشن و فقط ساخت یک زیر منو رو توضیح بدن ممنون میشم منم باقیشو با توجه به ساخت همین زیر منو انجام میدم
حقیقتش از کد زیاد سر در نمیارم Heart

درود

این کد رو در قسمت پوسته ها » پوسته ی مورد نظر » golbal.css کپی کنید :

کد php: 
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
  border: 0;
  line-height: 1;
  box-sizing: content-box;
}
#cssmenu {
  height: 49px;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  background: #fefefe;
  background: -moz-linear-gradient(top, #fefefe 0%, #eee9f0 100%);
  background: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #fefefe), color-stop(100%, #eee9f0));
  background: -webkit-linear-gradient(top, #fefefe 0%, #eee9f0 100%);
  background: -o-linear-gradient(top, #fefefe 0%, #eee9f0 100%);
  background: -ms-linear-gradient(top, #fefefe 0%, #eee9f0 100%);
  background: linear-gradient(top, #fefefe 0%, #eee9f0 100%);
  border-bottom: 2px solid #db000b;
  width: auto;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  background: #fefefe;
  background: -moz-linear-gradient(top, #fefefe 0%, #ececec 100%);
  background: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #fefefe), color-stop(100%, #ececec));
  background: -webkit-linear-gradient(top, #fefefe 0%, #ececec 100%);
  background: -o-linear-gradient(top, #fefefe 0%, #ececec 100%);
  background: -ms-linear-gradient(top, #fefefe 0%, #ececec 100%);
  background: linear-gradient(top, #fefefe 0%, #ececec 100%);
  color: #000;
  display: inline-block;
  font-family: BYekan;
  font-size: 12px;
  line-height: 49px;
  padding: 0 20px;
  text-decoration: none;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul {
  float: right;
}
#cssmenu > ul > li {
  float: right;
}
#cssmenu > ul > li > a {
  color: #000;
  font-size: 12px;
}
#cssmenu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  right: 50%;
  bottom: 0;
  border-right: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #db000b;
  margin-right: -10px;
}
#cssmenu > ul > li:first-child > a {
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
}
#cssmenu > ul > li.active:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  right: 50%;
  bottom: 0;
  border-right: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #db000b;
  margin-right: -10px;
}
#cssmenu > ul > li.active > a {
  -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  background: #ececec;
  background: -moz-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ececec), color-stop(100%, #ffeeff ef));
  background: -webkit-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: -o-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: -ms-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
}
#cssmenu > ul > li:hover > a {
  background: #ececec;
  background: -moz-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ececec), color-stop(100%, #ffeeff ef));
  background: -webkit-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: -o-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: -ms-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
}
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  right: 0;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
  background: #db000b;
  border-bottom: 1px dotted #ff0f1b;
  filter: none;
  font-size: 11px;
  display: block;
  line-height: 120%;
  padding: 10px;
  color: #ffffff;
}
#cssmenu .has-sub ul li:hover a {
  background: #a80008;
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  right: 100%;
  top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
  background: #a80008;
  border-bottom: 1px dotted #ff0f1b;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #8f0007;
} 

این کد هم هر جا که قصد دارید منو نمایش داده بشه .

کد php: 
<div id='cssmenu'>
<ul>
   <li class='active'><a href='index.php'><span>خانه</span></a></li>
   <li class='has-sub'><a href='http://1mobilez.ir' target='_blank'><span>وان موبایلز</span></a>
      <ul>
         <li><a href='http://1mobilez.ir/category/phones/'><span>گوشی ها</span></a></li>
         <li><a href='http://1mobilez.ir/category/app/apps/'><span>برنامه </span></a></li>
         <li><a href='http://1mobilez.ir/category/app/games/'><span>بازی</span></a></li>
         <li class='last'><a href='http://1mobilez.ir/category/app/personalization/'><span>گرافیک</span></a></li>
      </ul>
   </li>
   <li><a href='http://forum.1mobilez.ir' target='_blank'><span>انجمن</span></a></li>
   <li class='last'><a href='#'><span>ارتباط</span></a></li>
</ul>
</div> 

دوستان ممنون میشم راهنمایی بفرمایید
من میخام منو از نظر استایل شبیه منوی باشه که خوذم باهاش منو ایجاد کردم ولی کاراییش شبیه منوی باشه که استاد ارجمند Mr.Amin گفتن بشه
باید چیکار کنم یعنی چطوری باهم ترکیبشون کنم

به زودی کدش رو براتون قرار میدم .

صفحه‌ها: 1 2

Qasemi1985

Qasemi1985

firstboy000

firstboy000

Qasemi1985

firstboy000

Qasemi1985

Amin Yaghubi

Qasemi1985

Amin Yaghubi