Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][HTML]Pasek zatrzymuje się przy krawędzi i może staje się .....
adziozone
post
Post #1





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 26.02.2011

Ostrzeżenie: (0%)
-----

Hej,

Wiem ze się da le nie wiem jak. A chodzi o to ze jak mam stronkę to w czasie przewijania w dół takie coś trzeba zrobić, aby „czarny” pasek przewijania się do górnej krawędzi i tam pozostał a stonka się przewijała dalej. A jeszcze by było bardzo dobrze gdyby „czarny” pasek po pojechaniu do górnej krawędzi zmienił kolor lub stał się częściowo przezroczysty do by było wspaniale. I dla tego piszę na tym forum, bo wiem ze pomożecie, bo wiele razy pomogliście.

index.html
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
  2. <head>
  3.   <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  4.   <meta name="Description" content=" [wstaw tu opis strony] ">
  5.   <meta name="Keywords" content=" [wstaw tu slowa kluczowe] ">
  6.   <meta name="Author" content=" [dane autora] ">
  7.   <meta name="Generator" content="kED2">
  8.  
  9.   <title> [tytuł strony] </title>
  10.  
  11.   <link rel="stylesheet" href="aa.css" type="text/css">
  12. </head>
  13. <body>
  14.  
  15. <!-- tutaj wstaw tresc strony -->
  16.  
  17.  
  18. <div id="pasek1"></diV>
  19.  
  20. <div id="pasek2"></diV>
  21.  
  22. <div id="pasek3"></div>
  23. aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>
  24. aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>
  25. aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>
  26. aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>
  27.  
  28. </body>
  29. </html>
[HTML] pobierz, plaintext

aa.css
[CSS] pobierz, plaintext 
  1. html, body  
  2. 	{background:; margin: 0 auto;  border: 0; }
  3.  
  4. 	#pasek1 
  5. 	{
  6. 	  position: absolute; 
  7. 	  left:50%;
  8. 	  top: 0px;
  9. 	  margin-left:-50%;
  10.  
  11. 	  width: 100%;
  12. 	  height: 100px; 
  13. 	  background-color: #ffff00;
  14.  
  15. z-index: 11;
  16. 	}
  17.  
  18. #pasek2 
  19. 	{
  20. 	  position: fixed;
  21. 	  left:50%;
  22. 	  top: 100px;
  23. 	  margin-left:-50%;
  24.  
  25. 	  width: 100%;
  26. 	  height: 50px;
  27. 	  background-color: #000000;
  28.  
  29. z-index: 11;
  30. 	}
[CSS] pobierz, plaintext

Na przykład coś takiego.

http://www.en.usbfix.net/

(IMG:style_emoticons/default/sadsmiley02.gif) (IMG:style_emoticons/default/sadsmiley02.gif) nic nie wiadomo (IMG:style_emoticons/default/questionmark.gif)
Powód edycji: [Kshyhoo]: bb-code
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
Comandeer
post
Post #2





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----

Poszukaj sobie pod hasłem "jquery sticky navigation"
Go to the top of the page
+Quote Post

Posty w temacie
- adziozone   [CSS][HTML]Pasek zatrzymuje się przy krawędzi i może staje się .....   2.06.2015, 15:24:06
- - Comandeer   Poszukaj sobie pod hasłem "jquery sticky navi...   2.06.2015, 15:30:44
- - StevDefs   Online Pharmacies No Prescription Acquistare Kamag...   26.08.2019, 15:17:50

« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 4.10.2025 - 15:05
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn