Jump to content


Bar in browser?


2 replies to this topic

#1 nygorn

    Young Padawan

  • Members
  • Pip
  • 53 posts
  • Gender:Male
  • Location:Sweden

Posted 05 April 2008 - 03:06 AM

I would like to know a tutorial for the effect they use at http://www.one.com/sv/ at the bottom, the gray bar that follows the bottom of the browser how much you scroll!
Does any one know a tutorial for that ? or a code that explains how it works and so, so you can post it here?
Realy want to learn :P

Sorry if I explain bad, my english isn't that good :/

Thanks in advance, Peace out!

#2 rc69

    PHP Master PD

  • P2L Staff
  • PipPipPipPip
  • 3,827 posts
  • Gender:Male
  • Location:Here
  • Interests:Web Development

Posted 05 April 2008 - 01:10 PM

css position fixed
:P

#3 fycnrdths

    Young Padawan

  • Members
  • Pip
  • 16 posts
  • Location:stuck to my desk chair
  • Interests:programming.

Posted 06 April 2008 - 12:32 AM

I was looking for something similar a few months ago and found code on the net. I had to make a few mods to get it to work in major browsers, though.


   css:
 #static
	  {position:fixed;
	 top: 0px; right: 0px;
			 height: 20px;
			 width: 100%;
			 margin: 0 auto;
			 background-color: #999999;
			 color: #000000;
			 font-family: Arial;
			 font-size: 10px;
			 border-bottom: solid #000;
	 }
	 
	 #static
	  a {
			 text-decoration:none;
			 color: #003366;
	 }
	 
		 #static2 {
		 
	 
	 
		 }
   
   
   goes in the body:
   <div id="static"><center>text</center></div>
	 <div id="static2"></div>






1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users