Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][HTML]Menu nie wiem gdzie wkleić
Forum PHP.pl > Forum > Przedszkole
Cassino
Witam, chciałem zrobić tą modyfikacje
http://www.noupe.com/tutorial/drop-down-menu-jquery-css.html
ale nie wiem gdzie mam wkleić 3 pkt używam skryptu "phpbb by przemo"
wszystko robie w overall_header.tpl no ale nie wiem jak mam wstawić ten kod od skryptu sad.gif
Silny
  1. 1. <ul class="topnav">
  2. 2. <li><a href="#">Home</a></li>
  3. 3. <li>
  4. 4. <a href="#">Tutorials</a>
  5. 5. <ul class="subnav">
  6. 6. <li><a href="#">Sub Nav Link</a></li>
  7. 7. <li><a href="#">Sub Nav Link</a></li>
  8. 8. </ul>
  9. 9. </li>
  10. 10. <li>
  11. 11. <a href="#">Resources</a>
  12. 12. <ul class="subnav">
  13. 13. <li><a href="#">Sub Nav Link</a></li>
  14. 14. <li><a href="#">Sub Nav Link</a></li>
  15. 15. </ul>
  16. 16. </li>
  17. 17. <li><a href="#">About Us</a></li>
  18. 18. <li><a href="#">Advertise</a></li>
  19. 19. <li><a href="#">Submit</a></li>
  20. 20. <li><a href="#">Contact Us</a></li>
  21. 21. </ul>
do overall_header.tpl

  1. 1. ul.topnav {
  2. 2. list-style: none;
  3. 3. padding: 0 20px;
  4. 4. margin: 0;
  5. 5. float: left;
  6. 6. width: 920px;
  7. 7. background: #222;
  8. 8. font-size: 1.2em;
  9. 9. background: url(topnav_bg.gif) repeat-x;
  10. 10. }
  11. 11. ul.topnav li {
  12. 12. float: left;
  13. 13. margin: 0;
  14. 14. padding: 0 15px 0 0;
  15. 15. position: relative; /*--Declare X and Y axis base for sub navigation--*/
  16. 16. }
  17. 17. ul.topnav li a{
  18. 18. padding: 10px 5px;
  19. 19. color: #fff;
  20. 20. display: block;
  21. 21. text-decoration: none;
  22. 22. float: left;
  23. 23. }
  24. 24. ul.topnav li a:hover{
  25. 25. background: url(topnav_hover.gif) no-repeat center top;
  26. 26. }
  27. 27. ul.topnav li span { /*--Drop down trigger styles--*/
  28. 28. width: 17px;
  29. 29. height: 35px;
  30. 30. float: left;
  31. 31. background: url(subnav_btn.gif) no-repeat center top;
  32. 32. }
  33. 33. ul.topnav li span.subhover {background-position: center bottombottom; cursor: pointer;} /*--Hover effect for trigger--*/
  34. 34. ul.topnav li ul.subnav {
  35. 35. list-style: none;
  36. 36. position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
  37. 37. left: 0; top: 35px;
  38. 38. background: #333;
  39. 39. margin: 0; padding: 0;
  40. 40. display: none;
  41. 41. float: left;
  42. 42. width: 170px;
  43. 43. border: 1px solid #111;
  44. 44. }
  45. 45. ul.topnav li ul.subnav li{
  46. 46. margin: 0; padding: 0;
  47. 47. border-top: 1px solid #252525; /*--Create bevel effect--*/
  48. 48. border-bottom: 1px solid #444; /*--Create bevel effect--*/
  49. 49. clear: both;
  50. 50. width: 170px;
  51. 51. }
  52. 52. html ul.topnav li ul.subnav li a {
  53. 53. float: left;
  54. 54. width: 145px;
  55. 55. background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;
  56. 56. padding-left: 20px;
  57. 57. }
  58. 58. html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
  59. 59. background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;
  60. 60. }
do nazwa stylu.css


  1. 1. $(document).ready(function(){
  2. 2.
  3. 3. $("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*)
  4. 4.
  5. 5. $("ul.topnav li span").click(function() { //When trigger is clicked...
  6. 6.
  7. 7. //Following events are applied to the subnav itself (moving subnav up and down)
  8. 8. $(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click
  9. 9.
  10. 10. $(this).parent().hover(function() {
  11. 11. }, function(){
  12. 12. $(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
  13. 13. });
  14. 14.
  15. 15. //Following events are applied to the trigger (Hover events for the trigger)
  16. 16. }).hover(function() {
  17. 17. $(this).addClass("subhover"); //On hover over, add class "subhover"
  18. 18. }, function(){ //On Hover Out
  19. 19. $(this).removeClass("subhover"); //On hover out, remove class "subhover"
  20. 20. });
  21. 21.
  22. 22. });



do includes/page_header.php
Cassino
Sily leci + ale powiedz mi jeszcze w którym miejscu mam go wkleić tzn pod jakim innym kodem, czy można wkleić go obojętnie w które miejsce? tongue.gif

chodzi o page_header bo reszte wiem
Silny
np. przed
  1. $template->assign_vars(array(
  2. 'SITENAME' => replace_encoded($board_config['sitename']),
Cassino
jak tak wklejam to str przestaje działać i wyskakuje taki błąd.

Parse error: syntax error, unexpected '(', expecting T_VARIABLE or '$' in /home/extragra/public_html/includes/page_header.php on line 355
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.