رفتن به مطلب
توقف فعالیت انجمن وردپرس پارسی، و ادامه فعالیت در انجمن رسمی وردپرس(کلیک کنید) ×
توقف فعالیت انجمن وردپرس پارسی، و ادامه فعالیت در انجمن رسمی وردپرس(کلیک کنید)

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

abolfazl

توسط abolfazl،
در برنامه نویسی استاتیک

دنبال‌کننده 0

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

abolfazl

abolfazl 156

ارسال شده در
ارسال شده در (ویرایش شده)

سلام دوستان

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

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

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

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

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

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

Morteza 34190

ارسال شده در
ارسال شده در

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

نمونه:

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

  • امتیاز 2
لینک به ارسال
abolfazl

abolfazl 156

ارسال شده در
  • مالک
ارسال شده در (ویرایش شده)

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

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

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

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

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

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

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

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

isk 4447

ارسال شده در
ارسال شده در

http://wordpress.org/extend/plugins/jquery-vertical-mega-menu/screenshots/

سایر منو ها از همین نویسنده :

http://www.designchemical.com/lab/

  • امتیاز 2
لینک به ارسال
abolfazl

abolfazl 156

ارسال شده در
  • مالک
ارسال شده در (ویرایش شده)

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

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

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

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

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

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

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

abolfazl 156

ارسال شده در
  • مالک
ارسال شده در

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

نمونه:

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

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

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

لینک به ارسال
ho3ein

ho3ein 330

ارسال شده در
ارسال شده در (ویرایش شده)

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

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

menu_aviny.zip

ویرایش شده توسط ho3ein
  • امتیاز 2
لینک به ارسال
abolfazl

abolfazl 156

ارسال شده در
  • مالک
ارسال شده در (ویرایش شده)

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

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

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

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

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

ho3ein 330

ارسال شده در
ارسال شده در

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

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

  • امتیاز 1
لینک به ارسال
abolfazl

abolfazl 156

ارسال شده در
  • مالک
ارسال شده در

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

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

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

لینک به ارسال
abolfazl

abolfazl 156

ارسال شده در
  • مالک
ارسال شده در (ویرایش شده)

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

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

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

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

abolfazl 156

ارسال شده در
  • مالک
ارسال شده در

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

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

لینک به ارسال
abolfazl

abolfazl 156

ارسال شده در
  • مالک
ارسال شده در

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

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

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

لینک به ارسال
Morteza

Morteza 34190

ارسال شده در
ارسال شده در

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

کد زیر در تگ 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 پوسته قرار بدید.

  • امتیاز 2
لینک به ارسال
Morteza

Morteza 34190

ارسال شده در
ارسال شده در

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

  • امتیاز 1
لینک به ارسال
abolfazl

abolfazl 156

ارسال شده در
  • مالک
ارسال شده در

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

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

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

لینک به ارسال
Morteza

Morteza 34190

ارسال شده در
ارسال شده در

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

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

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

لینک به ارسال

لطفا برای ارسال دیدگاه وارد شوید

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



ورود به حساب کاربری
دنبال‌کننده 0
برو به فهرست موضوع ها
×
×
  • اضافه کردن...