safinoor

چگونه دسته بندی موضوعات رو به صورت منوی کشویی در بیارم

11 پست در این موضوع قرار دارد

درود خدمت کاربران و مدیران عزیز .

بنده میخوام دسته بندی سایتم رو به صورت منوی کناری کشویی در بیارم یه نمونه میذارم خدمتتون به این شکل میخوام :

http://webgoo.ir/example/css/css-vertical-menu.html

اگر پلاگینی که دقیقا اینکار رو انجام میده سراغ دارید بگید .

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

بدرود .

0

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


لینک به پست

نرمافزار میخواین معرفی کنم بهتون؟

البته اگه دقیقا همینو میخواین،این کد اچ تی ام الش هست:


<!--[if IE 6]>
کاربر گرامی، مرورگر شما از امکانات این سایت به درستی پشتیبانی نمی کند، لطفا نسخه مرورگر خود را ارتقا دهید!
<![endif]-->
<!-- بلاک اصلی -->
<div id="vertical-nav">
<!-- تگ ul سطح بالا -->
<ul class="vertical-top-level">
<!-- منوی سطح بالا -->
<li>
<a href="http://webgoo.ir">خانه »</a>
<!-- زیر مجموعه سطح 1 -->
<ul class="vertical-sub-level">
<li><a href="#">منوی زیر مجموعه - 1</a></li>
<li><a href="#">منوی زیر مجموعه - 1 »</a>
<!-- زیر مجموعه سطح 2 -->
<ul class="vertical-sub-level">
<li><a href="#">منوی زیر مجموعه - 2</a></li>
<li><a href="#">منوی زیر مجموعه - 2</a></li>
<li><a href="#">منوی زیر مجموعه - 2</a></li>
<li><a href="#">منوی زیر مجموعه - 2</a></li>
</ul>
</li>
<li><a href="#">منوی زیر مجموعه - 1</a></li>
<li><a href="#">منوی زیر مجموعه - 1</a></li>
</ul>
</li>
<!-- منوی سطح بالا -->
<li>
<a href="#">خدمات »</a>
<!-- زیر مجموعه سطح 1 -->
<ul class="vertical-sub-level">
<li><a href="#">منوی زیر مجموعه - 1</a></li>
<li><a href="#">منوی زیر مجموعه - 1 »</a>
<!-- زیر مجموعه سطح 2 -->
<ul class="vertical-sub-level">
<li><a href="#">منوی زیر مجموعه - 2</a></li>
<li><a href="#">منوی زیر مجموعه - 2</a></li>
<li><a href="#">منوی زیر مجموعه - 2</a></li>
<li><a href="#">منوی زیر مجموعه - 2</a></li>
</ul>
</li>
</ul>
</li>
<!-- منوی سطح بالا -->
<li>
<a href="#">خرید »</a>
<!-- زیر مجموعه سطح 1 -->
<ul class="vertical-sub-level">
<li><a href="#">منوی زیر مجموعه - 1 »</a>
<!-- زیر مجموعه سطح 2 -->
<ul class="vertical-sub-level">
<li><a href="#">منوی زیر مجموعه - 2</a></li>
<li><a href="#">منوی زیر مجموعه - 2</a></li>
<li><a href="#">منوی زیر مجموعه - 2</a></li>
<li><a href="#">منوی زیر مجموعه - 2</a></li>
</ul>
</li>
<li><a href="#">منوی زیر مجموعه - 1</a></li>
</ul>
</li>
<!-- منوی سطح بالا -->
<li><a href="#">درباه</a></li>
<li><a href="#">تماس</a></li>
</ul>
</div>
<hr>
برای بررسی ویژگی های منو، ماوس را روی یکی از آیتم ها ببرید.

و این کد سی اس اسش:


body{
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
direction:rtl;
}
#vertical-nav {
width:150px;
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
/*float:right;*/
direction:rtl;
text-align:center;
z-index:1000px;
}
#vertical-nav ul {
margin:0px;
padding:0px;
*border-top:1px #333 solid;/*IE 7*/
}
ul.vertical-top-level {
background-color:#333;
}
#vertical-nav li {
list-style:none;
}
ul.vertical-top-level li {
border-bottom:#fff solid 1px;
}
#vertical-nav a {
color:#fff;
display:block;
height:25px;
line-height:25px;
text-decoration:none;
width:100%;
}
#vertical-nav a:hover{
_background-color:#39C;/*IE 6*/
_display:block;/*IE 6*/
}
#vertical-nav li:hover {
background-color:#39C;
position:relative;
}
ul.vertical-sub-level {
display:none;
}
li:hover .vertical-sub-level {
background-color:#666;
border:#fff solid 1px;
display:block;
position:absolute;
right:150px;
top:0px;
}
ul.vertical-sub-level li {
border:none;
float:right;
width:150px;
*background-color:#666;/*IE 7*/
}
#vertical-nav .vertical-sub-level {
background-color:#666;
}
#vertical-nav .vertical-sub-level .vertical-sub-level {
background-color:#666;
}
li:hover .vertical-sub-level .vertical-sub-level {
display:none;
}
.vertical-sub-level li:hover .vertical-sub-level {
display:block;
*left:0px;/*IE 7*/
}

4

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


لینک به پست

درود مجدد .

میدونم این کدهاش هستش منظور من نحوه ست کردنش با وردپرس هستش .

یه نمونه واضح تر براتون میدم ببینید :

http://www.linkparsi.com

دسته بندی موضوعاتش رو ببینید سمت راست سایت .

دقیقا همین رو میخوام (سی اس اس هاش برام مهم نیست چون خودم میتونم تغیرش بدم برای من مهم ترین قسمتش کشویی کردنشه)

بدرود .

0

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


لینک به پست

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

0

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


لینک به پست

ببینید نمیخوام کد اچ تی ام ال باشه !!!! (اچ تی ام ال و سی اس اس رو فولم منتها نحوه ست با وردپرسش رو نمیدونم)

بنده طراح قالب وردپرس هستم این مسئله برای اولین باره بهش برخورد کردم هر بلایی سرش آوردم نشد که نشد تصمیم گرفتم از شما دوستان کمک بگیرم .

قالبی که دارم طراحی می کنم برای فروشگاه وردپرس هستش و مشتری گفته منوهای سمت راست به صورت کشویی باشه (تمام قسمت های قالب تکمیل شده فقط مونده همین کشویی کردن دسته بندی ها)

میخوام هر دسته ای توی پنل وردپرس ساخته شد توی سایت به شکل منوی کشویی مانند سایت www.linkparsi.com بیادش .

اینکار شدنیه چون اگر شدنی نبود سایت لینک پارسی استفاده نمی کرد ازش .

دوستانی که میتونند کمک کنند واجبه - قول میدم این مشکلم برطرف بشه در زمینه طراحی قالب + سوالات وردپرسی و فارسی سازی افزونه و قالب کمکتون کنم .

بدرود .

0

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


لینک به پست

سلام

به انجمن خوش اومدین

شما از همون کدی که ادرس دایدد میتونید استفاده کنید.

برای دینامیک کردنش هم کافیه اول قابلیت فهرست رو به پوسته اضافه کنید. add menu support to theme

بعد هم کافیه اسم کلاس و یا ای دی مربوط در li و ul مربوط به کد بالا رو به اون اضافه کگنید.

4

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


لینک به پست

خواهش می کنم کد دقیق بدید با وردپرس زیادی آشنا نیستم مجبورم کارم رو نشونتون بدم :

http://www.baxcomputer.ir/ns-shop/wp/

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

الان تونستم دسته بندی ها رو به صورت کشویی بیارم داخل بلوک لوازم ولی متاسفانه : 1 - راست چین نیست + 2 - سی اس اسی که میخوام رو هنوز نداره (سی اس اسش با ما شما راست چینش کنید)

0

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


لینک به پست

چیزی مثل دسته بندی progpars.com به دردت میخوره بدون فهرست و داینامیک هم هست

0

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


لینک به پست

سلام

میشه در مورد طراحی آرشیو دسته ای سایت آسان دانلود هم توضیح بدید .چجوری میشه توی وردژرس دسته ها را اینجوری نشون داد؟

0

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


لینک به پست

نمونه توی نت زیاد هست. یک مثال ساده براتون نوشتم:

http://jsfiddle.net/ehSyz/3/

1

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


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط nnmmss
      سلام
      من كاملا در وردپرس تازه كار هستم. سايتي با پوسته RealNews طراحي شده. منوهايي دارم كه داراي منو و زير منو هستند. وقتي يك نوشته را به زير منو اختصاص ميدم بعد روي منو ميروم كليه نوشته هاي زير منو را هم نشان ميدهد. مثلا من به اين صورت است
      منو1
      زيرمنو 1-1
      زير منو1-2
       
      من اگر روي زير منو 1-1 كليك كنم فقط نوشته هاي زير منو 1-1 را نشان ميده ولي وقتي روي منو1 كليك كنم تمام نوشته هاي منو1   ,    زيرمنو1-1 و زيرمنو1-2 را نشان ميدهد. چطور ميتوانم اين موضوع را تصحيح كنم كه با كليك كردن روي منو1 فقط نوشته مربوط به منو1 را نشان دهد
    • توسط rendesharif
      با سلام 
      24 ساعت پیش در حال آپدیت تب های وبسایت بودم که اینترنت قطع شد و هنگامی که سعی کردم دوباره وارد کنترل پنل بشم دیدم صفحات ساختار خودشون رو از دست دادن و به نحوی بصورت لایت بارگزاری میشن برای حل این مشکل چیکار میتونم بکنم آیا راه حلی هست.
      تصویر قسمت لاگین هم اضافه کردم میتونید ببینید که دیگه خبری از ساختار اصلی نیست در مابقی صفحات کنترل پنل هم به همین شکل هست

    • توسط naff
      سلام.
      من  میخوام یه صفحه ی استاتیک رو روی ftp  آپلود کنم به عنوان  index اصلی و بعد از کلیک روی دکمه ی مورد نظر کاربر منتقل بشه به سایت اصلی یا همون قالب وردپرس.
       مشکل اینجاست که وقتی صفحه ی  html  رو روی  ftp  آپلود میکنم سایت فقط این صفحه رو به عنوان  index  میشناسه و  این رو جایگزین  index وردپرس میکنه و این صفحه  رو  front page  میشناسه.
       در صورتی که من هر دوتاش رو  میخوام . و صفحه ی html  رو به عنوان  index  میخوام یعنی با وارد کردن اسم سایت اسن صفحه ظاهر بشه.
      صفحه ی اچ دی ام ال:
      https://altourneur.com/new.html
       صفحه ی اصلی سایت:
      https://altourneur.com

       
    • توسط Streetlife
      سلام کارشناسان عزیز و محترم
      دوستان چند روزه هرچی میگردم هیچ چیز مناسبی رو پیدا نمیکنم لطفا کمک بفرمایید.من یک طراح ورد پرسم و میخام واسه یک سایت که بلاگ وردپرس و فروشگاه پرستا شاپ هستش به صورت پاپ اپ یک نظرسنجی رو طراحی کنم که یه سوالی بپرسه و جواب رو بازدیدکننده ها تایپ کنن اما به این صورت که لایو سرچ باشه این فیلد یعنی از بین محصولات که روی دیتا بیس هستند با تایپ یک یا چند حرف ساجست بده لطفااااااااااا راهنمایی بفرمایید
    • توسط amirhosseinganjeh
      سلام دوستان نمیدونم چیکار کردم که عنوان صفحه رو نمایش میده توی همه صفحه ها
      این قسمت ابی رنگو توی عکس اول رو میگم

      تونستم توی صفحاتی که ویرایشگرشون بازه، نمایش عنوان صفحه رو خاموش کنم ولی توی صفحه فروشگاهم نمیتونم نمایشش رو خاموش کنم
       خاموشش هم میکنم باز هم نمایش میده(عکس دوم)
      اگه راه حلی دارید بفرمایید لطفا..