vBulletin LTS

← Back to vBulletin 3.8 Template Modifications

User tab Scrolls
Mod Version: 1.00, by alon0505
vB Version: 3.8.4 Rating: (0 vote - 0 average) Installs: 2
Released: 10 Dec 2013 Last Update: Never Downloads: 0
Not Supported Template Edits Translations Is in Beta Stage  

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....

Download

No files for download.


vblts.ru supports vBulletin®, 2022-2024