تبلیغات در اینترنت

تبلیغات در اینترنتگیفت کارت گوگل پلی
صفحه 3 از 4 نخستنخست 1234 آخرینآخرین
نمایش نتایج: از 21 به 30 از 40

مقاله: [آموزش] قرار دادن منوی کشویی زیبا کنار انجمن ( جدید )

    1. [آموزش] قرار دادن منوی کشویی زیبا کنار انجمن ( جدید ) »

      [آموزش] قرار دادن منوی کشویی زیبا کنار انجمن ( جدید )

      نگارش: , by (کاندیدای مدیریت)
      2012/08/23 08:42 PM
      امتیاز: 

      درود

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

      عکس :





      دمو : http://mohseneo.persiangig.com/other/mn_menu.html

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

      استایل ها & قالب ها > جست و جو در قالب ها

      به استایل additional.css اضافه کنید :

      کد:
      #mn_menu1
      {text-align:left;
      color:#fff;
      font-family:Tahoma, Geneva, sans-serif;
      line-height:-10px; }
      #mn_menu1 a
      {color:#fff;
      text-decoration:none;
      font-family:Tahoma, Geneva, sans-serif;
      font-size:11px;padding:5px;
      
      }
      #mn_menu1 a:hover 
      {color:#3a345f;  text-shadow:0px 1px 0px #ccc;
      display:inline;
      padding:5px;
      -webkit-box-shadow: 0 0 2px #CCC, inset 0 0 20px rgba(0,0,0,0.2), 0 
      5px 10px rgba(0,0,0,0.35);
          box-shadow: 0 0 2px #CCC, inset 0 0 20px rgba(0,0,0,0.2), 0 5px 10px 
      rgba(0,0,0,0.35);
      }a.mn_menu_nv1
      {color:fff;
      text-decoration:none;
      }a:link.mn_menu_nv1
      {
          text-decoration:overline;
      }
      a:hover.mn_menu_nv1{
          color:#fff;
          display:inline;
      }
      .menu2
      {
      background:#039;z-index:100;
      }
      .mn_menu_nv1
      {
          top:0px;z-index:100;
          left:-120px;
          margin-left:3px;
          position:relative;
              -webkit-transition: all .3s ease-out;
          -moz-transition: all .3s ease-out;
          -ms-transition: all .3s ease-out;
          -o-transition: all .3s ease-out;
          transition: all .3s ease-out;
      }
      .mn_menu_nv1:hover
      {
          top:0px;z-index:100;
          left:-5px;
          margin-left:3px;
          position:relative;
          
      
      
      }
      .mn_menu_td1
      {      background:#1faf52;
      background-image:-webkit-linear-gradient(left, #28bb5c, #1faf52);
        background-image:-moz-linear-gradient(left, #28bb5c, #1faf52);
        background-image:-ms-linear-gradient(left, #28bb5c, #1faf52);
        background-image:-o-linear-gradient(left, #28bb5c, #1faf52);
        background-image:linear-gradient(left, #28bb5c, #1faf52);
          padding:10px;
      z-index:100;
      }
      
      .mn_menu_td2
      {background:#1faf52;
      background-image:-webkit-linear-gradient(left, #28bb5c, #1faf52);
        background-image:-moz-linear-gradient(left, #28bb5c, #1faf52);
        background-image:-ms-linear-gradient(left, #28bb5c, #1faf52);
        background-image:-o-linear-gradient(left, #28bb5c, #1faf52);
        background-image:linear-gradient(left, #28bb5c, #1faf52);
          height:10px;
          padding:10px;
      z-index:100;
      }
      .mn_menu_td3
      {background:#1faf52;
      background-image:-webkit-linear-gradient(left, #28bb5c, #1faf52);
        background-image:-moz-linear-gradient(left, #28bb5c, #1faf52);
        background-image:-ms-linear-gradient(left, #28bb5c, #1faf52);
        background-image:-o-linear-gradient(left, #28bb5c, #1faf52);
        background-image:linear-gradient(left, #28bb5c, #1faf52);z-index:100;padding:10px;
      }
      .mn_menu_td4
      {background:#1faf52;
      background-image:-webkit-linear-gradient(left, #28bb5c, #1faf52);
        background-image:-moz-linear-gradient(left, #28bb5c, #1faf52);
        background-image:-ms-linear-gradient(left, #28bb5c, #1faf52);
        background-image:-o-linear-gradient(left, #28bb5c, #1faf52);
        background-image:linear-gradient(left, #28bb5c, #1faf52);    border:##9896B7 1px;
          moz-border-radius: 5px;
          webkit-border-radius: 5px;
          border-radius:0px 0px 10px 0px;
          padding:10px;z-index:100;
      }
      .td5
      {background:#1faf52;
      background-image:-webkit-linear-gradient(left, #28bb5c, #1faf52);
        background-image:-moz-linear-gradient(left, #28bb5c, #1faf52);
        background-image:-ms-linear-gradient(left, #28bb5c, #1faf52);
        background-image:-o-linear-gradient(left, #28bb5c, #1faf52);
        background-image:linear-gradient(left, #28bb5c, #1faf52);    border:#9896B7 1px;
          moz-border-radius: 5px;
          webkit-border-radius: 5px;
          border-radius:0px ;
          padding:10px;
      z-index:100;
      }
      به استایل header اضافه کنید :

      کد:
      <div style="position: fixed; z-index:100; left:0px; top:200px;height:200px; float:left; width:200px;"><div 
      
      id="mn_menu1" style="clear:both" >   
      <table  dir="rtl" width="150px" align="left" cellpadding="0" cellspacing="0" onMouseOver="showmenua()" 
      
      onMouseOut="hidemenua()" class="mn_menu_nv1" id="myMenu2"  name="myMenu2">
                              <tr>
                                  <td valign="top" class="td6" rowspan="5" align="center"><img 
      
      src="http://mohseneo.persiangig.com/other/mn_menu02.png"/>
                                  </td>
                                  <td align="right" width="200" class="td5" valign="top"><a href="#">قوانین سایت</a>
                                  </td>
                              </tr>
                              <tr align="right">
      
                                      <td class="mn_menu_td1"><a href="uploader.php">آپلود سنتر</a>
                                  </td>
                              </tr>
                              <tr align="right">
                                  <td class="mn_menu_td2"><a href="activity.php">فعالیت ها</a>
                                </td>
                             </tr>
                             <tr align="right">
      
                                <td class="mn_menu_td3"><a href="http://facebook.com/mohsen.neo">پیج فیس بوک</a>
                                </td>
                             </tr>
      
                             <tr align="right">
                                    <td class="mn_menu_td4"><a href="misc.php?do=cchatbox">چـت باکس کامل</a>
                                  </td>
                              </tr>
                  </table>
      
                </div></div>
      می تونین لینک هارو از کد بالا تغییر بدید

      تمام .

      موفق باشید
  1. Top | #21
    کاربر سایت

    ورژن ویبولتین
    4.2.0
    نوشته ها
    203
    میزان امتیاز
    26

    پیش فرض

    این کد مشکل داره تا اصلاحش من برش میدارم

    آموشش کامله اخی

    نقل قول نوشته اصلی توسط Sfuniya نمایش پست ها
    آقا وقت داری به انجمن من اضافه کنی هر کاری کردم همه جیز ریخت بهم !
    لطفا
    براتون میزارم ولی شاید جواب نده pajman_p




  2. گیفت کارت آیتونز

  3. Top | #22
    کاربر سایت

    ورژن ویبولتین
    4.2
    نوشته ها
    361
    میزان امتیاز
    45

    پیش فرض

    نقل قول نوشته اصلی توسط alireza.pir نمایش پست ها
    ببخشید. یک مشکلی وجود داره.

    وقتی من این منو رو میزارم. در محدوده ی اون هیچ کدوم از لینک های سایتم کار نمیکنه. الان برید به سایتم منظورم رو متوجه میشید. مثلا اگه بخوام رو پاسخ با نقل کلیک کنم.

    اگه در محدوده ی منو باشه. لینک عمل نمیکنه.

    ممنون میشم راهنمایی کنید.
    UP

  4. Top | #23
    کاربر سایت

    ورژن ویبولتین
    4.2
    نوشته ها
    734
    میزان امتیاز
    83

    پیش فرض

    دوست عزیز باید شما لینک هاتونو تو کد های header تعریف کنید
    مثال
    کد PHP:
    <td class="mn_menu_td1"><a href="uploader.php">آپلود سنتر</a

  5. Top | #24
    کاربر سایت

    ورژن ویبولتین
    4.2
    نوشته ها
    361
    میزان امتیاز
    45

    پیش فرض

    با بنده بودید؟! این کارو کردم. اصلا متوجه سوال من شدید؟!

  6. Top | #25
    کاربر سایت

    ورژن ویبولتین
    4.2
    نوشته ها
    734
    میزان امتیاز
    83

    پیش فرض

    نقل قول نوشته اصلی توسط alireza.pir نمایش پست ها
    با بنده بودید؟! این کارو کردم. اصلا متوجه سوال من شدید؟!
    شرمنده کد زیر رو تو هیدر پیدا کنید
    کد PHP:
    <div style="position: fixed; z-index:100; left:0px; top:200px;height:200px; float:left; width:200px;"><div 

    id
    ="mn_menu1" style="clear:both" 
    top:200px و اینو به عدد کمتری مثل 100 عوض کنید تا منو یخورده بره بالا تر تا مزاحم نباشه

    کاربر مقابل از OM!DTAK بابت این پست مفید تشکر کرده است:


  7. Top | #26
    کاربر سایت

    ورژن ویبولتین
    4.2
    نوشته ها
    361
    میزان امتیاز
    45

    پیش فرض

    نقل قول نوشته اصلی توسط OM!DTAK نمایش پست ها
    شرمنده کد زیر رو تو هیدر پیدا کنید
    کد PHP:
    <div style="position: fixed; z-index:100; left:0px; top:200px;height:200px; float:left; width:200px;"><div 

    id
    ="mn_menu1" style="clear:both" 
    top:200px و اینو به عدد کمتری مثل 100 عوض کنید تا منو یخورده بره بالا تر تا مزاحم نباشه
    ممنون از شما. باید عدد width:200px رو کمتر میکردم. دوستان دیگه هم این کارو انجام بدن تا مشکل برطرف بشه.

    من گذاشتم روی 60

    کاربر مقابل از alireza.pir بابت این پست مفید تشکر کرده است:


  8. Top | #27
    کاربر سایت

    ورژن ویبولتین
    4.2
    نوشته ها
    363
    میزان امتیاز
    42

    پیش فرض

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

    اگه بخوام یه چند تا گزینه اضافه کنیم باید چیکار کنم

  9. Top | #28
    کاربر سایت

    ورژن ویبولتین
    4.2
    نوشته ها
    185
    میزان امتیاز
    24

    پیش فرض

    نقل قول نوشته اصلی توسط mamadmatrex نمایش پست ها
    مرسی از اقا محسن بسیار خوب و عالی بود و یه نکته

    اگه بخوام یه چند تا گزینه اضافه کنیم باید چیکار کنم
    up

  10. Top | #29
    کاربر اخراجی

    ورژن ویبولتین
    Suite 4.2
    نوشته ها
    1,141
    میزان امتیاز
    0

    پیش فرض

    خیلی سادس که
    همون کد مثلا قوانین رو کپی کنید هر جایی که میخواید
    بعد اسم و لینکش رو تغییر بدید

  11. Top | #30
    کاربر سایت

    ورژن ویبولتین
    4.2
    نوشته ها
    185
    میزان امتیاز
    24

    پیش فرض

    همین کارو کردیم اما گزینه های اظافه شده درهم برهم میشه

صفحه 3 از 4 نخستنخست 1234 آخرینآخرین

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

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

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

کسانی که این مقاله را دیده اند از این مقاله ها نیز بازدید کرده اند

  1. پاسخ: 35
    آخرين نوشته: 2014/03/30, 11:21 AM
  2. پاسخ: 9
    آخرين نوشته: 2013/06/29, 08:12 PM
  3. پاسخ: 15
    آخرين نوشته: 2012/07/22, 11:15 AM
  4. پاسخ: 0
    آخرين نوشته: 2011/11/15, 02:36 PM
  5. اموزش کامل اضافه کردن زیرانجمنها در وی بی
    توسط Hamed.Ramzi در انجمن آموزش های وی بولتین
    پاسخ: 4
    آخرين نوشته: 2011/10/17, 06:33 PM

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

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

مجوز های ارسال و ویرایش

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