Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML]Pasek zatrzymuje się przy krawędzi i może staje się .....
Forum PHP.pl > Forum > Przedszkole
adziozone
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
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
  2. <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  3. <meta name="Description" content=" [wstaw tu opis strony] ">
  4. <meta name="Keywords" content=" [wstaw tu slowa kluczowe] ">
  5. <meta name="Author" content=" [dane autora] ">
  6. <meta name="Generator" content="kED2">
  7.  
  8. <title> [tytuł strony] </title>
  9.  
  10. <link rel="stylesheet" href="aa.css" type="text/css">
  11. </head>
  12.  
  13. <!-- tutaj wstaw tresc strony -->
  14.  
  15.  
  16. <div id="pasek1"></diV>
  17.  
  18. <div id="pasek2"></diV>
  19.  
  20. <div id="pasek3"></div>
  21. 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>
  22. 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>
  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.  
  26. </body>
  27. </html>

aa.css
  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. }

Na przykład coś takiego.

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

sadsmiley02.gif sadsmiley02.gif nic nie wiadomo questionmark.gif
Comandeer
Poszukaj sobie pod hasłem "jquery sticky navigation"
StevDefs
Online Pharmacies No Prescription Acquistare Kamagra In Spagna Kamagra Sublinguale viagra Ordering Cialis Online

Priligy Dapoxetina Dosaggio canadian pharmacy cialis 20mg Cialis 5 Mg Vademecum

Viagra Andorre Venta Comprar Viagra Levitra Vardenafil Side Effects cialis prices Acheter Cialis Discretement Acheter Lasix En Ligne

Kamagra Vente Libre Montreal Propecia Apeplus Clobetasol Lichen Planus propecia venta online Buy Viagra Brand
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.