Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [inne]Zmiana Stylu Na Stronie
Forum PHP.pl > Forum > Przedszkole
maciej916
Widziałem na jednym z darmowych styli na stronę możliwość zmiany wyglądu Link
Chciałbym to zrobić na swojej stronie ale nie wiem od czego sie zabrać (chciałem też skopiować kod ale nie zadziałał)
konole
A dołączyłeś bibliotekę jQuery to strony?
maciej916
tak
Daiquiri
Nie będziemy przecież "strzelać" co jest nie tak. Wrzuć pliki gdzieś online, łatwiej będzie zerknąć.
maciej916
tych plików już nie mam ale są one w tym linku co podałem ja nie umiem ich jakoś przenieś żeby to działało na moim theme
luckyps
Otwarlem zrodlo tej strony i widze...

  1. ......
  2. <link rel="stylesheet" id="style-switcher" href="style-default.css" />
  3. ......
  4. <script type="text/javascript">
  5. $(window).load(function()
  6. {
  7. $("#slider").vSlider(
  8. {
  9. width: 960,
  10. height: 320,
  11. }
  12. );
  13.  
  14. $('.default.theme-style').click(function(){
  15. $('link#style-switcher').attr('href', 'style-default.css')
  16. });
  17.  
  18. $('.blackpaper.theme-style').click(function(){
  19. $('link#style-switcher').attr('href', 'style-blackpaper.css')
  20. });
  21.  
  22. $('.carbonfibre.theme-style').click(function(){
  23. $('link#style-switcher').attr('href', 'style-carbonfibre.css')
  24. });
  25. }
  26. )
  27. </script>
  28. ....
  29. <div id="switcher">
  30. <h2 style="" class="shadow">Choose a style</h2>
  31. <div class="default theme-style "><img src="images/style-default.png" alt="" /></div>
  32. <div class="blackpaper theme-style"><img src="images/style-blackpaper.png" alt="" /></div>
  33. <div class="carbonfibre theme-style"><img src="images/style-carbonfibre.png" alt="" /></div>
  34. </div>
  35. ......


Prosta podmiana linka do stylow za pomoca jquery....
Co Ci tam moze nie dzialac questionmark.gif
sada
To jest najważniejsze
<script type="text/javascript" src="scripts/jquery.js"></script>

<script type="text/javascript" src="scripts/jquery.vslider.js"></script>
<script type="text/javascript" src="scripts/jquery.validate.min.js"></script>
<script type="text/javascript" src="scripts/quick_contact.js"></script>

pliki musisz skopiować na swój serwer i ewentualnie dać swoje ścieżki
maciej916
a jak zrobić aby strona po wejściu automatycznie zjeżdzała w duł tam gdzie chce
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.