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

تبلیغات در اینترنتگیفت کارت گوگل پلی
صفحه 1 از 2 12 آخرینآخرین
نمایش نتایج: از 1 به 10 از 12

مقاله: آموزش پایه ای ساخت منوی همراه ، به سبک دادپرور (بسیار محبوب و کاربردی)

    1. آموزش پایه ای ساخت منوی همراه ، به سبک دادپرور (بسیار محبوب و کاربردی) »

      آموزش پایه ای ساخت منوی همراه ، به سبک دادپرور (بسیار محبوب و کاربردی)

      نگارش: , by (کاربر سایت)
      2013/11/10 10:17 AM
      امتیاز:  (1 رای ، میانگین : 5.00 )

      باسلام خدمت شما عزیزان
      شاید بسیاری از عزیزانی که وارد انجمن دادپرور شدند ، منوی هدر را مشاهده کرده اند که پس از اسکرول کردن به پایین ، منو به سقف چسبیده و همراه شما می آید
      برای ساخت این نوع منو ها :
      ابتدا ما کد HTML منوی خود را با استفاده از لیست ها (ul) ایجاد می کنیم.
      کد PHP:
      <div>
      <
      div>
      <
      ul>
      <
      li><a href="http://www.talar.dadparvar.ir">خانه</a></li>
      <
      li><a href="http://talar.dadparvar.ir">تالار گفتگو</a></li>
      <
      li><a href="http://talar.dadparvar.ir">آپلود فایل</a></li>
      <
      li><a href="">تماس با ما</a></li>
      </
      ul>
      </
      div>
      </
      div
      سپس کد css برای ایجاد منو را به صورت زیر ایجاد می کنیم
      کد PHP:
      .nav-containerbackground:#000;} .ps-nav{ z-index: 9999; position: fixed; top: 0; width: 100%;} /* this make our menu float top */ .nav { height: 29px;} .nav ul { list-style: none; } .nav ul li{float: right; padding: 6px; border-left: 1px solid #ACACAC;} .nav ul li:first-child{ padding-right: 0;} .nav ul li a { } .nav ul li a:hover{ text-decoration: none;color:#ccc;} 
      در کد CSS ما تمامی موارد به صورت معمول می باشند. تنها class متفاوت ps-nav می باشد که تعیین می کند منو در وضعیت fixed در بالای سایت نمایش داده شود. این کد را با استفاده از jQuery فعال و غیر فعال می کنیم.
      کد PHP:
      <script type="text/javascript"> var _rys jQuery.noConflict(); _rys("document").ready(function(){  _rys(window).scroll(function () { if (_rys(this).scrollTop() > 150) { _rys('.nav-container').addClass("ps-nav"); } else { _rys('.nav-container').removeClass("ps-nav"); } });  }); </script> 
      در این کد مشخص می کنیم که اگر اسکرول سایت بیشتر از ۱۵۰ پیکسل پایین اورده شد . class مورد نظر ما یعنی ps-nav فعال شود. و در غیر اینصورت غیر فعال و حذف شود.
      فراموش نکنید که کد زیر را حتما در بخش <head> سایت خود فراخوانی کنید
      کد PHP:
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> 
      تشکر یادت نره ff
      موفق باشی


      ویرایش توسط mehdi007 : 2013/11/10 در ساعت 11:04 AM
  1. Top | #2
    کاربر اخراجی

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

    پیش فرض

    شما هیچ یک از کلاس هارو تو کد html تعریف نکردید که اصلاح کنید.

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

    ورژن ویبولتین
    4
    نوشته ها
    676
    میزان امتیاز
    78

    پیش فرض

    سلام

    چطور باید روی ویبولتین پیاده بشه؟

    کدوم کد رو کجا بذاریم؟

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

    ورژن ویبولتین
    all version
    نوشته ها
    115
    میزان امتیاز
    16

    پیش فرض

    سلام خدمت ما

    اموزش رو گزاشتم ببینید

  4. Top | #5
    کاربر ویژه

    ورژن ویبولتین
    همه ورژن ها
    نوشته ها
    1,359
    میزان امتیاز
    150

    پیش فرض

    کپی کردن کار خوبی نیست بدون ذکر نام نویسنده

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

    ورژن ویبولتین
    all version
    نوشته ها
    115
    میزان امتیاز
    16

    پیش فرض

    عزیزم اسپم علکی نزن اول

    بعدشم اجازه گرفته شده

  6. Top | #7
    کاربر ویژه

    ورژن ویبولتین
    همه ورژن ها
    نوشته ها
    1,359
    میزان امتیاز
    150

    پیش فرض

    نقل قول نوشته اصلی توسط mehdi007 نمایش پست ها
    عزیزم اسپم علکی نزن اول

    بعدشم اجازه گرفته شده
    عزیزت نیستم 1
    اسپم نبود کاملا واقعیته2
    از کی اجازه گرفتی؟3 که بدون منبع نوشتی

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

    ورژن ویبولتین
    all version
    نوشته ها
    115
    میزان امتیاز
    16

    پیش فرض

    اقا من از نویسندش اجازه گرفتم لطفا دیگر اسپم نزنید لطفا

  8. Top | #9
    کاربر ویژه

    ورژن ویبولتین
    همه ورژن ها
    نوشته ها
    1,359
    میزان امتیاز
    150

    پیش فرض

    من به نویسندش اطلاع دادم
    برای بالا بردن پست کار زیادی هست
    بای

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

    ورژن ویبولتین
    all version
    نوشته ها
    115
    میزان امتیاز
    16

    پیش فرض

    اصلا شما میناسیدش؟؟؟

صفحه 1 از 2 12 آخرینآخرین

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

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

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

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

  1. پاسخ: 35
    آخرين نوشته: 2014/03/30, 11:21 AM
  2. دو qTip بسیار زیبا ، بهینه شده ، همراه آموزش کامل + اختصاصی وی بی ایران
    توسط [email protected] در انجمن هک و آموزش های مخصوص
    پاسخ: 17
    آخرين نوشته: 2013/04/15, 10:51 PM
  3. پاسخ: 21
    آخرين نوشته: 2013/04/03, 09:39 AM
  4. پاسخ: 24
    آخرين نوشته: 2012/07/05, 09:36 PM
  5. پاسخ: 19
    آخرين نوشته: 2012/02/17, 04:44 AM

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

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

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

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