2013-07-22, 03:09 AM
I have a fixed header with a network tab created using jquery and work just fine having it inside of the "Header" template.
I am trying to make a login form on the other side of the network tab (on the fixed header bar though) and copied my setting from my network tab jquery and it won't show up. I created it inside of header_welcomeblock_guest but I included it inside the (Fixed_Header) div so that it will place it into the fixed header. It won't show up.
HeaderInclude:
header_welcomeblock_guest:
CSS: (Copied from the network tab and move the margin to right.)
If you want to see it in an image version.
HeaderInclude: http://gyazo.com/cbbb90e882585b717df0454888ec65e0
Header_Welcomeblock_Guest: http://gyazo.com/2410d5e55d28fa101a268052832bccd4
CSS: http://gyazo.com/9082f87036e2154d6f398162ca5bd0cd
Website: http://www.ComingSoon.VisualizeEdits.com/
I am trying to make a login form on the other side of the network tab (on the fixed header bar though) and copied my setting from my network tab jquery and it won't show up. I created it inside of header_welcomeblock_guest but I included it inside the (Fixed_Header) div so that it will place it into the fixed header. It won't show up.
HeaderInclude:
<link rel="alternate" type="application/rss+xml" title="{$lang->latest_threads} (RSS 2.0)" href="{$mybb->settings['bburl']}/syndication.php" />
<link rel="alternate" type="application/atom+xml" title="{$lang->latest_threads} (Atom 1.0)" href="{$mybb->settings['bburl']}/syndication.php?type=atom1.0" />
<meta http-equiv="Content-Type" content="text/html; charset={$charset}" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/prototype.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/general.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/popup_menu.js?ver=1600"></script>
<script type="text/javascript">
if (typeof jQuery == 'undefined') {
document.write(unescape("%3Cscript src='http://code.jquery.com/jquery-1.7.2.min.js' type='text/javascript'%3E%3C/script%3E"));
}
</script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function(){
jQuery(".network").click(function() { jQuery('.network-slide').slideToggle('fast'); }); });
</script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function(){
jQuery(".login").click(function() { jQuery('.login-slide').slideToggle('fast'); }); });
</script>
{$stylesheets}
<script type="text/javascript">
<!--
var cookieDomain = "{$mybb->settings['cookiedomain']}";
var cookiePath = "{$mybb->settings['cookiepath']}";
var cookiePrefix = "{$mybb->settings['cookieprefix']}";
var deleteevent_confirm = "{$lang->deleteevent_confirm}";
var removeattach_confirm = "{$lang->removeattach_confirm}";
var loading_text = '{$lang->ajax_loading}';
var saving_changes = '{$lang->saving_changes}';
var use_xmlhttprequest = "{$mybb->settings['use_xmlhttprequest']}";
var my_post_key = "{$mybb->post_code}";
var imagepath = "{$theme['imgdir']}";
// -->
</script>
{$newpmmsg}
header_welcomeblock_guest:
<script type="text/javascript">
<!--
lang.username = "{$login_username}";
lang.password = "{$lang->login_password}";
lang.login = "{$lang->login}";
lang.lost_password = " — <a href=\"{$mybb->settings['bburl']}/member.php?action=lostpw\">{$lang->lost_password}<\/a>";
lang.register_url = " — <a href=\"{$mybb->settings['bburl']}/member.php?action=register\">{$lang->welcome_register}<\/a>";
lang.remember_me = "{$lang->remember_me}";
// -->
</script>
<div id="fixed_header">
<div class="login">
<div class="login-slide" style="display: none;">
<h3>VisualizeEdits</h3>
<ul>
<li><img src="images/VEPlus_Green.png" valign="middle" height="19" width="43"><a href="#">Central</a></li>
<li><img src="images/VEPlus_Cyan.png" valign="middle" height="19" width="43"><a href="#">Gaming</a></li>
<li><img src="images/VEPlus_Orange.png" valign="middle" height="19" width="43"><a href="#">Coding</a></li>
<li><img src="images/VEPlus_Pink.png" valign="middle" height="19" width="43"><a href="#">Dev</a></li>
<li><img src="images/VEPlus_Purple.png" valign="middle" height="19" width="43"><a href="#">Graphics</a></li>
<li><img src="images/VEPlus_Yellow.png" valign="middle" height="19" width="43"><a href="#">Editing</a></li>
<li><img src="images/VEPlus_Red.png" valign="middle" height="19" width="43"><a href="#">Support</a></li>
</ul>
</div>
</div>
</div>
CSS: (Copied from the network tab and move the margin to right.)
.login {
background:url(images/VE_active.png);
width: 130px;
height: 30px;
margin-right: 90px;
margin-top: 3px;
}
.login:hover {
background:url(images/VE_hover.png);
width: 130px;
height: 30px;
border-radius: 4px;
}
.login-slide {
background:url(images/backgrounds/background.png);
position: absolute;
float: left;
border: 1px solid #000;
z-index: 9999;
width: 150px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
margin-top: 32px;
margin-left: -13px;
}
.login-slide h3 {
background:url(images/backgrounds/top_header.png);
padding-top: 5px;
padding-bottom: 5px;
margin-top: 0;
border-bottom: 1px solid #000;
}
.network-slide ul {
list-style: none;
margin-top: -15px;
margin-left: -40px;
margin-bottom: 0;
}
.login-slide li {
padding-top: 8px;
padding-bottom: 8px;
background:url(images/backgrounds/background.png);
font-weight: bold;
padding-left: 8px;
text-align: left;
padding-top: 3px;
padding-bottom: 3px;
}
.login-slide li:hover {
background:url(images/backgrounds/top_header.png);
font-weight: bold;
}
.login-slide a {
font-weight: bold;
color: #000;
font-size: 15px;
padding-left: 5px;
}
.login-slide a:hover {
text-decoration: none;
}
.login-slide img {
margin-top: -7px;
}
If you want to see it in an image version.
HeaderInclude: http://gyazo.com/cbbb90e882585b717df0454888ec65e0
Header_Welcomeblock_Guest: http://gyazo.com/2410d5e55d28fa101a268052832bccd4
CSS: http://gyazo.com/9082f87036e2154d6f398162ca5bd0cd
Website: http://www.ComingSoon.VisualizeEdits.com/