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

تبلیغات در اینترنتگیفت کارت گوگل پلی
نمایش نتایج: از 1 به 6 از 6

موضوع: سوال : شناور کردن منوی بالای هدر قالب Modeling و چسباندن آن به بالا مرورگر

  1. Top | #1
    کاربر سایت

    تاریخ عضویت
    Aug 2010
    ورژن ویبولتین
    3.8.4
    نوشته ها
    842
    مورد پسند
    151 بار
    اطلاعات
    Windows 7/Server 2008 R2 Firefox 34.0
    میزان امتیاز
    93

    پیش فرض سوال : شناور کردن منوی بالای هدر قالب Modeling و چسباندن آن به بالا مرورگر

    با سلام

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

    ممنون میشم این آموزش رو برای این قالب قرار دهید

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





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

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

    تاریخ عضویت
    Aug 2010
    ورژن ویبولتین
    3.8.4
    نوشته ها
    842
    مورد پسند
    151 بار
    اطلاعات
    Windows 7/Server 2008 R2 Firefox 34.0
    میزان امتیاز
    93

    پیش فرض

    یادآوری

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

    تاریخ عضویت
    Aug 2010
    ورژن ویبولتین
    3.8.4
    نوشته ها
    842
    مورد پسند
    151 بار
    اطلاعات
    Windows 7/Server 2008 R2 Firefox 34.0
    میزان امتیاز
    93

    پیش فرض

    منوی من در هدر :
    کد PHP:
    <div id="page1" name="page1" class="top">
    <
    ul class="topf">
    <
    li><a href="index.php"><class="icon-home"></iخانه</a></li>
    <
    li><a href="search.php?do=getnew&contenttype=vBForum_Post">آخرین ارسال ها</a></li>
    <
    li><class="gotop5" href="#form_rsend">تماس با ما</a></li>
    {
    vb:raw template_hook.molding_links.menu}
    </
    ul>
    <
    div class="search_box">
    <
    form method="get" action="http://173.194.65.102/search" target="_blank">
    <
    div title="کلمه مورد نظر خود را وارد کرده و اینتر بزنید." style="margin-top: 1px;"><span class="icon-search"></span></div><input type="text" name="q" tabindex="99" placeholder="جستجو توسط گوگل" />
    <
    input type="hidden" name="sitesearch" value="{vb:raw template_hook.molding_url}" id="pn">
    <
    input type="hidden" name="do" value="process">
    </
    form>
    </
    div>
    </
    div
    CSS من :

    کد PHP:

     
    .topf li,.visabl,.window-container{font-family:Yekan,Calibri}.top{position:relative;background:#232b38;height:46px;padding:0 3em;box-shadow:0 4px rgba(13,43,69,0.18);z-index:1}.top:before{top:0}.top:after{bottom:2px}.top:after,.top:before{background:url(images/molding2-1/images/top_line.png);width:100%;height:2px;right:0;opacity:.6}.top ul{float:right;margin-top:13px}.top ul li{position:relative;display:inline-block;float:right;padding:0 .83em;font-size:15px;border-left:1px solid #39404d;text-shadow:1px 1px rgba(0,0,0,0.78)}.top ul li a{position:relative;z-index:5;color:#f6ff00}.top ul li:after{height:18px;width:1px;background:#151b25;left:0}.top ul li:last-child{border-left:0}.top ul li:last-child:after{background:0}.top ul li a:after{top:13px;right:1.4em;width:98%;height:86%;background:rgba(4,22,42,0.25);margin:0 -1em;z-index:-1}.top ul:after{width:100%;height:42px;background:url(images/molding2-1/images/sprite01.png) no-repeat;background-position:center 0;right:0;top:0;opacity:.6}.search_box{position:relative;z-index:10;float:left;width:200px;margin-top:8px}[class^="icon-"]:before,[class*=" icon-"]:before{font-family:"csicon";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em} 
    کدی که در قسمت هدر میزنم

    کد PHP:

    <head>
        
     <
    script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>  

    <script type="text/javascript"> var _rys = jQuery.noConflict(); _rys("document").ready(function(){  _rys(window).scroll(function () { if (_rys(this).scrollTop() > 150) { _rys('.window-container').addClass("topf"); } else { _rys('.window-container').removeClass("topf"); } });  }); </script>  


     </head> 
    دوستان ممنون میشم راهنمایی کنید

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

    تاریخ عضویت
    Aug 2010
    ورژن ویبولتین
    3.8.4
    نوشته ها
    842
    مورد پسند
    151 بار
    اطلاعات
    Windows 7/Server 2008 R2 Firefox 34.0
    میزان امتیاز
    93

    پیش فرض

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

  6. Top | #5
    مدیر ارشد

    تاریخ عضویت
    Jul 2012
    ورژن ویبولتین
    :-|
    نوشته ها
    2,909
    مورد پسند
    4,494 بار
    نوشته های وبلاگ
    1
    اطلاعات
    Windows NT 6.3 Chrome 39.0.2171.95
    میزان امتیاز
    385

    پیش فرض

    درود ؛

    آدرس سایت؟



  7. Top | #6
    کاربر اخراجی

    تاریخ عضویت
    Sep 2014
    ورژن ویبولتین
    4.2.2
    نوشته ها
    283
    مورد پسند
    140 بار
    اطلاعات
    Windows NT 6.3 Firefox 34.0
    میزان امتیاز
    0

    پیش فرض

    ساخت Sticky Menu یا منوی چسبنده با استفاده از جی کوئری و سی اس اس 3 | webtarget

    اگه تونستی انجام بدی اینجا بگو ما هم انجام بدیم

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

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

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

موضوعات مشابه

  1. مشکل با قالب modeling
    توسط Mostafa74 در انجمن پرسش و پاسخ
    پاسخ: 1
    آخرين نوشته: 2014/05/06, 06:48 PM
  2. سوالات مهم من در رابطه با استایل modeling کمک کنید
    توسط King Tired در انجمن پرسش و پاسخ
    پاسخ: 2
    آخرين نوشته: 2014/02/19, 08:25 PM
  3. سوال درباره نصب vbseo روی ویبولتین 4.2.2 سوئیت
    توسط arvah در انجمن پرسش و پاسخ
    پاسخ: 3
    آخرين نوشته: 2013/12/20, 05:34 AM
  4. پاسخ: 13
    آخرين نوشته: 2012/02/06, 12:38 AM

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

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

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

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