Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS][HTML]Pasek zatrzymuje się przy krawędzi i może staje się .....
adziozone
post 2.06.2015, 15:24:06
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/

sadsmiley02.gif sadsmiley02.gif nic nie wiadomo questionmark.gif
Powód edycji: [Kshyhoo]: bb-code
Go to the top of the page
+Quote Post
Comandeer
post 2.06.2015, 15:30:44
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"


--------------------
★Mój blog || Okiem krytyka★
Go to the top of the page
+Quote Post
StevDefs
post 26.08.2019, 15:17:50
Post #3





Grupa: Zarejestrowani
Postów: 51
Pomógł: 0
Dołączył: 22.08.2019

Ostrzeżenie: (10%)
X----

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
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

RSS Wersja Lo-Fi Aktualny czas: 19.07.2025 - 09:25
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn