Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][HTML] Szukam szablonu z przewijaną treścią
php11
post 11.02.2012, 12:02:31
Post #1





Grupa: Zarejestrowani
Postów: 215
Pomógł: 5
Dołączył: 11.02.2011

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

Witam serdecznie,


Poszukuję zwykłego szablonu html, w którym treść po kliknięciu w menu przewija się w pionie.
Tak jakby wszystko było na jednej stronie, z kotwicami...

Dzięki smile.gif
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 6)
Daimos
post 11.02.2012, 13:28:20
Post #2





Grupa: Zarejestrowani
Postów: 1 319
Pomógł: 118
Dołączył: 26.11.2003
Skąd: Lublin

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

HTML + Kotwice
A jak chcesz jakiś "efekt" przewijania, to już musisz stosować javascript


--------------------
scriptun.com. Startup z poradnikami do gier ttp.zone i ttpzone.pl
Go to the top of the page
+Quote Post
php11
post 11.02.2012, 13:34:35
Post #3





Grupa: Zarejestrowani
Postów: 215
Pomógł: 5
Dołączył: 11.02.2011

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

Dzięki za odpowiedź.

No i właśnie czegoś takiego szukam wink.gif
Najlepiej, by był to gotowy szablon...
Go to the top of the page
+Quote Post
Daimos
post 11.02.2012, 13:41:43
Post #4





Grupa: Zarejestrowani
Postów: 1 319
Pomógł: 118
Dołączył: 26.11.2003
Skąd: Lublin

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

Gotowego możesz poszukać na giełdzie ofert wink.gif
Ale że sam ucze się najlepiej na przykładach, to masz taki grzecznościowy wink.gif

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="pl" xml:lang="pl">
  2. <head>
  3.     <title>Darmowy szablon od daimosa!</title>    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  4. </head>
  5. <body>
  6. <a name="top" href="#p1">pozycja1</a> <a href="#p2">pozycja2</a> <a href="#p3">pozycja3</a> <a href="#p4">pozycja4</a>  <a href="#p5">pozycja5</a> 
  7. <div style="clear:both; height: 1000px; width: 100%"></div>
  8.  
  9. <div><a name="p1">Lorem ipsum dolor sit amet</a>, consectetur adipiscing elit. Vestibulum convallis magna quis ante fermentum feugiat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec varius dictum tortor et porttitor. Etiam at arcu sed enim cursus faucibus. Phasellus eleifend metus ut purus fermentum scelerisque. Maecenas velit nulla, interdum in facilisis nec, adipiscing eget dui. Nullam dapibus viverra commodo.
  10.  
  11. Sed facilisis, mi id imperdiet semper, neque eros molestie nisl, quis tempus lorem orci a odio. Nullam vulputate urna et neque luctus pulvinar. Donec felis tellus, sollicitudin at pretium in, posuere vel metus. Curabitur ultrices sollicitudin orci, gravida pharetra nunc vulputate ut. Nullam ut velit leo, non vehicula urna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque in est non nulla dignissim convallis in a enim. Maecenas dictum tortor sed elit cursus pellentesque. Donec ultricies magna eleifend turpis posuere sed aliquet mauris lobortis.
  12. <br/><br/><a href="#top">WRACAJ NA GÓRĘ!</a><br/><br/><br/><br/>
  13. </div>
  14.  
  15. <div><a name="p2">Lorem ipsum dolor sit amet</a>, consectetur adipiscing elit. Vestibulum convallis magna quis ante fermentum feugiat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec varius dictum tortor et porttitor. Etiam at arcu sed enim cursus faucibus. Phasellus eleifend metus ut purus fermentum scelerisque. Maecenas velit nulla, interdum in facilisis nec, adipiscing eget dui. Nullam dapibus viverra commodo.
  16.  
  17. Sed facilisis, mi id imperdiet semper, neque eros molestie nisl, quis tempus lorem orci a odio. Nullam vulputate urna et neque luctus pulvinar. Donec felis tellus, sollicitudin at pretium in, posuere vel metus. Curabitur ultrices sollicitudin orci, gravida pharetra nunc vulputate ut. Nullam ut velit leo, non vehicula urna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque in est non nulla dignissim convallis in a enim. Maecenas dictum tortor sed elit cursus pellentesque. Donec ultricies magna eleifend turpis posuere sed aliquet mauris lobortis.
  18. <br/><br/><a href="#top">WRACAJ NA GÓRĘ!</a><br/><br/><br/><br/>
  19. </div>
  20.  
  21. <div><a name="p3">Lorem ipsum dolor sit amet</a>, consectetur adipiscing elit. Vestibulum convallis magna quis ante fermentum feugiat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec varius dictum tortor et porttitor. Etiam at arcu sed enim cursus faucibus. Phasellus eleifend metus ut purus fermentum scelerisque. Maecenas velit nulla, interdum in facilisis nec, adipiscing eget dui. Nullam dapibus viverra commodo.
  22.  
  23. Sed facilisis, mi id imperdiet semper, neque eros molestie nisl, quis tempus lorem orci a odio. Nullam vulputate urna et neque luctus pulvinar. Donec felis tellus, sollicitudin at pretium in, posuere vel metus. Curabitur ultrices sollicitudin orci, gravida pharetra nunc vulputate ut. Nullam ut velit leo, non vehicula urna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque in est non nulla dignissim convallis in a enim. Maecenas dictum tortor sed elit cursus pellentesque. Donec ultricies magna eleifend turpis posuere sed aliquet mauris lobortis.
  24. <br/><br/><a href="#top">WRACAJ NA GÓRĘ!</a><br/><br/><br/><br/>
  25. </div>
  26.  
  27. <div><a name="p4">Lorem ipsum dolor sit amet</a>, consectetur adipiscing elit. Vestibulum convallis magna quis ante fermentum feugiat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec varius dictum tortor et porttitor. Etiam at arcu sed enim cursus faucibus. Phasellus eleifend metus ut purus fermentum scelerisque. Maecenas velit nulla, interdum in facilisis nec, adipiscing eget dui. Nullam dapibus viverra commodo.
  28.  
  29. Sed facilisis, mi id imperdiet semper, neque eros molestie nisl, quis tempus lorem orci a odio. Nullam vulputate urna et neque luctus pulvinar. Donec felis tellus, sollicitudin at pretium in, posuere vel metus. Curabitur ultrices sollicitudin orci, gravida pharetra nunc vulputate ut. Nullam ut velit leo, non vehicula urna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque in est non nulla dignissim convallis in a enim. Maecenas dictum tortor sed elit cursus pellentesque. Donec ultricies magna eleifend turpis posuere sed aliquet mauris lobortis.
  30. <br/><br/><a href="#top">WRACAJ NA GÓRĘ!</a><br/><br/><br/><br/>
  31. </div>
  32.  
  33. <div><a name="p5">Lorem ipsum dolor sit amet</a>, consectetur adipiscing elit. Vestibulum convallis magna quis ante fermentum feugiat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec varius dictum tortor et porttitor. Etiam at arcu sed enim cursus faucibus. Phasellus eleifend metus ut purus fermentum scelerisque. Maecenas velit nulla, interdum in facilisis nec, adipiscing eget dui. Nullam dapibus viverra commodo.
  34.  
  35. Sed facilisis, mi id imperdiet semper, neque eros molestie nisl, quis tempus lorem orci a odio. Nullam vulputate urna et neque luctus pulvinar. Donec felis tellus, sollicitudin at pretium in, posuere vel metus. Curabitur ultrices sollicitudin orci, gravida pharetra nunc vulputate ut. Nullam ut velit leo, non vehicula urna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque in est non nulla dignissim convallis in a enim. Maecenas dictum tortor sed elit cursus pellentesque. Donec ultricies magna eleifend turpis posuere sed aliquet mauris lobortis.
  36. <br/><br/><a href="#top">WRACAJ NA GÓRĘ!</a>
  37. </div>
  38.  
  39. </body>
  40.  
  41. </html>
  42.  
[HTML] pobierz, plaintext


--------------------
scriptun.com. Startup z poradnikami do gier ttp.zone i ttpzone.pl
Go to the top of the page
+Quote Post
php11
post 11.02.2012, 13:46:28
Post #5





Grupa: Zarejestrowani
Postów: 215
Pomógł: 5
Dołączył: 11.02.2011

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

Jeszcze raz bardzo dziękuję.
Szybki jesteś wink.gif


Chyba źle wyartykułowałem problem thumbsdownsmileyanim.gif

Kotwice potrafię zrobić, gorzej, a włąściwie do bani z JS.

Dlatego szukam gotowca smile.gif, na którym poznam, w czym rzecz...
Go to the top of the page
+Quote Post
Daimos
post 11.02.2012, 13:48:29
Post #6





Grupa: Zarejestrowani
Postów: 1 319
Pomógł: 118
Dołączył: 26.11.2003
Skąd: Lublin

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

masz tutaj kurs znalazłem:
http://blog.eduweb.pl/kurs-jquery-slidecontent/


--------------------
scriptun.com. Startup z poradnikami do gier ttp.zone i ttpzone.pl
Go to the top of the page
+Quote Post
php11
post 11.02.2012, 14:02:23
Post #7





Grupa: Zarejestrowani
Postów: 215
Pomógł: 5
Dołączył: 11.02.2011

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

Bardzo dziękuję.
To jest to, czego - nieudolnie, jak widać - szukałem.

Pozdrawiam
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: Przełącz na: Standardowy · 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: 24.07.2025 - 21:23
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn