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

تبلیغات در اینترنتگیفت کارت گوگل پلی
صفحه 4 از 4 نخستنخست 1234
نمایش نتایج: از 31 به 40 از 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 | #31
    کاربر سایت

    ورژن ویبولتین
    4.2.1
    نوشته ها
    348
    میزان امتیاز
    40

    پیش فرض

    نقل قول نوشته اصلی توسط gcmc نمایش پست ها
    خیلی سادس که
    همون کد مثلا قوانین رو کپی کنید هر جایی که میخواید
    بعد اسم و لینکش رو تغییر بدید
    علاوه بر این کار باید در کدهایی هم که درون additional.css گذاشتیم هم تغییراتی ایجاد بکنیم تا ارتفاع قالب این نوار بلند تر بشه و همه ی لینکهایی که میخوایم بهش اضافه بکنیم درون همون کادر قرار بگیرن



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

    خیلی متشکرم
    ویرایش توسط mahdihosseini : 2013/02/20 در ساعت 12:51 AM دلیل: ادغام دو پست




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

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

    ورژن ویبولتین
    4.2
    نوشته ها
    301
    میزان امتیاز
    36

    پیش فرض

    ممنون

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

    ورژن ویبولتین
    4.2
    نوشته ها
    224
    میزان امتیاز
    29

    پیش فرض

    نقل قول نوشته اصلی توسط mahdihosseini نمایش پست ها
    علاوه بر این کار باید در کدهایی هم که درون additional.css گذاشتیم هم تغییراتی ایجاد بکنیم تا ارتفاع قالب این نوار بلند تر بشه و همه ی لینکهایی که میخوایم بهش اضافه بکنیم درون همون کادر قرار بگیرن



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

    خیلی متشکرم
    چطوری تغییر بدیم مثلا؟

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

    ورژن ویبولتین
    4.2.0
    نوشته ها
    320
    میزان امتیاز
    36

    پیش فرض

    تشکر . عالی بود

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

    ورژن ویبولتین
    4.2.0
    نوشته ها
    320
    میزان امتیاز
    36

    پیش فرض

    فوری !

    پس از نصبشMySQL Error دارم !
    لطفا راهنمایی کنید چیکار کنم فقط یکی از ادرسهای صفحاتم بالا میاد نمیدونم مشکل از کجاست |

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

    ورژن ویبولتین
    5
    نوشته ها
    41
    میزان امتیاز
    0

    پیش فرض

    یعنی من نمیتونم درک کنم که این حتی پلاگین هم نیست چطوری تو مشکل اس کیو ال پیدا کردی


    احتمالا کدی که تو هیدر قرار دادی رو بین یه تگ پی اچ پی ای چیزی خلاصه اشتباه قرار دادی

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

    ورژن ویبولتین
    4.2.0
    نوشته ها
    320
    میزان امتیاز
    36

    پیش فرض

    نمیدونم واااللا

  9. Top | #38
    پاسخگو و راهنمای سایت

    ورژن ویبولتین
    :|:
    نوشته ها
    3,340
    میزان امتیاز
    380

    پیش فرض

    نقل قول نوشته اصلی توسط tejarkey نمایش پست ها
    نمیدونم واااللا
    در بدترین شکل ممکن قالبتون بهم میریزه با این کد
    مشکل جای دیگه اس دوست عزیز

  10. Top | #39
    کاربر سایت

    ورژن ویبولتین
    3 و 4
    نوشته ها
    546
    میزان امتیاز
    61

    پیش فرض

    سلام
    چه جوری میتونم کمی پایین تر بیارمش
    یعنی الان سمت چپ هست و از بالا 15سانتی فاصله داره
    میخوام بیارمش وسط تر
    و
    چه جوری میشه بیارمش سمت راست صفحه ؟

    ممنون

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

    ورژن ویبولتین
    5
    نوشته ها
    1
    میزان امتیاز
    0

    پیش فرض

    خیلی خوب بود مرسی

صفحه 4 از 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)

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

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