| alon0505 |
12-08-2013 11:00 PM |
User tab Scrolls
1 Attachment(s)
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]">  $vbphrase[welcome_x_link_y] !
</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 </font></a>|
<td class="vbmenu_control"><a href="login.php?$session[sessionurl]do=logout&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]">  $vbphrase[welcome_x_link_y] !
</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 </font></a>|
<td class="vbmenu_control"><a href="login.php?$session[sessionurl]do=logout&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.... |
More Information