Go Back   vb.org Archive > vBulletin Modifications > vBulletin 3.8 Modifications > vBulletin 3.8 Template Modifications
Reload this Page Forum Home Enhancements - User tab Scrolls
FAQ Community Calendar Today's Posts Search

Reply
 
Thread Tools
User tab Scrolls Details »»
User tab Scrolls
MOD Information
The Developer
 
Version: 1.00, by alon0505 alon0505 is offline
Developer Last Online: Oct 2014 Show Printable Version Email this Page
Category: Forum Home Enhancements - Version: 3.8.4 Rating:
Released: 12-08-2013 Last Update: Never Installs: 2
Template Edits
Translations Is in Beta Stage  
No support by the author.

Hello all, first i am sorry about my bad english ...

On this video you can to see the mod in action :

https://www.youtube.com/watch?v=aVPRU0cLxRo

all what you need to do is add some lines in hader :

Code:
<style>
.bartafrit{
position:fixed;
top:0px;
width:100%;
background: #45484d; /* Old browsers */
background: -moz-linear-gradient(top, #45484d 13%, #0f0f0f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(13%,#45484d), color-stop(100%,#0f0f0f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #45484d 13%,#0f0f0f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #45484d 13%,#0f0f0f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #45484d 13%,#0f0f0f 100%); /* IE10+ */
background: linear-gradient(to bottom, #45484d 13%,#0f0f0f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#0f0f0f',GradientType=0 ); /* IE6-9 */
height: 24px; opacity: 1;
color:white;
text-align:right;
}
.bartafrit strong {
font-size: 17px;
position: relative;
top: 9px;
right: 13px;
}
.bartafrit a{
color:white;
}
.bartafrit a:hover{
color:lightblue;
}
.bartafrit power {
position: relative;
top: 3px;
right: 7px;
font-size: 11px;
font-weight: bold;
}
</style>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> 

<script type="text/javascript">

jQuery.noConflict();

jQuery(document).ready(function($)
{
   
    $('#MyLogin input[name="url"]').attr("value", window.location);

    $('a[name="My"]').on('click', function(event)
    {
        event.preventDefault();
        
        var target = $(this).attr('rel');
        
        var maskHeight = $(document).height();
        var maskWidth = $(window).width();
        $('#mask').css({'width': maskWidth, 'height': maskHeight});
        $('#mask').fadeIn(1000);    
        $('#mask').fadeTo("slow", 0.8);  
                
        var winH = $(window).height();
        var winW = $(window).width();
        $(target).css('top',  (winH / 2) - ($(target).height() / 2));
        $(target).css('left', (winW / 2) - ($(target).width() / 2));
        $(target).fadeIn(2000); 
    });
    
    $('.MyBox a[rel="closeMy"]').on('click', function(event)
    {
        event.preventDefault();
        $('#mask, .MyBox').hide();
    }); 
    
    $('#mask').on('click', function ()
    {
        $(this).hide();
        $('.MyBox').hide();
    }); 

});
</script> 
<style type="text/css">
#mask {
    position: absolute;
    z-index: 9010;
    background-color: #000000;
    display: none;
    top: 0;
    left: 0;
}

.MyBox {
    position: fixed;
    width: 440px;
    display: none;
    z-index: 9015;
    background: #ffffff;
    border: 1px solid #000000;
    -webkit-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.81);
    -moz-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.81);
    box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.81);
}
    .MyBox .thead {
        font-weight: bold;
}
    .MyBox .MyContent {
        padding: 5px 10px;
}
.topimg {
background-image:url('images/top.gif');repeat-x left top;
height: 27px;
} 
.posi {
    position: relative; 
    top: 5px;
    left: 6px;
}
</style>

<div class="bartafrit">

<!-- login form -->
<div class="right"><div style=" margin-top: -4px">
<if condition="$show['guest']">
		<form action="login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, 0)">
		<script type="text/javascript" src="clientscript/vbulletin_md5.js?v=383"></script>
		<table cellpadding="0" cellspacing="3" border="0">
		<tr>
			<td class="smallfont" style="white-space: nowrap;"><label for="navbar_username">User Name</label>
			<input type="text" class="bginput" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="username" onfocus="if (this.value == 'username') this.value = '';" />
<label for="navbar_password">PassWord</label>
			<input type="password" class="bginput" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" tabindex="102" />
			<label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" />Remember me?</label>
		
		
			
			<input type="submit" class="button" value="Login" tabindex="104" title="Enter your username and your pass word or sign up now." accesskey="s" /></td>
		</tr>
		</table>
		<input type="hidden" name="s" value="" />
		<input type="hidden" name="securitytoken" value="guest" />
		<input type="hidden" name="do" value="login" />
		<input type="hidden" name="vb_login_md5password" />
		<input type="hidden" name="vb_login_md5password_utf" />
		</form></if></div></div>
		<!-- / login form -->

<b>
<if condition="$show['member']">
<font size="2">
<div style="text-align: right; margin-left:auto; margin-left:auto; margin-left:72px; margin-top: 2px;">
<phrase 1="$bbuserinfo[username]" 2="member.php?$session[sessionurl]u=$bbuserinfo[userid]">&nbsp&nbsp$vbphrase[welcome_x_link_y]&nbsp;!&nbsp;
</phrase>
<if condition="$show['notifications']">
<span id="notifications"><a href="usercp.php$session[sessionurl_q]">$vbphrase[your_notifications]:</a> 
$notifications_total
</span>
</if>
$notification_list_template
   <if condition="$show['popups']">
    <script type="text/javascript"> vBmenu.register("notifications"); </script>
   <else />
    <script type="text/javascript" src="clientscript/vbulletin_notifications_nopopups.js?v=$vboptions[simpleversion]"></script>
    <script type="text/javascript"> vBulletin.register_control("vB_Notifications_NoPopups", "notifications");  </script>
   </if>
</div>

<div style="text-align:left; margin-left:auto; margin-left:auto; margin-left: 25px; margin-top: -15px">
<a href="usercp.php"><font face="Tahoma">User Cp&nbsp;</font></a>|

			<td class="vbmenu_control"><a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')">$vbphrase[log_out]</a></td>
		</if>
</font></div>
<!-- alon -->
<if condition="$show['member']">
<ul class="alert_icons"><div style="position: absolute;
margin-right: -577px;
margin-top: -22px;">          
<li>
    <if condition="$bbuserinfo[pmunread]">
</if>
 </li>
</if>
</li>                                                     
</ul>
</b>


<!-- /alon -->
</div></div></div>
add it in header: start (top) or below the logo

have on the user tab ^ login for guest if are you dosent want the login :

Code:

	
Code:

	
<style>
.bartafrit{
position:fixed;
top:0px;
width:100%;
background: #45484d; /* Old browsers */
background: -moz-linear-gradient(top, #45484d 13%, #0f0f0f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(13%,#45484d), color-stop(100%,#0f0f0f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #45484d 13%,#0f0f0f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #45484d 13%,#0f0f0f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #45484d 13%,#0f0f0f 100%); /* IE10+ */
background: linear-gradient(to bottom, #45484d 13%,#0f0f0f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#0f0f0f',GradientType=0 ); /* IE6-9 */
height: 24px; opacity: 1;
color:white;
text-align:right;
}
.bartafrit strong {
font-size: 17px;
position: relative;
top: 9px;
right: 13px;
}
.bartafrit a{
color:white;
}
.bartafrit a:hover{
color:lightblue;
}
.bartafrit power {
position: relative;
top: 3px;
right: 7px;
font-size: 11px;
font-weight: bold;
}
</style>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> 

<script type="text/javascript">

jQuery.noConflict();

jQuery(document).ready(function($)
{
   
    $('#MyLogin input[name="url"]').attr("value", window.location);

    $('a[name="My"]').on('click', function(event)
    {
        event.preventDefault();
        
        var target = $(this).attr('rel');
        
        var maskHeight = $(document).height();
        var maskWidth = $(window).width();
        $('#mask').css({'width': maskWidth, 'height': maskHeight});
        $('#mask').fadeIn(1000);    
        $('#mask').fadeTo("slow", 0.8);  
                
        var winH = $(window).height();
        var winW = $(window).width();
        $(target).css('top',  (winH / 2) - ($(target).height() / 2));
        $(target).css('left', (winW / 2) - ($(target).width() / 2));
        $(target).fadeIn(2000); 
    });
    
    $('.MyBox a[rel="closeMy"]').on('click', function(event)
    {
        event.preventDefault();
        $('#mask, .MyBox').hide();
    }); 
    
    $('#mask').on('click', function ()
    {
        $(this).hide();
        $('.MyBox').hide();
    }); 

});
</script> 
<style type="text/css">
#mask {
    position: absolute;
    z-index: 9010;
    background-color: #000000;
    display: none;
    top: 0;
    left: 0;
}

.MyBox {
    position: fixed;
    width: 440px;
    display: none;
    z-index: 9015;
    background: #ffffff;
    border: 1px solid #000000;
    -webkit-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.81);
    -moz-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.81);
    box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.81);
}
    .MyBox .thead {
        font-weight: bold;
}
    .MyBox .MyContent {
        padding: 5px 10px;
}
.topimg {
background-image:url('images/top.gif');repeat-x left top;
height: 27px;
} 
.posi {
    position: relative; 
    top: 5px;
    left: 6px;
}
</style>

<div class="bartafrit">
<b>
<if condition="$show['member']">
<font size="2">
<div style="text-align: right; margin-left:auto; margin-left:auto; margin-left:72px; margin-top: 2px;">
<phrase 1="$bbuserinfo[username]" 2="member.php?$session[sessionurl]u=$bbuserinfo[userid]">&nbsp&nbsp$vbphrase[welcome_x_link_y]&nbsp;!&nbsp;
</phrase>
<if condition="$show['notifications']">
<span id="notifications"><a href="usercp.php$session[sessionurl_q]">$vbphrase[your_notifications]:</a> 
$notifications_total
</span>
</if>
$notification_list_template
   <if condition="$show['popups']">
    <script type="text/javascript"> vBmenu.register("notifications"); </script>
   <else />
    <script type="text/javascript" src="clientscript/vbulletin_notifications_nopopups.js?v=$vboptions[simpleversion]"></script>
    <script type="text/javascript"> vBulletin.register_control("vB_Notifications_NoPopups", "notifications");  </script>
   </if>
</div>

<div style="text-align:left; margin-left:auto; margin-left:auto; margin-left: 25px; margin-top: -15px">
<a href="usercp.php"><font face="Tahoma">User Cp&nbsp;</font></a>|

			<td class="vbmenu_control"><a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')">$vbphrase[log_out]</a></td>
		</if>
</font></div>
<!-- alon -->
<if condition="$show['member']">
<ul class="alert_icons"><div style="position: absolute;
margin-right: -577px;
margin-top: -22px;">          
<li>
    <if condition="$bbuserinfo[pmunread]">
</if>
 </li>
</if>
</li>                                                     
</ul>
</b>


<!-- /alon -->
</div></div></div>
happy for replys is my firest mod....

Show Your Support

  • This modification may not be copied, reproduced or published elsewhere without author's permission.

Comments
  #2  
Old 12-11-2013, 06:40 AM
sodasusu sodasusu is offline
 
Join Date: Aug 2011
Posts: 68
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
i cannt see video .. lol
Reply With Quote
  #3  
Old 12-11-2013, 12:09 PM
v123shine v123shine is offline
 
Join Date: Sep 2008
Posts: 242
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
+1 agan Sodasusu

Screenshot, please!!
Reply With Quote
Reply

« Previous Thread | Next Thread »

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT. The time now is 02:25 PM.

Contact Us - Archive - Top

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.03606 seconds
  • Memory Usage 2,255KB
  • Queries Executed 17 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (3)bbcode_code
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)modsystem_post
  • (1)navbar
  • (4)navbar_link
  • (120)option
  • (3)post_thanks_box
  • (3)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (3)post_thanks_postbit_info
  • (2)postbit
  • (3)postbit_onlinestatus
  • (3)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 
Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 
Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • fetch_musername
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete