abolfazl

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

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

سلام دوستان

اين آدرس سايت ماست: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 در فایل هدر شما هست کافیه کد بالا بره توی اون. دیگه توی همه صفحات نمایش داده میشه.

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


لینک به پست

بازم خرابه !!!

مشكل از كجاست؟

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


لینک به پست

احتمال زیاد از پوسته شماست.

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


لینک به پست

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

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

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

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


لینک به پست

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

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

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

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط hamid.he
      سلام بر دوستان .
      يك سايت با استفاده از قالب هاي آماده روي لوكال هاست طراحي كرده ام تصميم گرفت بقيه كار سايت را بعد از انتقال بر روي هاست انجام دهم . خودم بلد نبودم سايت را به هاست منقل كنم از دوستي خواهش كردم انجام دهد . منتها بعد از انتقال به هاست اولا صفحه به هم ريخته و نادرست است . عكس ها نمي آيند و هم چنين روي هر لينك و يا منويي كليك مي كنيم صفحه به لوكال هاست مي خواهد برود و براي همين چيزي بالا نمي آيد . آدرس سايت : www.behinja.com  مي باشد كه مي توانيد مشاهده . چگونه مي شود اين مشكل را رفع كرد . پيشاپيش از پاسخ گويي دوستان تشكر مي كنم
    • توسط MahTV
      سلام دوستان و اساتید عزیز
      اگه بخوایم به صورت شرطی (کوچک بودن صفحه نمایش ) تو موبایل یک باکس رو (مثل باکس دانلود) به کاربر در حالت چرخش صفحه نشون بدیم 
      و به کاربر بگیم که برا دیدن لینک ها باید گوشی موبایلت رو بچرخونی باید چیکار کنیم ؟
       
      من این کد رو از سایتی برداشتم ولی نمیدونم چطور باید ازش استفاده کنم 
      <div class="alerta"><b class="icon-screen-rotation"></b><p style="text-align: center;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">برای دیدن لینکهای دانلود ، موبایل خود را بچرخانید . دقت کنید گزینه اسکرین روتیشن یا چرخش صفحه در دستگاه شما روشن باشد </span></p></div>  
       
       
       
       
    • توسط amir_hossein
      سلام دوستان من قصد دارم چندتا اسلاید کناره هم به صورت خطی (مثلا 4 تا اسلاید) اواسط صفحه اصلی یا انتهای صفحه قرار بدم.افزونه ای میتونید بهم معرفی کنید برای اینکار؟
    • توسط amir_hossein
      سلام دوستان من قصد دارم چندتا اسلاید کناره هم به صورت خطی (مثلا 4 تا اسلاید) اواسط صفحه اصلی یا انتهای صفحه قرار بدم.افزونه ای میتونید بهم معرفی کنید برای اینکار؟
    • توسط armakcell
      سلام ، بنده یک مشکل خیلی بزرگ دارم اگر به بنده کمک کنید واقعا مدیون شما میشم
      بنده افزونه سئو را در وردپرس نصب کرده ام و اما هویت گوگل وقتی کد را میفرستد و بنده میزنم میگوید نمایه وجود ندارد
      فایلی را آپلود میکنم ببینید متوجه مشکل بنده میشید