/ منو زیبا برای کنار انجمن یا وب سایت شما
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
نمایش نتایج: از 1 به 3 از 3

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

    1. منو زیبا برای کنار انجمن یا وب سایت شما

      منو زیبا برای کنار انجمن یا وب سایت شما

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

      اول دمو از این منو
      http://jigh3da.ir/test/meno/11.html

      خب میریم سراغ گذاشتن این منو در انجمن

      ابتدا قالب header انجمن خود را باز کرده کد های زیر را به خط دوم اضافه میکنیم
      کد PHP:
      <script type="text/javascript" src="http://upload.wikivb.ir/images/j1baix1k1vvx9v4zi9ys.js"></script>
      <script type="text/javascript">




          $(document).ready(function() {


              $(".box_main").hide();
              $('#menu ul').hide();

              $('#menu li a').click(function() {

                  $(this).next().slideToggle('normal');

              });

              $('#box_link').toggle(

              function() {
                  $('.box_main').show( function() {
                      $('.box_main').animate({
                          width: '300'
                      }, 500);
                  });
                      $('#box_img').attr("src", "http://jigh3da.xrt.ir/images/md9jtu4p70eg8wjhsmwl.png");

              },

              function() {
                  $('.box_main').animate({
                      width: "0"
                  }, 500, function() {
                      $('.box_main').hide();
                      $('#box_img').attr("src", "qm.png");


                  });


              });




          });
      </script> 
      خب حالا قالبadditional.css را باز کنید و کدهای زیر رو به اخرش اضافه کنید
      کد PHP:
      div.box_button {
          
      height50px;
          
      width50px;
          
      text-aligncenter;
          
      vertical-alignmiddle;
          
      floatleft;
          
      cursor:help;
      }
      div.box_main {
          
      heightauto;
          
      background-color#EEE;
          
      floatleft;
          
      border-top-widththin;
          
      border-right-widththin;
          
      border-left-widththin;
          
      border-top-stylesolid;
          
      border-right-stylesolid;
          
      border-left-stylesolid;
          
      border-top-color#4D4D4D;
          
      border-right-color#4D4D4D;
          
      border-left-color#4D4D4D;
      }
      div.box_wrap {
          
      widthauto;
          
      floatleft;
          
      clearboth;
          
      heightauto;
          
      positionabsolute;
          
      left: -1px;
          
      top50px;
      }
      div.content {
          
      padding10px;
          
      font-size12px;
          
      font-familyTahoma;
      }




      ul#menu, ul#menu ul {
          
      list-style-type:none;
          
      margin0;
          
      padding0;
          
      width15em;
          
      width300px;
      }

      ul#menu a {
          
      displayblock;
          
      text-decorationnone;
      }
      #menu li a img {
          
      margin-right5px;
      }

      ul#menu li {
          
      width300px;
      }

      ul#menu li a {
          
      color#333;
          
      background-color#eeeeee;
          
      font-familyArialHelveticasans-serif;
          
      border-bottom-widththin;
          
      border-bottom-stylesolid;
          
      border-bottom-color#333;
          
      font-size36px;
          
      padding-top5px;
          
      padding-right5px;
          
      padding-bottom5px;
          
      padding-left5px;

      و این کد هارو هم به اخر header اضافه کنید تا فراخوانی بشه

      کد PHP:
      <div class="box_wrap">
      <
      div style="display: none; width: 0px;" class="box_main">

      <
      ul id="menu">
              

              <
      li>
                  <
      a href="#" dir="rtl" style="text-align: right;"><img src="http://jigh3da.xrt.ir/images/p5ifizqatddo6o7h4oz.png" border="0" height="32" width="250"></a>
                  <
      ul dir="rtl" style="text-align: right; display: none;">
                      <
      li><a style="font-size:20px;" href="http://web.jigh3da.ir">وب سایت</a></li>
                      <
      li><a style="font-size:20px;" href="http://jigh3da.xrt.ir/">اپلود سنتر</a></li>
                      <
      li><a style="font-size:20px;" href="http://jigh3da.ir">ایندکس</a></li>
                      <
      li><a style="font-size:20px;" href="http://www.jigh3da.ir/arcade.php">شهر بازی</a></li>
                      <
      li><a style="font-size:20px;" href="http://www.jigh3da.ir/misc.php?do=dosendnewlm">ارسال پیام عاشقانه جیغ صدا</a></li>
                      <
      li><a style="font-size:20px;" href="http://www.jigh3da.ir/misc.php?do=cchatbox">چت باکس</a></li>
                      <
      li><a style="font-size:20px;" href="http://jigh3da.ir/tabligh/tabligh.htm">تغرفه تبلیغات</a></li>
                      <
      li><a style="font-size:20px;" href="http://www.jigh3da.ir/forum27.html">مسابقات</a></li>
                      <
      li><a style="font-size:20px;" href="http://www.jigh3da.ir/thread853.html#post3934">مسابقه کاربر برتر ماه</a></li>
                      <
      li><a style="font-size:20px;" href="https://s3.amazonaws.com/com.alexa.toolbar/atbp/gu85gw/download/index.htm">نصب تولبار</a></li>
                      <
      li><a style="font-size:20px;" href="http://www.jigh3da.ir/thread773.html">اپشن های انجمن</a></li>
                      <
      li><a style="font-size:20px;" href="http://www.jigh3da.ir/thread703.html">حمایت از انجمن با چند کلیک</a></li>
                      <
      li><a style="font-size:20px;" href="http://www.jigh3da.ir/contact.php">تماس باما</a></li>

                  </
      ul>
              </
      li>
          </
      ul>
          
          </
      div>
          
          <
      div class="box_button">
          <
      a style="display:block;" href="#" id="box_link">
          <
      img id="box_img" src="http://jigh3da.xrt.ir/images/md9jtu4p70eg8wjhsmwl.png" border="0" height="50" width="50">
          </
      a>
          </
      div>
      </
      div
      مشکلی بود در خدمتم موفق باشید
      ویرایش توسط jigh3da : 05-27-2013 در ساعت 12:13 AM
      چنانچه این مطلب مورد پسند شما واقع شده بر روی کلیک کنید .

      4 نفر از اعضا پست jigh3da را پسندیده اند


  1. #2
    local آنلاین نیست.
    local
    کاربر سايت
    2,070نوشته1,232مورد پسند

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1475
    پسندیده است
    1,828 پست
    بلاگ
    7 پست
    میزان امتیاز
    1241
    No Set
    خیلی خیلی زیبا و کاربری هستش فقط اگه میشد موقعی که باز میشه قابلیت بسته بودن هم داشت عالی میشد چون اینطوری کاربر رو اذیت میکنه و این که میشه این رو توی ایندکس هم به کار برد؟ یه توضیحی بده مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  2. #3
    jigh3da آنلاین نیست.
    jigh3da
    کاربر سايت
    867نوشته936مورد پسند

    تاریخ عضویت
    Feb 2013
    شماره عضویت
    645
    پسندیده است
    599 پست
    بلاگ
    پست
    میزان امتیاز
    946
    *******.ir
    با عرض سلام یه مشکلی در کد های توی قالبی که گذاشتم هستش که قابلیت بسته شدن نداره ولی کدهایی که گذاشتم قابلیت بسته شدن رو داره خیالتون راحت
    واسه گذاشتن توی ایندکس
    کد های زیر را قبل از تگ
    کد PHP:
    </head
    قرار بدید

    کد PHP:
    <script type="text/javascript" src="http://upload.wikivb.ir/images/j1baix1k1vvx9v4zi9ys.js"></script>
    <script type="text/javascript">




        $(document).ready(function() {


            $(".box_main").hide();
            $('#menu ul').hide();

            $('#menu li a').click(function() {

                $(this).next().slideToggle('normal');

            });

            $('#box_link').toggle(

            function() {
                $('.box_main').show( function() {
                    $('.box_main').animate({
                        width: '300'
                    }, 500);
                });
                    $('#box_img').attr("src", "http://jigh3da.xrt.ir/images/md9jtu4p70eg8wjhsmwl.png");

            },

            function() {
                $('.box_main').animate({
                    width: "0"
                }, 500, function() {
                    $('.box_main').hide();
                    $('#box_img').attr("src", "qm.png");


                });


            });




        });
    </script> 
    و کدهای زیر رو بین دو تگ
    کد PHP:
    <style>کدهای زیر</style
    قرار دهید
    کد PHP:
    div.box_button {
        
    height50px;
        
    width50px;
        
    text-aligncenter;
        
    vertical-alignmiddle;
        
    floatleft;
        
    cursor:help;
    }
    div.box_main {
        
    heightauto;
        
    background-color#EEE;
        
    floatleft;
        
    border-top-widththin;
        
    border-right-widththin;
        
    border-left-widththin;
        
    border-top-stylesolid;
        
    border-right-stylesolid;
        
    border-left-stylesolid;
        
    border-top-color#4D4D4D;
        
    border-right-color#4D4D4D;
        
    border-left-color#4D4D4D;
    }
    div.box_wrap {
        
    widthauto;
        
    floatleft;
        
    clearboth;
        
    heightauto;
        
    positionabsolute;
        
    left: -1px;
        
    top50px;
    }
    div.content {
        
    padding10px;
        
    font-size12px;
        
    font-familyTahoma;
    }




    ul#menu, ul#menu ul {
        
    list-style-type:none;
        
    margin0;
        
    padding0;
        
    width15em;
        
    width300px;
    }

    ul#menu a {
        
    displayblock;
        
    text-decorationnone;
    }
    #menu li a img {
        
    margin-right5px;
    }

    ul#menu li {
        
    width300px;
    }

    ul#menu li a {
        
    color#333;
        
    background-color#eeeeee;
        
    font-familyArialHelveticasans-serif;
        
    border-bottom-widththin;
        
    border-bottom-stylesolid;
        
    border-bottom-color#333;
        
    font-size36px;
        
    padding-top5px;
        
    padding-right5px;
        
    padding-bottom5px;
        
    padding-left5px;

    و در اخر هم کدهای زیر رو بین تگ body قرار دهید

    کد PHP:
     <div class="box_wrap">
    <
    div style="display: none; width: 0px;" class="box_main">

    <
    ul id="menu">
            

            <
    li>
                <
    a href="#" dir="rtl" style="text-align: right;"><img src="http://jigh3da.xrt.ir/images/p5ifizqatddo6o7h4oz.png" border="0" height="32" width="250"></a>
                <
    ul dir="rtl" style="text-align: right; display: none;">
                    <
    li><a style="font-size:20px;" href="http://web.jigh3da.ir">وب سایت</a></li>
                    <
    li><a style="font-size:20px;" href="http://jigh3da.xrt.ir/">اپلود سنتر</a></li>
                    <
    li><a style="font-size:20px;" href="http://jigh3da.ir">ایندکس</a></li>
                    <
    li><a style="font-size:20px;" href="http://www.jigh3da.ir/arcade.php">شهر بازی</a></li>
                    <
    li><a style="font-size:20px;" href="http://www.jigh3da.ir/misc.php?do=dosendnewlm">ارسال پیام عاشقانه جیغ صدا</a></li>
                    <
    li><a style="font-size:20px;" href="http://www.jigh3da.ir/misc.php?do=cchatbox">چت باکس</a></li>
                    <
    li><a style="font-size:20px;" href="http://jigh3da.ir/tabligh/tabligh.htm">تغرفه تبلیغات</a></li>
                    <
    li><a style="font-size:20px;" href="http://www.jigh3da.ir/forum27.html">مسابقات</a></li>
                    <
    li><a style="font-size:20px;" href="http://www.jigh3da.ir/thread853.html#post3934">مسابقه کاربر برتر ماه</a></li>
                    <
    li><a style="font-size:20px;" href="https://s3.amazonaws.com/com.alexa.toolbar/atbp/gu85gw/download/index.htm">نصب تولبار</a></li>
                    <
    li><a style="font-size:20px;" href="http://www.jigh3da.ir/thread773.html">اپشن های انجمن</a></li>
                    <
    li><a style="font-size:20px;" href="http://www.jigh3da.ir/thread703.html">حمایت از انجمن با چند کلیک</a></li>
                    <
    li><a style="font-size:20px;" href="http://www.jigh3da.ir/contact.php">تماس باما</a></li>

                </
    ul>
            </
    li>
        </
    ul>
        
        </
    div>
        
        <
    div class="box_button">
        <
    a style="display:block;" href="#" id="box_link">
        <
    img id="box_img" src="http://jigh3da.xrt.ir/images/md9jtu4p70eg8wjhsmwl.png" border="0" height="50" width="50">
        </
    a>
        </
    div>
    </
    div
    به همین راحتی و تمام

    کاربر زیر پست jigh3da را پسندیده است:



اطلاعات موضوع

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

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

کلمات کلیدی این موضوع

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

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  
خرید بک لینک