Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][HTML] Szukam szablonu z przewijaną treścią
Forum PHP.pl > Forum > Przedszkole
php11
11.02.2012, 12:02:31
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
Daimos
11.02.2012, 13:28:20
HTML + Kotwice
A jak chcesz jakiś "efekt" przewijania, to już musisz stosować javascript
php11
11.02.2012, 13:34:35
Dzięki za odpowiedź.

No i właśnie czegoś takiego szukam wink.gif
Najlepiej, by był to gotowy szablon...
Daimos
11.02.2012, 13:41:43
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
php11
11.02.2012, 13:46:28
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...
Daimos
11.02.2012, 13:48:29
masz tutaj kurs znalazłem:
http://blog.eduweb.pl/kurs-jquery-slidecontent/
php11
11.02.2012, 14:02:23
Bardzo dziękuję.
To jest to, czego - nieudolnie, jak widać - szukałem.

Pozdrawiam
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.