تبلیغات

آموزش قرار دادن منو در وب

آموزش قرار دادن منو در وب

توضیح چگونگی قرار دادن منو در وب خود

  • اولین قدم برای داشتن منو در وب خود باید فایل را دانلود کنیم.
  • دومین قدم فایل را ازحالت فشرده خارج و باید فایل خود را انتخاب کنیم و وارد آن شویم.(up,right,left)
  • سومین قدم حال یک فایل text به نام html پیش روی ماست وارد آن می شویم.
  • چهارمین قدم کد هایی به صورت زیر نمایان میشود که باید آن را بصورت دلخواه تغییر دهیم.

     برای مثال ما منوی blue را دانلود کرده و منوی قسمت up را میخواهیم در وب خود قرار دهیم

      وارد فایل html واقع در پوشه up میشویم:

    

<link rel="stylesheet" href="http://cld.persiangig.com/preview/vvDMr5q6Rs/mbcsmbrfzq.css" type="text/css" />


<ul id="mbrfzqebul_table" class="mbrfzqebul_menulist css_menu">
<li class="topitem spaced_li"><div class="icon_1 buttonbg"><a href="@@@@@@">تماس با ما&nbsp;</a></div></li>
<li class="topitem spaced_li"><div class="icon_2 buttonbg"><a href="@@@@@@">درباره ما</a></div></li>
<li class="topitem spaced_li"><div class="icon_3 buttonbg"><a href="@@@@@@">انجمن</a></div></li>
<li class="topitem spaced_li"><div class="arrow buttonbg"><div class="icon_4"><a href="@@@@@@" class="button_4">موضوعات</a></div></div>
<ul class="gradient_menu gradient168">
<li><a href="@@@@@@" class="with_arrow" title="">زیرمنو 1</a>
<ul class="gradient_menu gradient42">
<li><a href="@@@@@@" title="">زیر منو 4</a></li>
</ul></li>
<li><a href="@@@@@@" title="">زیرمنو 2</a></li>
<li><a href="@@@@@@" title="">زیرمنو 3</a></li>
<li><a href="@@@@@@" title="">زیرمنو 4</a></li>
</ul></li>
<li class="topitem spaced_li"><div class="arrow buttonbg"><div class="icon_5"><a href="@@@@@@" class="button_5">منوی کاربری</a></div></div>
<ul class="gradient_menu gradient84">
<li><a href="@@@@@@" title="">ورود</a></li>
<li><a href="@@@@@@" title="">عضویت</a></li>
</ul></li>
<li class="topitem"><div class="icon_6 buttonbg"><a href="@@@@@@">صفحه اصلی</a></div></li>
</ul>
<!-- Menus will work without this javascript file. It is used only for extra
effects, improved usability and compatibility with very old web browsers. -->
<script type="text/javascript" src="http://cld.persiangig.com/pre

 

 

     کلماتی فارسی در آن میبینید مانند صفحه اصلی . شما میتوانید برای مثال آن را به خانه تغییر دهید

 

<link rel="stylesheet" href="http://cld.persiangig.com/preview/vvDMr5q6Rs/mbcsmbrfzq.css" type="text/css" />


<ul id="mbrfzqebul_table" class="mbrfzqebul_menulist css_menu" style="width: 1111px; height: 70px;">
<li class="topitem spaced_li"><div class="icon_1 buttonbg" style="width: 177px;"><a href="@@@@@@">تماس با ما&nbsp;</a></div></li>
<li class="topitem spaced_li"><div class="icon_2 buttonbg" style="width: 168px;"><a href="@@@@@@">درباره ما</a></div></li>
<li class="topitem spaced_li"><div class="icon_3 buttonbg" style="width: 164px;"><a href="@@@@@@">انجمن</a></div></li>
<li class="topitem spaced_li"><div class="arrow buttonbg"><div class="icon_4"><a href="@@@@@@" class="button_4">موضوعات</a></div></div>
<ul class="gradient_menu gradient168">
<li><a href="@@@@@@" class="with_arrow" title="">زیرمنو 1</a>
<ul class="gradient_menu gradient42">
<li><a href="@@@@@@" title="">زیر منو 4</a></li>
</ul></li>
<li><a href="@@@@@@" title="">زیرمنو 2</a></li>
<li><a href="@@@@@@" title="">زیرمنو 3</a></li>
<li><a href="@@@@@@" title="">زیرمنو 4</a></li>
</ul></li>
<li class="topitem spaced_li"><div class="arrow buttonbg"><div class="icon_5"><a href="@@@@@@" class="button_5">منوی کاربری</a></div></div>
<ul class="gradient_menu gradient84">
<li><a href="@@@@@@" title="">ورود</a></li>
<li><a href="@@@@@@" title="">عضویت</a></li>
</ul></li>
<li class="topitem"><div class="icon_6 buttonbg"><a href="@@@@@@">خانه</a></div></li>
</ul>
<!-- Menus will work without this javascript file. It is used only for extra
effects, improved usability and compatibility with very old web browsers. -->

<script type="text/javascript" src="http://cld.persiangig.com/preview/QcvbGShDRV/mbjsmbrfzq.js"></script>

 

     ما میتوانید به همین صورت نام بقیه ی قسمت ها را نیز تغییر دهیم

    حالا باید به قسمت های مختلف ، لینک مربوط به وب خود را بدهیم

    ما تقریبا کنار هر حرف این قسمت "@@@@@@" را میبینیم (اگر کنار آن نبود در همان سطر است)

    برای مثال میخواهیم وقتی در منو بروی تماس با ما کلیک شد آدرس نبنبنبنبنبنب

    باز شود (:

     برای اینکار باید به قسمت "@@@@@@" در کنار کلمه ی تماس با ما برویم و به جای @@@@@@ آدرس یا لینک مورد نظر را وارد کنیم

     

 

<ul id="mbrfzqebul_table" class="mbrfzqebul_menulist css_menu" style="width: 1111px; height: 70px;">
<li class="topitem spaced_li"><div class="icon_1 buttonbg" style="width: 177px;"><a href="نبنبنبنبنبنب">تماس با ما&nbsp;</a></div></li>
<li class="topitem spaced_li"><div class="icon_2 buttonbg" style="width: 168px;"><a href="@@@@@@">درباره ما</a></div></li>
<li class="topitem spaced_li"><div class="icon_3 buttonbg" style="width: 164px;"><a href="@@@@@@">انجمن</a></div></li>
<li class="topitem spaced_li"><div class="arrow buttonbg"><div class="icon_4"><a href="@@@@@@" class="button_4">موضوعات</a></div></div>
<ul class="gradient_menu gradient168">
<li><a href="@@@@@@" class="with_arrow" title="">زیرمنو 1</a>
<ul class="gradient_menu gradient42">
<li><a href="@@@@@@" title="">زیر منو 4</a></li>
</ul></li>
<li><a href="@@@@@@" title="">زیرمنو 2</a></li>
<li><a href="@@@@@@" title="">زیرمنو 3</a></li>
<li><a href="@@@@@@" title="">زیرمنو 4</a></li>
</ul></li>
<li class="topitem spaced_li"><div class="arrow buttonbg"><div class="icon_5"><a href="@@@@@@" class="button_5">منوی کاربری</a></div></div>
<ul class="gradient_menu gradient84">
<li><a href="@@@@@@" title="">ورود</a></li>
<li><a href="@@@@@@" title="">عضویت</a></li>
</ul></li>
<li class="topitem"><div class="icon_6 buttonbg"><a href="@@@@@@">صفحه اصلی</a></div></li>
</ul>
<!-- Menus will work without this javascript file. It is used only for extra
effects, improved usability and compatibility with very old web browsers. -->
<script type="text/javascript" src="http://cld.persiangig.com/preview/QcvbGShDRV/mbjsmbrfzq.js"></script>

 

    توجه داشته باشیم که آدرس را دقیقا درون " قرار دهیم. مانند "http://workpress.vcp.ir/mod-contact.html" 

    به همین ترتیب به تمام قسمت های منو ، لینک دلخواه را می دهیم.(همه قسمت ها که شامل زیرمنو ها و غیره که به فارسی نوشته شده است میشود)

     حالا اگر بخواهیم به تعداد قسمت های منو اضافه کنید یا از آن بکاهید 

     برای مثال میخواهیم قسمت (صفحه اصلی) را حذف کنیم. باید همان سطر را پاک کنیم و الان ما سطری که در آن صفحه اصلی وجود        دارد را پاک میکنیم

 

<ul id="mbrfzqebul_table" class="mbrfzqebul_menulist css_menu" style="width: 1111px; height: 70px;">
<li class="topitem spaced_li"><div class="icon_1 buttonbg" style="width: 177px;"><a href="@@@@@@">تماس با ما&nbsp;</a></div></li>
<li class="topitem spaced_li"><div class="icon_2 buttonbg" style="width: 168px;"><a href="@@@@@@">درباره ما</a></div></li>
<li class="topitem spaced_li"><div class="icon_3 buttonbg" style="width: 164px;"><a href="@@@@@@">انجمن</a></div></li>
<li class="topitem spaced_li"><div class="arrow buttonbg"><div class="icon_4"><a href="@@@@@@" class="button_4">موضوعات</a></div></div>
<ul class="gradient_menu gradient168">
<li><a href="@@@@@@" class="with_arrow" title="">زیرمنو 1</a>
<ul class="gradient_menu gradient42">
<li><a href="@@@@@@" title="">زیر منو 4</a></li>
</ul></li>
<li><a href="@@@@@@" title="">زیرمنو 2</a></li>
<li><a href="@@@@@@" title="">زیرمنو 3</a></li>
<li><a href="@@@@@@" title="">زیرمنو 4</a></li>
</ul></li>
<li class="topitem spaced_li"><div class="arrow buttonbg"><div class="icon_5"><a href="@@@@@@" class="button_5">منوی کاربری</a></div></div>
<ul class="gradient_menu gradient84">
<li><a href="@@@@@@" title="">ورود</a></li>
<li><a href="@@@@@@" title="">عضویت</a></li>
</ul></li>

این سطر حذف شد                          
</ul>
<!-- Menus will work without this javascript file. It is used only for extra
effects, improved usability and compatibility with very old web browsers. -->
<script type="text/javascript" src="http://cld.persiangig.com/preview/QcvbGShDRV/mbjsmbrfzq.js"></script>

 

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

        و در پایین آن جایگذاری یا همان پیست کنیم. و بعدنام آن را تغییر میدهیم مثلا میگذاریم  زیرمنوی جدید  و به آن لینک دلخواه را                 میدهیم مثلا میخواهیم به آن لینک موضوع آندروید در سایت خود را بدهیم(باید لینک این صفحه را از قبل داشته و جایگذاری کنیم

        مثلا در وب من لینک این صفحه این است  http://workpress.vcp.ir/

( برای بدست آوردن لینک صفحه مورد نظر در قسمت دسته بندی یا همان موضوعات سایت رفته و برای مثال در قسمت بازی ها روی آندروید کلیک سمت راست میکنیم و گزینه ی copy link adress را میزنیم و آدرس کپی شده را در منوی خود در قسمت@@@@@@ پیست کرده و نام کنار آن را به آندروید تغییر دهید . حالا بعد از قرار دادن منو در وب ، هر فردی بر روی آندروید واقع در منو کلیک کند به آن آدرسی که شما قرار داده اید هدایت میشود)

 

<ul id="mbrfzqebul_table" class="mbrfzqebul_menulist css_menu" style="width: 1111px; height: 70px;">
<li class="topitem spaced_li"><div class="icon_1 buttonbg" style="width: 177px;"><a href="@@@@@@">تماس با ما&nbsp;</a></div></li>
<li class="topitem spaced_li"><div class="icon_2 buttonbg" style="width: 168px;"><a href="@@@@@@">درباره ما</a></div></li>
<li class="topitem spaced_li"><div class="icon_3 buttonbg" style="width: 164px;"><a href="@@@@@@">انجمن</a></div></li>
<li class="topitem spaced_li"><div class="arrow buttonbg"><div class="icon_4"><a href="@@@@@@" class="button_4">موضوعات</a></div></div>
<ul class="gradient_menu gradient168">
<li><a href="@@@@@@" class="with_arrow" title="">زیرمنو 1</a>
<ul class="gradient_menu gradient42">
<li><a href="@@@@@@" title="">زیر منو 4</a></li>
</ul></li>
<li><a href="@@@@@@" title="">زیرمنو 2</a></li>
<li><a href="@@@@@@" title="">زیرمنو 3</a></li>

<li><a href="http://workpress.vcp.ir" title="">زیر منوی جدید</a></li>

<li><a href="@@@@@@" title="">زیرمنو 4</a></li>
</ul></li>
<li class="topitem spaced_li"><div class="arrow buttonbg"><div class="icon_5"><a href="@@@@@@" class="button_5">منوی کاربری</a></div></div>
<ul class="gradient_menu gradient84">
<li><a href="@@@@@@" title="">ورود</a></li>
<li><a href="@@@@@@" title="">عضویت</a></li>
</ul></li>
<li class="topitem"><div class="icon_6 buttonbg"><a href="@@@@@@">صفحه اصلی</a></div></li>
</ul>
<!-- Menus will work without this javascript file. It is used only for extra
effects, improved usability and compatibility with very old web browsers. -->
<script type="text/javascript" src="http://cld.persiangig.com/preview/QcvbGShDRV/mbjsmbrfzq.js"></script>

 

     و اما آخرین کاری که باید انجام دهیم این است که این کد را در هر جایی از قالب وبلاگ یا وبسایت خود بصورت دلخواه قرار دهیم.(منظور از هر جا این است : در قالب بعد از کد <body> و قبل از کد <body/> باید این کد منو قرار گیرد)

 

پاسخ دهید

هیچ نظری تا کنون برای این مطلب ارسال نشده است، اولین نفر باشید...