The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

TOPNAV custom

View previous topic View next topic Go down

TOPNAV custom

Post by nextlevelgaming on July 21st 2012, 1:51 am

is there a way I can create my own custom NavBar on the top? I want to create my own nav buttons, and some that are linked to an iframe. Also since some of them are linked to an iframe, i'd like to make them not visible if they leave the home page. or just a simple nav without iframe linking. I don't need the code specifically, I know how to make it, just need to know where to insert this? Thanks guys

nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Re: TOPNAV custom

Post by DailyTeens on July 21st 2012, 1:02 pm

Make a HTML code, basicly a layer (div) and add some stuff in in then add it somewhere after the DESCRIPTION tag in "overall_header" which can be found in Admin panel >> Display >> Templates

DailyTeens
New Member

Posts : 22
Reputation : 1
Language : Bosnian, Englsih

Back to top Go down

Re: TOPNAV custom

Post by nathanadhitya on July 22nd 2012, 4:28 am

@nextlevelgaming wrote:is there a way I can create my own custom NavBar on the top?
Yes You Can


I want to create my own nav buttons, and some that are linked to an iframe. Also since some of them are linked to an iframe, i'd like to make them not visible if they leave the home page. or just a simple nav without iframe linking. I don't need the code specifically, I know how to make it, just need to know where to insert this? Thanks guys
you can't do that without any code


here i will give you the guide how to make a original navbar in top of your forum
Requirements:
PhpBB2 OR PunBB Forum
There's the tuto
first fint this text in overral Header templeate
Code:
{GENERATED_NAVBAR}
even i don't know the code
then delete it
then add this to it
Code:
<!-- BEGIN switch_user_logged_in -->
<ul id="account">
<li id="user">Welcome <span class="templateuname"></span></li>
<li class="account_link"><a href="/forum">Forum</a></li>
<li class="account_link"><a href="/faq">FAQ</a></li>
<li class="account_link"><a href="/calendar">Calendar</a></li>
<li class="account_link"><a href="/memberlist">Memberlist</a></li>
<li class="account_link"><a href="/groups">Groups</a></li>
<li class="account_link"><a href="/search">Search</a></li>
<li class="account_link"><a href="/privmsg">Mailbox</a></li>
<li class="account_link"><a href="/profile?mode=editprofile">Settings</a>
<li class="account_link"><a href="/login?logout=1">Sign Out</a></li>
</ul>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<ul id="account">
<li id="user">Welcome Guest</li>
<li class="account_link"><a href="/forum">Forum</a></li>
<li class="account_link"><a href="/register">Register</a></li>
<li class="account_link"><a href="/login">Sign In</a></li>
</ul>
<!-- END switch_user_logged_out -->
then add this to CSS
Code:

#account {
background-color: #484848;
background-color: rgba(85, 85, 85, 0.5);
border: 1px solid #636363;
border-top: none;
-moz-border-radius-bottomright: 0px!important;
-moz-border-radius-bottomleft: 0px!important;
-webkit-border-bottom-right-radius: 0px!important;
-webkit-border-bottom-left-radius: 0px!important;
border-bottom-right-radius: 0px!important;
border-bottom-left-radius: 0px!important;
list-style: none;
position: fixed!important;
top: 0px;
right: 0px!important;
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
width: 100%!important;
z-index: 999;
font-family: arial;
}
#account li {
float: left;

padding: 7px 11px 8px 11px;
}
#account li#user {
background: transparent url(http://kissinsights.com/images/app/user_icon.png) 10px 8px no-repeat;
border-right: 1px solid #373737;
border-right: 1px solid rgba(0, 0, 0, 0.2);
color: #fff;
font-size: 10px;
padding: 7px 11px 8px 26px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
margin-left: 18%!important;
}
#account li.account_link {
border-right: 1px solid #373737;
border-right: 1px solid rgba(0, 0, 0, 0.2);
border-left: 1px solid #5a5a5a;
border-left: 1px solid rgba(255, 255, 255, 0.1);
}
#account li a {
color: #c8c8c8;
display: block;
font-size: 10px;
float: left;
text-decoration: none;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
#account li a:hover {
color: #fff;
}

nathanadhitya
Forumember

Male Posts : 98
Reputation : 2
Language : English And Indonesia

http://tr-teamwork.mydiscussionboard.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum