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

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

مقاله: آموزش متحرک کردن Navbar همانند یاهو (برای اولین بار در VBiran)

    1. آموزش متحرک کردن Navbar همانند یاهو (برای اولین بار در VBiran) »

      آموزش متحرک کردن Navbar همانند یاهو (برای اولین بار در VBiran)

      نگارش: , by (مدیر بازنشسته)
      2013/05/13 04:34 PM
      امتیاز: 

      نمونه رو میتونید در یاهو ببنید :

      Yahoo!

      به قالب headinclude_bottom اضافه کنید :

      کد:
      <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
      <script type="text/javascript">
      function sticky_relocate(){var window_top = $(window).scrollTop();var div_top = $('.above_body').offset().top +130;if (window_top > div_top){$('#stickyBar').addClass('stick');} else {$('#stickyBar').removeClass('stick');}}$(function(){$(window).scroll(sticky_relocate);sticky_relocate();});</script>
      در additional.css بزنید :

      کد:
      #stickyBar.stick {
        position: fixed;
        top: 0;
        z-index: 10000;
        width:1200px;
        height:59px;
        margin:0 auto;
        background: #247FB2;
        border-radius: 0 0 0.5em 0.5em;
        display: block;
      }

      حالا در قالب navbar باید کدی قرار بدید تا کار کنه ، اما برای هر قالبی متفاوت خواهد بود ، مثلا برای default ویبولتین :

      این کد رو پیدا کنید :

      کد:
      <div id="navbar" class="navbar">
      بعدش بزنید :

      کد:
      <div id="stickyBar">
      شات پیوست شد ، اگر برای شما کار نکرد کد های navbar رو اینجا قرار بدید

      همینطور برای تغییر ظاهر این قسمت باید کد هایی که در additional.css قرار میدید رو تغییر دهید
  1. Top | #21
    کاربر سایت

    ورژن ویبولتین
    Latest
    نوشته ها
    187
    میزان امتیاز
    26

    پیش فرض

    سلام

    دوستان بنده از این آموزش روی قالب دیفالت اسفاده میکنم.

    اگر سایز doc قابت باشه مشکلی نیست. اما بنده از حالت auto برای doc استفاده میکنم. برای تنظیم عرض navbar چه کدی رو باید در این قسمت عوض کنم؟


    #stickyBar .stick { position: fixed; top: 0; z-index: 10000; width:1200px; height:59px; margin:0 auto; background: #247FB2 ; border-radius: 0 0 0.5em 0.5em; display: block; }

    در قسمت قرمز رنگ باید چی بنویسم تا با عرض اتوماتیک هماهنگ بشه؟

    متشکرم




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

صفحه 3 از 3 نخستنخست 123

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

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

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

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

  1. درخواست اموزش [How To] Upgrading your navbar in custom skin from 4.x to 4.2
    توسط V2PCT در انجمن درخواست از vBulletin.org
    پاسخ: 2
    آخرين نوشته: 2012/12/30, 11:20 PM
  2. درخواست آموزش کوچک در navbar
    توسط Chartab Download در انجمن پرسش و پاسخ
    پاسخ: 13
    آخرين نوشته: 2012/06/15, 11:16 AM
  3. پاسخ: 12
    آخرين نوشته: 2012/04/20, 01:36 AM
  4. پاسخ: 1
    آخرين نوشته: 2011/06/06, 10:56 PM

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

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

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

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