رفتن به مطلب

كمك در تغيير حالت منو


پست های پیشنهاد شده

سلام دوستان

اين آدرس سايت ماست:www.k-zaminy.ir

چه جوري ميتونم منوي موضوعاتي مثل منوي موضاعات اين سايت داشته باشم ?

سايت شهيد آويني:http://aviny.com

البته با اين تفاوت كه منو ثابت باشه در جاي خودش و مثل منوي سايت شهيد آويني در حركت نباشه...

خيلي ممنون ميشيم اگه كمكمون كنيد :)

ویرایش شده توسط abolfazl
لینک به ارسال

به اینها میگن vertical drop-down menu

نمونه:

http://www.javascriptkit.com/script/script2/verticalmenu.shtml

لینک به ارسال

آقا مرتضي دستتون درد نكنه

حالا دوستان ما بايد چه جوري از اين كدها استفاده كنيم؟

بايد كجاي قالب بزاريم؟

درضمن اين منو ها با تمام مرورگر ها سازگارند؟

اگه ميشه لطف كنيد يه vertical drop-down menu

به ما بدهيد كه رنگش طوسي باشه و اينكه فارسي نويس باشه از سمت راست نوشته بشه و به سمت چپ باز بشه...

ومثل اين كدي كه آقا مرتضي دادن البته خيلي خيلي ازشون ممنونيم ولي به سمت راست بازنشه...

ویرایش شده توسط abolfazl
لینک به ارسال

داداش دستت درد نكنه

ولي از دوستان كسي هست

يكي از همين منو هايي كه رنگش خاكستري باشه رو با تو ضيحات اينكه چه جوري اون و بايد تو قالب قرار بدم بهم ياد بده؟

يا دقيقا كد منوي سايت شهيد آويني رو بهم بديد تا رنگش و تغير بدم و استفادش كنم ...

همين طور يه سوال وقتي بنده يه دسته تو كنترل پنل وردپرسم به اين منو اضافه كنم

اتوماتيك اون دسته به اين منو اضافه ميشه؟

ویرایش شده توسط abolfazl
لینک به ارسال

به اینها میگن vertical drop-down menu

نمونه:

http://www.javascrip...ticalmenu.shtml

دوستان اين منويي كه آقا مرتضي آدرسش و دادن چه جوري بايد ازش استفاده كنم ؟

ميشه توضيح بديد؟

لینک به ارسال

از اين سايت ميتوني منو هاي خودتو طراحي کني آنلاين !http://purecssmenu.com/

من دقيقا مثه همون منو رو برات در آوردم کافيه متن هاشو عوض کني ....

menu_aviny.zip

ویرایش شده توسط ho3ein
لینک به ارسال

داداش دستت دردنكنه شرمندمون كردي

فقط ميشه بگي بايد چه جوري اون و تو قالب قرار بدم تا تو سايت نمايان بشه؟

و چه جوري متن هاش و تغيير بدم؟

چون اين منويي كه لطف كردين و دادينش از كد تشكيل نميشد!!!

ویرایش شده توسط abolfazl
لینک به ارسال

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

فایل purecssmenu.html رو کد های بعد از <style> رو بزارید تو فایل style.css و کد های بعد از <body> رو بزارید جایی که میخواین نمایش داده بشه... عکس ها رو هم تو پوشه ی images بزارید !

لینک به ارسال

داداش عكس ها رو تو پوشه ي ايمج قرار دادم

وكد هايي كه توي purecssmenu.html توش <body> نبود !!!

همين طور فرقي نداره كه كجاي استايل قرار بدم؟

لینک به ارسال

کد رو ببنید از این به بعدش رو بزارید :

<!-- Start PureCSSMenu.com MENU -->

<ul class="pureCssMenu pureCssMenum">

لینک به ارسال

داداش همون طوري كه فرموديد همه رو همون شكلي قرار دادم ولي نتيجش اين شد و خراب شد (موضوعات تو ستون سمت راست قرار داره)

نتيجه رو مشاهده كنيد:www.k-zaminy.ir

اگه امكانش هست قالب و بفرستم تا شما زحمتش رو بكشيد

ویرایش شده توسط abolfazl
لینک به ارسال

حيف شد حسين آقا نتونستن درستش كنند

دوستان شما يه منوي آبشاري خوب سراغ نداريد كه از سمت راست به چپ باز بشه و منوش سالم باشه تا تو قالب قرارش بديم؟

لینک به ارسال

آره آقا مرتضي دقيقا همينيه كه شما فرموديد

يعني منو تو قالب به هم ميريزه

بايد چي كار كرد؟

لینک به ارسال

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

کد زیر در تگ body قرار بگیره:

<!-- Start PureCSSMenu.com MENU -->

<ul class="pureCssMenu pureCssMenum">

<li class="pureCssMenui"><a class="pureCssMenui" href="#">PureCSSMenu.com</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Product Info</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->

<ul class="pureCssMenum">

<li class="pureCssMenui"><a class="pureCssMenui" href="#">What is New?</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Menu Features</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->

<ul class="pureCssMenum">

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Free Online Generator</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">100% Pure CSS Menu</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">No Javascript Required</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Multi Level Submenus</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Search-Engine Friendly</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Advanced Styling</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Horizontal & Vertical</a></li>

</ul>

<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>How To Use</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->

<ul class="pureCssMenum">

<li class="pureCssMenui"><a class="pureCssMenui" href="#">1. Select Template</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">2. Customize Items</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">3. Download Zip</a></li>

</ul>

<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Supported Browsers</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->

<ul class="pureCssMenum">

<li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Windows OS</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->

<ul class="pureCssMenum">

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Internet Explorer</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Firefox</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Chrome</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Safari</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Mozilla</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Opera</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Netscape Navigator</a></li>

</ul>

<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>MAC OS</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->

<ul class="pureCssMenum">

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Firefox</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Safari</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Internet Explorer</a></li>

</ul>

<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Unix/Linux OS</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->

<ul class="pureCssMenum">

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Firefox</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Konqueror</a></li>

</ul>

<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>

</ul>

<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>

</ul>

<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Templates</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->

<ul class="pureCssMenum">

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Template 1</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Template 2</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Template 3</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Template 4</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Template 5</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Template 6</a></li>

</ul>

<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">FAQ</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Contact Us</a></li>

</ul>

<!-- End PureCSSMenu.com MENU -->

کد زیر هم در فایل استایل:

#pcm{display:none;}

ul.pureCssMenu ul{display:none;text-align:right;}

ul.pureCssMenu li:hover>ul{display:block}

ul.pureCssMenu ul{position: absolute;right:98%;top:-1px;}

ul.pureCssMenu ul ul{position: absolute;right:98%;top:-2px;}

ul.pureCssMenu,ul.pureCssMenu ul {

margin:0px;

list-style:none;

padding:0px 1px 1px 0px;

background-color:#E4E1DE;

background-repeat:repeat;

border-color:#EEEEEE #777777 #666666 #C9C9C9;

border-width:2px;

border-style:solid;

}

ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {

display:block;

zoom:1;

_width:118.65px;

float: right;

}

ul.pureCssMenu ul{

width:140.70000000000002px;

}

ul.pureCssMenu li{

display:block;

margin:1px 0px 0px 1px;

font-size:0px;

}

ul.pureCssMenu a:active, ul.pureCssMenu a:focus {

outline-style:none;

}

ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {

display:block;

vertical-align:middle;

zoom:1;

background-color:#E4E1DE;

border-width:1px;

border-color:#E4E1DE;

border-style:solid;

text-align:right;

text-decoration:none;

padding:4px;

_padding-left:0;

font:normal 11px Tahoma;

color: #000000;

text-decoration:none;

cursor:pointer;

}

ul.pureCssMenu span{

overflow:hidden;

}

ul.pureCssMenu ul li {

float:none;

}

ul.pureCssMenu ul a {

text-align:right;

white-space:nowrap;

}

ul.pureCssMenu li.sep{

text-align:right;

padding:0px;

line-height:0;

}

ul.pureCssMenu li.sep span{

float:none; padding-right:0;

width:100%;

height:3;

display:inline-block;

background-color:#EEEEEE #777777 #666666 #C9C9C9; background-image:none;}

ul.pureCssMenu li:hover{

position:relative;

}

ul.pureCssMenu li:hover>a{

background-color:#FFFFFF;

border-color:#7D7D7D;

border-style:solid;

font:normal 11px Tahoma;

color: #000000;

text-decoration:none;

}

ul.pureCssMenu li a:hover{

position:relative;

background-color:#FFFFFF;

border-color:#7D7D7D;

border-style:solid;

font:normal 11px Tahoma;

color: #000000;

text-decoration:none;

}

ul.pureCssMenu li.dis a {

color: #AAAAAA !important;

}

ul.pureCssMenu img {border: none;float:right;_float:none;margin-right:4px;width:24px;

height:24px;

}

ul.pureCssMenu ul img {width:30px;

height:15px;

}

ul.pureCssMenu img.over{display:none}

ul.pureCssMenu li.dis a:hover img.over{display:none !important}

ul.pureCssMenu li.dis a:hover img.def {display:inline !important}

ul.pureCssMenu li:hover > a img.def {display:none}

ul.pureCssMenu li:hover > a img.over {display:inline}

ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover a:hover img.over{display:inline}

ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover a:hover img.def{display:none}

ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul,ul.pureCssMenu a:hover a:hover a:hover ul{display:block}

ul.pureCssMenu a:hover ul ul,ul.pureCssMenu a:hover a:hover ul ul{display:none}

ul.pureCssMenu span{

display:block;

background-image:url(images/arrow_sub1.gif);

background-position:left center;

background-repeat: no-repeat;

padding-right:0px;}

ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(images/arrow_sub1.gif)}

عکسها رو هم که دارید و در پوشه images پوسته قرار بدید.

لینک به ارسال

آقا مرتضي پس كدوم كد تو قسمت موضوعات قرار بگيره تا منو نمايش داده بشه ؟

لینک به ارسال

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

لینک به ارسال

آقا مرتضي حتما يك راه و چاهي داره كه مشكل ما تو اين زمينه ي منو حل بشه ...

همين طور تو قسمت ابزارك قالب هم ما همين مشكل و داريم همه چيز در ظاهر درست مياد اما نه ابزارك كار ميكنه نه منوي مورد نظر

بايد چي كار كنم؟

لینک به ارسال

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

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

یا از افزونه ها.

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...