Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript][HTML] Szukam szablonu z przewijaną treścią
php11
post
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 (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
Daimos
post
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
Go to the top of the page
+Quote Post
php11
post
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 (IMG:style_emoticons/default/wink.gif)
Najlepiej, by był to gotowy szablon...
Go to the top of the page
+Quote Post
Daimos
post
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 (IMG:style_emoticons/default/wink.gif)
Ale że sam ucze się najlepiej na przykładach, to masz taki grzecznościowy (IMG:style_emoticons/default/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
Go to the top of the page
+Quote Post
php11
post
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ś (IMG:style_emoticons/default/wink.gif)


Chyba źle wyartykułowałem problem (IMG:style_emoticons/default/thumbsdownsmileyanim.gif)

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

Dlatego szukam gotowca (IMG:style_emoticons/default/smile.gif) , na którym poznam, w czym rzecz...
Go to the top of the page
+Quote Post
Daimos
post
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/
Go to the top of the page
+Quote Post
php11
post
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
2 Użytkowników czyta ten temat (2 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 Aktualny czas: 6.10.2025 - 21:23
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn