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.

None scrolling Navigation Bar? HELP!!

View previous topic View next topic Go down

None scrolling Navigation Bar? HELP!!

Post by akroeger on December 11th 2011, 1:46 pm

How can I have a navigator like this one??

Visit the Link: http://mytube.forumotion.co.uk/

Welcome Anonymous, You have made 3 Posts --------------------------------- l Inbox l Shop l Ranks l Games l Edit Profile

I really want my vanigation bar like this one..
help please!

My forum is: http://join.top-talk.com


Last edited by akroeger on December 11th 2011, 2:13 pm; edited 3 times in total

akroeger
Forumember

Posts : 72
Reputation : 2
Language : english

http://www.news.worldgoo.com

Back to top Go down

Re: None scrolling Navigation Bar? HELP!!

Post by Guest on December 11th 2011, 1:56 pm

Hi! I can help you, but just change the topic title in something more related to your problem. Ok...
1. Donation Link: Administration Panel => Misc => Credits management => Donations;
2. Navigation Bar: Administration Panel => Display => Homepage => Headers & Navigation => Page headers => Display only images in the navbar : No; Nav links => Add a customized menu => Menu creation => Redirection URL: /donate

Guest
Guest


Back to top Go down

Re: None scrolling Navigation Bar? HELP!!

Post by akroeger on December 11th 2011, 2:07 pm

ohhh, not that one.. T_T

I mean this one:
Welcome Anonymous, You have made 3 Posts l Inbox l Shop l Ranks l Games l Edit Profile

akroeger
Forumember

Posts : 72
Reputation : 2
Language : english

http://www.news.worldgoo.com

Back to top Go down

Re: None scrolling Navigation Bar? HELP!!

Post by Guest on December 11th 2011, 2:09 pm

You forgot to change the topic title. Very Happy

Guest
Guest


Back to top Go down

Re: None scrolling Navigation Bar? HELP!!

Post by akroeger on December 11th 2011, 2:12 pm

I changed it..^^

akroeger
Forumember

Posts : 72
Reputation : 2
Language : english

http://www.news.worldgoo.com

Back to top Go down

Re: None scrolling Navigation Bar? HELP!!

Post by Guest on December 11th 2011, 2:14 pm

Code:
<style>.fixedmenu{
top: 0px;
left: 0%;
position: fixed !important;
width: 100%;
height: 15px;
background: url(IMAGEURL);
color:#000;
padding: 1px;
}</style>

<div class="fixedmenu">
CONTENT
</div>
Add this code in Announcements or Generalities. From the code you need to change height: 15px / background: url(IMAGEURL). So 15px is the height of the bar, you can change it. Wink

Guest
Guest


Back to top Go down

Re: None scrolling Navigation Bar? HELP!!

Post by akroeger on December 11th 2011, 2:16 pm

ohh my.. please view the result..

http://join.top-talk.com

akroeger
Forumember

Posts : 72
Reputation : 2
Language : english

http://www.news.worldgoo.com

Back to top Go down

Re: None scrolling Navigation Bar? HELP!!

Post by Guest on December 11th 2011, 2:20 pm

You put the incorrect code. Try again. lol Very Happy

Guest
Guest


Back to top Go down

Re: None scrolling Navigation Bar? HELP!!

Post by c3vietk on December 11th 2011, 2:27 pm

Go to ACP ~> General ~> Announcements
Add an announcement :
• Name : Nav
• Content* :
Code:
<div class="fixedPosition">
   <span style=" float: left;">Welcome {USERLINK}, You have made {USERCOUNTPOST} Posts l <img src="http://illiweb.com/fa/subsilver/icon_minipost_lock.gif"/"></span><span style="float: right;"><a href="http://mytube.forumotion.co.uk/privmsg?folder=inbox">Inbox</a> l <a href="#link">Text 1</a> l <a href="#link">Text 2</a> l <a href="#link">Text 3</a>
   l <a href="http://mytube.forumotion.co.uk/profile?mode=editprofile">Edit Profile</a></span>
</div>
<style type="text/css">
.fixedPosition {
   position:fixed;
   top:-1px;
   left:0%;
   height:17px;
   width:100%;
   border:2.55px solid black;
   background-image:url('http://img811.imageshack.us/img811/6752/navbkgd.gif');
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size:10pt;
   color:black;
   padding:1px;
   cursor: pointer;
}
</style>
Save and Enjoy !
edit link,text and style at your pleasure Smile

c3vietk
Forumember

Male Posts : 65
Reputation : 41
Language : Vietnamese, HTML, Javascript, C#, PHP
Location : Vietnam, HCMc

http://diendan.chinhphuc.info/

Back to top Go down

Re: None scrolling Navigation Bar? HELP!!

Post by akroeger on December 11th 2011, 2:29 pm

can I put Log in Log out there???

akroeger
Forumember

Posts : 72
Reputation : 2
Language : english

http://www.news.worldgoo.com

Back to top Go down

Re: None scrolling Navigation Bar? HELP!!

Post by akroeger on December 11th 2011, 2:36 pm

how can I put margin on the right and left side??

akroeger
Forumember

Posts : 72
Reputation : 2
Language : english

http://www.news.worldgoo.com

Back to top Go down

Re: None scrolling Navigation Bar? HELP!!

Post by Guest on December 11th 2011, 2:37 pm

Code:
<!-- BEGIN switch_user_logged_in --><div class="fixedPosition">
  <span style=" float: left;">Welcome {USERLINK}, You have made {USERCOUNTPOST} Posts l <img src="http://illiweb.com/fa/subsilver/icon_minipost_lock.gif"/"></span><span style="float: right;"><a href="http://mytube.forumotion.co.uk/privmsg?folder=inbox">Inbox</a> l <a href="#link">Text 1</a> l <a href="#link">Text 2</a> l <a href="#link">Text 3</a>
  l <a href="http://mytube.forumotion.co.uk/profile?mode=editprofile">Edit Profile</a> l <a href="/login?logout">Log out</a></span>
</div><!-- END switch_user_logged_in -->

<!-- BEGIN switch_user_logged_out --><div class="fixedPosition">
  <span style=" float: left;">Welcome {USERLINK}, You have made {USERCOUNTPOST} Posts l <img src="http://illiweb.com/fa/subsilver/icon_minipost_lock.gif"/"></span><span style="float: right;"><a href="http://mytube.forumotion.co.uk/privmsg?folder=inbox">Inbox</a> l <a href="#link">Text 1</a> l <a href="#link">Text 2</a> l <a href="#link">Text 3</a>
  l <a href="http://mytube.forumotion.co.uk/profile?mode=editprofile">Edit Profile</a> l <a href="/login">Log in</a></span>
</div><!-- END switch_user_logged_out -->

<style type="text/css">
.fixedPosition {
  position:fixed;
  top:-1px;
  left:0%;
  height:17px;
  width:100%;
  border:2.55px solid black;
  background-image:url('http://img811.imageshack.us/img811/6752/navbkgd.gif');
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:10pt;
  color:black;
  padding:1px;
  cursor: pointer;
}
</style>
Using this code, when you are logged in, you have link for log out, when you are logged out you'll have a link to log in. Wink

Important: Paste this code in overall_header template from Display => Templates => General.

Guest
Guest


Back to top Go down

Re: None scrolling Navigation Bar? HELP!!

Post by c3vietk on December 11th 2011, 2:40 pm

Margin left (20px) :
find
Code:
<span style=" float: left;">
replace with
Code:
<span style=" float: left; margin-left:20px">



Margin right (20px) :
Code:
<span style="float: right;">
replace with
Code:
<span style=" float: right; margin-right:20px">

c3vietk
Forumember

Male Posts : 65
Reputation : 41
Language : Vietnamese, HTML, Javascript, C#, PHP
Location : Vietnam, HCMc

http://diendan.chinhphuc.info/

Back to top Go down

Re: None scrolling Navigation Bar? HELP!!

Post by c3vietk on December 11th 2011, 2:41 pm

@ Gassy : I think {USERLINK } and {USERCOUNTPOST } dont work in template. but plus 1 Very Happy

c3vietk
Forumember

Male Posts : 65
Reputation : 41
Language : Vietnamese, HTML, Javascript, C#, PHP
Location : Vietnam, HCMc

http://diendan.chinhphuc.info/

Back to top Go down

Re: None scrolling Navigation Bar? HELP!!

Post by akroeger on December 11th 2011, 2:45 pm

Ohh my.... gassy look at the result please..

http://join.top-talk.com

akroeger
Forumember

Posts : 72
Reputation : 2
Language : english

http://www.news.worldgoo.com

Back to top Go down

Re: None scrolling Navigation Bar? HELP!!

Post by Guest on December 11th 2011, 2:59 pm

What's wrong? Smile

Guest
Guest


Back to top Go down

Re: None scrolling Navigation Bar? HELP!!

Post by akroeger on December 11th 2011, 3:05 pm

I wanted to put margins.. T_T

akroeger
Forumember

Posts : 72
Reputation : 2
Language : english

http://www.news.worldgoo.com

Back to top Go down

Re: None scrolling Navigation Bar? HELP!!

Post by Guest on December 11th 2011, 3:14 pm

Try this, add in CSS Stylesheet:
Code:
div.fixedPosition{
margin-left: 20px !important;
margin-right: 20px !important;
}
You can modify the value of margin propreties. Wink

Guest
Guest


Back to top Go down

Re: None scrolling Navigation Bar? HELP!!

Post by akroeger on December 11th 2011, 6:59 pm

please check if my code is right

Link: http://www.join.top-talk.com/

ALSO, how come my adsense is always on top of my search bar when I scroll?

akroeger
Forumember

Posts : 72
Reputation : 2
Language : english

http://www.news.worldgoo.com

Back to top Go down

Re: None scrolling Navigation Bar? HELP!!

Post by Guest on December 11th 2011, 9:40 pm

It's right. But, only one suggestion, add this code in your CSS Stylesheet:
Code:
div.fixedPosition{
z-index: 999 !important;
}

Guest
Guest


Back to top Go down

Re: None scrolling Navigation Bar? HELP!!

Post by akroeger on December 12th 2011, 12:03 pm

can you please edit the code? I wanted the search bar to be right beside the dropdown menu. I dont like it on the center. I cant put it beside the menu, it just keep destroying the script when I transfer it.. T_T

akroeger
Forumember

Posts : 72
Reputation : 2
Language : english

http://www.news.worldgoo.com

Back to top Go down

Re: None scrolling Navigation Bar? HELP!!

Post by EmperorAdam on December 30th 2011, 5:02 am

This is my code do do not like how you are giving it out.

EmperorAdam
Forumember

Male Posts : 123
Reputation : 4
Language : English
Location : UK

http://mytube.forumotion.co.uk/

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