ایجاد منو در ابزارک متن که قابلیت گسترش پیدا کردن داشته باشد

[nimait70 31]

سلام به همگی

دوستان من میخواستم در موقعیت سایدبار قالبم با استفاده از ابزارک متن، منویی ایجاد کنم که وقتی کاربر روش کلیک میکنه این منو قابلیت اینو داشته باشه که افزایش پیدا کنه و بعد از افزایش پیدا کردن بشه با کد های html متنی رو نشون داد.

مثلا من سایتم در مورد فیلم و سریاله میخوام دوتا منو(که هرکدومشون سربرگ داشته باشند) ایجاد کنم...یکی فیلم و دیگری سریال...در حالت عادی فقط سربرگها نمایش داده میشه که وقتی کاربر روی یکی از این سربرگ ها مثلا فیلم کلیک میکنه منوی فیلم افزایش پیدا کنه و متنی که من با کدهای html ایجاد کردمو نمایش بده و وقتی که روی منوی سریال کلیک میکنه منوی فیلم کاهش پیدا کنه و منوی سریال به همون ترتیب افزایش پیدا کنه...

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

[Morteza 34190]

سلام

فکر کنم منوی درختی نیاز دارید:

WP-Parsi navigation trees

http://wordpress.org/extend/plugins/sabre/

[nimait70 31]

نه عزیز منظورم این نبود

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

[imanfakhar 26231]

کدتون می تونه چیزی شبیه به این باشه

#menu {
list-style:none;
}
#menu li {
position:relative;
}
#menu li a {
display:block;
padding:3px 10px;
text-align:center;
width:100px;
}
#menu li div {
display:none;
position:absolute;
}
#menu li:hover div {
display:block
}

و در صفحه

<ul id="menu">
<li><a href="#">فیلم</a>
<div>
محل کدهای شما</div>
</li>
<li><a href="#">سریال</a>
<div>
محل کدهای شما</div>
</li></ul>

[Morteza 34190]

به اینها accordion menu گفته میشه.

[nimait70 31]

کدتون می تونه چیزی شبیه به این باشه

#menu {
list-style:none;
}
#menu li {
position:relative;
}
#menu li a {
display:block;
padding:3px 10px;
text-align:center;
width:100px;
}
#menu li div {
display:none;
position:absolute;
}
#menu li:hover div {
display:block
}

و در صفحه

<ul id="menu">
<li><a href="#">فیلم</a>
<div>
محل کدهای شما</div>
</li>
<li><a href="#">سریال</a>
<div>
محل کدهای شما</div>
</li></ul>

سلام ممنون مرتضی جان...

کد دوم و که باید در ابزارک قرار بدم درسته؟

اما کد اول رو باید کجا قرار بدم؟

[elshan 269]

http://www.wordpress98.com/wordpress/%D9%86%D9%85%D8%A7%DB%8C%D8%B4-%D9%85%D8%B7%D8%A7%D9%84%D8%A8-%DB%8C%DA%A9-%D8%AF%D8%B3%D8%AA%D9%87-%D8%AE%D8%A7%D8%B5-%D8%A8%D9%87-%D8%B5%D9%88%D8%B1%D8%AA-%DA%A9%D8%B4%D9%88%DB%8C%DB%8C/

[سعید حسینی 2409]

اما کد اول رو باید کجا قرار بدم؟

در انتهای فایل style.css قرار بدید.

[nimait70 31]

کدتون می تونه چیزی شبیه به این باشه

#menu {
list-style:none;
}
#menu li {
position:relative;
}
#menu li a {
display:block;
padding:3px 10px;
text-align:center;
width:100px;
}
#menu li div {
display:none;
position:absolute;
}
#menu li:hover div {
display:block
}

و در صفحه

<ul id="menu">
<li><a href="#">فیلم</a>
<div>
محل کدهای شما</div>
</li>
<li><a href="#">سریال</a>
<div>
محل کدهای شما</div>
</li></ul>

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

[Morteza 34190]

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

البته پست 7 هم elshan عزیز آدرس مناسبی دادن.

http://wordpress.org/extend/plugins/jquery-vertical-accordion-menu/
http://matthewaprice.com/simple-wordpress-accordion-menu/

[nimait70 31]

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

البته پست 7 هم elshan عزیز آدرس مناسبی دادن.

http://wordpress.org/extend/plugins/jquery-vertical-accordion-menu/
http://matthewaprice.com/simple-wordpress-accordion-menu/

واقعیتش از اون افزونه ی اولی خوشم اومد ولی من دنبال یه چیزی هستم که بتونم متن ایجاد کنم تو هر تب...مثلا اگه کاربر روی یکی از منو ها یا تب ها کلیک کرد به جای باز شدن زیرمنو ها متنی که من با html ایجاد کردم ظاهر بشه

[Parsa 23463]

http://wordpress.org/extend/plugins/tabber-tabs-widget/screenshots/

http://wordpress.org/extend/plugins/sidebartabs/

http://wordpress.org/extend/plugins/tabbed-sidebar-widgets/screenshots/

http://wordpress.org/extend/plugins/jquery-ui-widgets/screenshots/

http://sheenonline.biz/2009/02/save-space-in-your-sidebar-with-tabbed-widgets/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+sheenonline+%28Sheen+Online%29

http://www.tripwiremagazine.com/2012/10/wordpress-widget-plugins.html