|
|
Post by Tumble on Aug 5, 2015 4:45:47 GMT -5
<!DOCTYPE HTML>
$[tag.html.open]
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>$[title] | $[forum.name]</title>
$[head]
</head>
<body>
{if $[maintenance_mode]}
<div class="maintenance-header">
{if $[can.disable_maintenance]}<p>Finished with maintenance? $[disable_maintenance_link].</p>{/if}
</div>
{/if}
<style>
#navigation-menu{width:99%;
}
.f-nav1{ z-index: 9999; position: fixed; left:0; top: 0; width: 100%;}
/*.nav1 { height: 46px; width:94%;
}*/
.f-nav1 ul{ margin-left:30px;transition-duration: 1s;
}
.f-nav1 ul li{ padding-top:6px;padding-bottom:4px;
}
#logo-fade{position:relative;float:left;top:6px; left:10px;z-index:3000;background-color: rgb(55,55,55,0.4); display:none;
}
</style>
<div style="height:160px;"><!--this added-->
<div id="banner-container" role="banner">
<h2 id="banner">
$[forum.title]
</h2>
</div>
<a id="navigation-skip" href="#content" accesskey="s" class="aria-hidden" title="Skip Navigation">Skip Navigation</a>
<a href="#" accesskey="d" title="Open Menu" onclick="proboards.hotkeys.activate(Keys.d); return false;"></a>
div id="header_placeholder"></div>
<div id="navigation-menu" class="ui-helper-clearfix">
<!--added the logo here can be made into a clickable link-->
<img id="logo-fade" style="display:none;" src="http://storage.proboards.com/2955945/i/PPLfTdq7IWaaDtC7Opn5.png ">
<ul role="navigation">
{foreach $[navigation.menu]}
<li>
<a {if $[navigation.menu.active]} class="state-active"{/if} href="$[navigation.menu.href]"{if $[navigation.menu.accesskey]} accesskey="$[navigation.menu.accesskey]"{/if}>
$[navigation.menu.name]
{if $[navigation.menu.notification.total]}
<div class="tip-holder" onclick="window.location='$[navigation.menu.notification.href]'; return false;">
<div class="tip-number">$[navigation.menu.notification.total]</div>
<span class="tip"></span>
</div>
{/if}
</a>
</li>
{/foreach}
</ul>
<p id="welcome">
{if !$[current_user.is_member]}
Welcome Guest.
{if $[login_link] || $[register_link]}
Please $[login_link]{if $[login_link] && $[register_link]} or {/if}$[register_link].
{/if}
{else}
<span>Welcome $[current_user.name].</span> $[logout_link]
{/if}
</p>
</div>
</div> <!--this added-->
<div style="clear:both;"></div> <!--this added-->
<div id="wrapper"><!--moved wrapper and header here-->
<header>
</header>
$[participated_threads_link]
{if $[navigation.tree]}
<div id="navigation-tree">
$[navigation.tree]
</div>
{/if}
$[header]
<div id="content" role="main">
{if $[notice]}
<div class="container">
<div class="title-bar"><h2>$[notice.title]</h2></div>
<div class="content pad-all cap-bottom">
$[notice.message]
</div>
</div>
{/if}
$[content]
$[shoutbox]
</div>
$[footer]
</div>
{if $[is_mobile_browser]}
<br /><p class="center">Switch to the $[mobile_switch_link].</p>
{/if}
</body>
</html>
<script type="text/javascript">
jQuery("document").ready(function($){
var nav = $('#navigation-menu');
$(window).scroll(function () {
if ($(this).scrollTop() > 110) {
nav.addClass("f-nav1");
} else {
nav.removeClass("f-nav1");
}
});
});
</script>
<!--<script>
$(document).ready(function(){
// hide image first
$("#logo-fade").hide();
// fade in #logo-fade
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 110) {
$('#logo-fade').fadeIn();
} else {
$('#logo-fade').fadeOut();
}
});
// scroll body to 0px on click
$('#logo-fade a').click(function () {
$('body,html').animate({
scrollTop: 0
}, 800);
return false;
});
});
});
</script>-->
<script>
var divs = $('#logo-fade');
$(window).scroll(function(){
if($(window).scrollTop() <110 ){
divs.fadeOut(500);
} else {
divs.fadeIn(2000);
}
});
</script>
|
|
|
|
Post by Tumble on Aug 5, 2015 5:58:42 GMT -5
<script type="text/javascript">
jQuery("document").ready(function($){
var nav = $('#navigation-menu');
$(window).scroll(function () {
if ($(this).scrollTop() > 140) {
nav.addClass("f-nav1");
} else {
nav.removeClass("f-nav1");
}
});
});
</script>
<script>
var divs = $('#logo-fade');
$(window).scroll(function(){
if($(window).scrollTop() <140 ){
divs.fadeOut(500);
} else {
divs.fadeIn(2000);
}
});
</script>
|
|
|
|
Post by Tumble on Aug 6, 2015 2:40:57 GMT -5
[img src="http://linkhere.com"]
|
|
