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

تبلیغات در اینترنتگیفت کارت گوگل پلی
صفحه 1 از 3 123 آخرینآخرین
نمایش نتایج: از 1 به 10 از 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 قرار میدید رو تغییر دهید
      تصاویر پیوست شده
      • نوع فایل: png 1.png (24.8 کیلو بایت, 291 نمایش)
      • نوع فایل: png 2.png (24.2 کیلو بایت, 322 نمایش)
  1. Top | #2
    کاربر سایت

    ورژن ویبولتین
    4.2.0
    نوشته ها
    222
    میزان امتیاز
    30

    پیش فرض

    دقیقا کجا میشه؟

    2 تشکر توسط:


  2. Top | #3

  3. Top | #4

  4. Top | #5

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

    ورژن ویبولتین
    4.2
    نوشته ها
    62
    میزان امتیاز
    12

    پیش فرض

    ممنون
    برای من رو اگه میشه ویرایش کنید ، چون تغییری ندیدم داخلش
    کد:
    <div id="navbar" class="navbar"><div id="stickyBar">
    <div class="navLeft"><div class="navRight"><div class="navWrap">
        <ul id="navtabs" class="navtabs floatcontainer<vb:if condition="$show['member'] AND $notifications_total"> notify</vb:if>">
            {vb:raw template_hook.navtab_start}
            {vb:raw navigation}
            {vb:raw template_hook.navtab_end}
        </ul>
        <vb:if condition="$vboptions['enablesearches']">
                    <div class="searchBox">
                <!-- search form -->
                <form method="post" action="search.php?do=process">
                
                <input type="hidden" value="guest" name="securitytoken">
                <input type="hidden" value="process" name="do">
                    <div class="searchBoxInput">
                        <input type="text" onblur="if (this.value == '') this.value = 'جستجو کنید...';" onfocus="if (this.value == 'جستجو کنید...') this.value = '';" value="جستجو کنید..." tabindex="1004" name="query" class="searchinput">
                    </div>
                    <div class="searchButton">
                        <input type="image" alt="Submit" value="Search" src="http://www.vbiran.ir/images/styles/TheBeaconLight/style/searchButton.png">
                    </div>
                </form>
                <!-- / search form -->
          </div>      </div>
    </vb:if>
        
    </div></div></div>
    </div>
    </div></div>
    <div id="contentBody"><div class="pageWrap">
    
    <vb:if condition="$show['member']">
    <div class="floatcontainer doc_header header_loggedin" id="header"> 
                    <a id="logo" href="{vb:link forumhome}" name="top"><img alt="{vb:raw vboptions.bbtitle}" src="http://www.vbiran.ir/images/styles/TheBeaconLight/style/logo.png" title="{vb:raw vboptions.bbtitle}"></a>
    <div id="toplinks" class="toplinks">
    <ul class="isuser">
    <div class="memberBar">
    <div class="memberBarLeft"><div class="memberBarRight"><div class="memberBarWrap">
                    <li><a href="login.php?{vb:raw session.sessionurl}do=logout&amp;logouthash={vb:raw bbuserinfo.logouthash}" onclick="return log_out('{vb:rawphrase sure_you_want_to_log_out}')">{vb:rawphrase log_out}</a></li>
                    <vb:if condition="$show['registerbutton']">
                    <li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase register}</a></li>
                    </vb:if>
                    <li><a href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase user_control_panel}</a></li>
                    <li><a href="{vb:link member, {vb:raw bbuserinfo}}">{vb:rawphrase your_profile}</a></li>
                    <vb:if condition="$notifications_total">
                    <li class="popupmenu notifications" id="notifications">
                        <a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}: <span class="notifications-number"><strong>{vb:raw notifications_total}</strong></span></a>
                        <ul class="popupbody popuphover">
                            {vb:raw notifications_menubits}
                        </ul>
                    </li>
                    <vb:else />
                    <li class="popupmenu nonotifications" id="nonotifications">
                        <a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}</a>
                        <ul class="popupbody popuphover">
                            <li>{vb:rawphrase no_new_messages}</li>
                            <vb:if condition="$show['pmmainlink']"><li><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></li></vb:if>
                        </ul>
                    </li>
                    </vb:if>
                    <li class="welcomelink">{vb:rawphrase welcome_x_link_y, {vb:raw bbuserinfo.username}, {vb:link member, {vb:raw bbuserinfo}}}</li>
                    <vb:if condition="$vboptions['enablefacebookconnect']">
                        {vb:raw facebook_header}
                    </vb:if>
                </ul>
    </div>            
    </vb:if>
     <vb:if condition="$show['guest']">
    <div class="above_body"> <!-- closing tag is in template navbar -->
    <div class="floatcontainer doc_header" id="header"> 
    <a id="logo" href="{vb:link forumhome}" name="top"><img alt="{vb:raw vboptions.bbtitle}" src="http://www.vbiran.ir/images/styles/TheBeaconLight/style/logo.png" title="{vb:raw vboptions.bbtitle}"></a>
                    <div id="loginBox">
                        <!-- login form -->
                        <script src="clientscript/vbulletin_md5.js?v=420" type="text/javascript"></script>
                        <form onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, 0)" method="post" action="login.php?do=login" id="navbar_loginform">
                            <ul>
                                <li><div class="loginBoxInput"><input type="text" value="نام کاربری" tabindex="101" accesskey="u" size="10" id="navbar_username" name="vb_login_username" class="loginInput default-value" style="color: rgb(119, 119, 119);"></div></li>
                                <li><div class="loginBoxInput"><input type="password" size="10" id="navbar_password" name="vb_login_password" tabindex="102" class="loginInput" style="display: none;">
                        <input type="text" style="display: inline;" value="گذرواژه" size="10" id="navbar_password_hint" name="vb_login_password_hint" tabindex="102" class="loginInput default-value"></div></li>
                            </ul>
                                <div class="bottomBox clearfix">
                                    <ul>
                                        <li class="rememberMe"><label for="cb_cookieuser_navbar"><input type="checkbox" tabindex="103" accesskey="c" class="cb_cookieuser_navbar" id="cb_cookieuser_navbar" value="1" name="cookieuser"> ذخیره گذرواژه ؟ </label></li>
                                        <li class="loginButton"><input type="image" accesskey="s" title="{vb:rawphrase enter_username_to_login_or_register}" value="Log in" tabindex="104" src="http://www.vbiran.ir/images/styles/TheBeaconLight/style/loginButton.png"></li>
                                    </ul>                            
                                </div>
                    <input type="hidden" value="" name="s">
                    <input type="hidden" value="guest" name="securitytoken">
                    <input type="hidden" value="login" name="do">
                    <input type="hidden" name="vb_login_md5password">
                    <input type="hidden" name="vb_login_md5password_utf">
                </form>
                <script type="text/javascript">
                YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline");
                YAHOO.util.Dom.setStyle('navbar_password', "display", "none");
                vB_XHTML_Ready.subscribe(function()
                {
                //
                    YAHOO.util.Event.on('navbar_username', "focus", navbar_username_focus);
                    YAHOO.util.Event.on('navbar_username', "blur", navbar_username_blur);
                    YAHOO.util.Event.on('navbar_password_hint', "focus", navbar_password_hint);
                    YAHOO.util.Event.on('navbar_password', "blur", navbar_password);
                });
                
                function navbar_username_focus(e)
                {
                //
                    var textbox = YAHOO.util.Event.getTarget(e);
                    if (textbox.value == 'نام کاربری')
                    {
                    //
                        textbox.value='';
                        textbox.style.color='#000000';
                    }
                }
    
                function navbar_username_blur(e)
                {
                //
                    var textbox = YAHOO.util.Event.getTarget(e);
                    if (textbox.value == '')
                    {
                    //
                        textbox.value='نام کاربری';
                        textbox.style.color='#777777';
                    }
                }
                
                function navbar_password_hint(e)
                {
                //
                    var textbox = YAHOO.util.Event.getTarget(e);
                    
                    YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "none");
                    YAHOO.util.Dom.setStyle('navbar_password', "display", "inline");
                    YAHOO.util.Dom.get('navbar_password').focus();
                }
    
                function navbar_password(e)
                {
                //
                    var textbox = YAHOO.util.Event.getTarget(e);
                    
                    if (textbox.value == '')
                    {
                        YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline");
                        YAHOO.util.Dom.setStyle('navbar_password', "display", "none");
                    }
                }
                </script>
                        <!-- / login form -->
                    
                        <a id="buttonRegister" rel="nofollow" href="register.php"><img alt="ثبت نام" src="http://www.vbiran.ir/images/styles/TheBeaconLight/style/button-register.png" title="ثبت نام"></a>
                    
                        <div id="buttonLoginPanel"><img alt="ورود" src="http://www.vbiran.ir/images/styles/TheBeaconLight/style/button-loginpanel.png" title="کنترل پنل ورود"></div>
                        <a id="buttonPassword" href="login.php?do=lostpw"><img alt="گذرواژه را فراموش کردید ؟" src="http://www.vbiran.ir/images/styles/TheBeaconLight/style/button-password.png" title="گذرواژه را فراموش کردید ؟"></a>
    
    <ul>
    </ul></ul></div>
    </div>
    </vb:if>
                    
    </div><!-- closing div for above_body -->
    
    
    <div class="body_wrapper">
    <div class="breadcrumb" id="breadcrumb">
    <div class="bcLeft"><div class="bcRight"><div class="bcWrap">
    
        <ul class="floatcontainer">
            <li class="navbithome"><a href="index.php{vb:raw session.sessionurl_q}" accesskey="1"><img src="{vb:stylevar imgdir_misc}/navbit-home.png" alt="{vb:rawphrase home}" /></a></li>
            {vb:raw navbits.breadcrumb}
            {vb:raw navbits.lastelement}
        </ul>
        <hr>
    </div></div></div>
    </div>
    
    <div id="contentMain">
    <!-- Custom Content Wrap End -->
    
    {vb:raw ad_location.ad_navbar_below}
    {vb:raw ad_location.global_below_navbar}
    
    <vb:if condition="$show['notices'] AND THIS_SCRIPT != 'register'">
        <form action="profile.php?do=dismissnotice" method="post" id="notices" class="notices">
            <input type="hidden" name="do" value="dismissnotice" />
            <input type="hidden" name="s" value="{vb:raw session.sessionurl}" />
            <input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
            <input type="hidden" id="dismiss_notice_hidden" name="dismiss_noticeid" value="" />
            <input type="hidden" name="url" value="{vb:raw return_link}" />
            <ol>
                {vb:raw notices}
            </ol>
        </form>
    </vb:if>

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


  6. Top | #7

    پیش فرض

    یکم کد ها بهم ریخته ، اسم استایل رو بگید خودم براتون کد هاشو میذارم

    کاربر مقابل از [email protected] بابت این پست مفید تشکر کرده است:


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

    ورژن ویبولتین
    4.2
    نوشته ها
    62
    میزان امتیاز
    12

    پیش فرض

    قالب TheBeaconLight

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


  8. Top | #9

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

    ورژن ویبولتین
    4.2
    نوشته ها
    62
    میزان امتیاز
    12

    پیش فرض

    هر جا میذارم جواب نمیده ، بهتره کلا ناو رو حذف کنم یدونه جدید بذارم

    __________ edit

    متاسفم ، من جاوااسکریپت فایرفاکس رو غیر فعال کرده بودم حواسم نبود ، الان متوجه این موضوع شدم
    ویرایش توسط wordpress : 2013/05/14 در ساعت 12:04 AM

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


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

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

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