Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [jQuery][xHTML] Menu
marcin86s
post
Post #1





Grupa: Zarejestrowani
Postów: 58
Pomógł: 0
Dołączył: 29.11.2007
Skąd: City 17

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

Nie mogę sobie poradzić z ustawieniem tego w taki sposób:

(IMG:http://i49.tinypic.com/27xpfs9.jpg)

Pomoże ktoś? (IMG:style_emoticons/default/sadsmiley02.gif)
Go to the top of the page
+Quote Post
Armstrong
post
Post #2





Grupa: Zarejestrowani
Postów: 200
Pomógł: 40
Dołączył: 26.08.2009
Skąd: Kobiernice

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

1-sza poprawka pogrubiłem to co było źle.
[HTML] pobierz, plaintext 
  1. <div class="nav"> 
  2. <img style="float: left;" src="images/nav_left.gif" alt="" /> 
  3. <ul class="idTabs"> 
  4. 	<li><a href="#idTab1" class="selected">Tab 1</a></li> 
  5. 	<li><a href="#idTab2">Tab 2</a></li> 
  6. 	<li><a href="#idTab3">Tab 3</a></li> 
  7. 	<img style="float: right;" src="images/nav_right.gif" alt="" />
  8.  
  9. </ul>
[HTML] pobierz, plaintext


Ten post edytował Armstrong 7.02.2010, 19:05:13
Go to the top of the page
+Quote Post
marcin86s
post
Post #3





Grupa: Zarejestrowani
Postów: 58
Pomógł: 0
Dołączył: 29.11.2007
Skąd: City 17

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

Ok, wielkie dzięki, nie wiesz może jeszcze co jest z tym tłem pod zawartością zakładek?
Go to the top of the page
+Quote Post
Armstrong
post
Post #4





Grupa: Zarejestrowani
Postów: 200
Pomógł: 40
Dołączył: 26.08.2009
Skąd: Kobiernice

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

Stwórz sobie obrazek nav_bg2.gif (to kopia nav_bg.gif tylko pasek jest cały czarny)

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <script type="text/javascript" src="jquery-1.4.1.min"></script>
  6. <script type="text/javascript" src="jquery.idTabs.min.js"></script>
  7. <style type="text/css">
  8. body { margin: 0px; padding: 0px; font: 10px Verdana, Arial, Tahoma, Helvetica, sans-serif;}
  9. </style>
  10. <link rel="stylesheet" href="tabs.css" type="text/css" /></head>
  11. <body>
  12.  
  13. <div class="nav"> 
  14. <img style="float: left;" src="images/nav_left.gif" alt="" /> 
  15. <ul class="idTabs"> 
  16. 	<li><a href="#idTab1" class="selected">Tab 1</a></li> 
  17. 	<li><a href="#idTab2">Tab 2</a></li> 
  18. 	<li><a href="#idTab3">Tab 3</a></li> 
  19. 	<img style="float: right;" src="nav_right.gif" alt="" />
  20.  
  21. </ul>
  22. <div style="clear:left;"></div>
  23. </div>
  24.  
  25. <div class="nav2">
  26. <img style="float: top;margin-left:10px; margin-top:0px" width="5px" height="37px" src="images/nav_bg2.gif" alt="" align="left" /> 
  27.  
  28. <div id="idTab1" style="display:block">Pierwsza</div> 
  29. <div id="idTab2" style="display:none;">Druga</div> 
  30. <div id="idTab3" style="display:none;">Trzecia</div> 
  31. </div>
  32. </body>
  33. </html>
[HTML] pobierz, plaintext


tabs.css:


[HTML] pobierz, plaintext 
  1. .nav {
  2. color: #111111;
  3. background-image: url('images/nav_bg.gif');
  4. width: 980px;
  5. }
  6. .nav li {
  7. list-style: none;
  8. float: left; 
  9. }
  10. .nav ul a {
  11. height: 27px;
  12. width: 82px;
  13. display: block;
  14. text-decoration: none;
  15. color: #FFFFFF;
  16. text-align: center;
  17. padding-top: 10px;
  18. }
  19. .nav ul a:hover {
  20. color: #FFFFFF;
  21. }
  22. .nav ul a.selected {
  23. color: #000000;
  24. background-image: url('images/nav_tab.gif');
  25. cursor: default;
  26. }
  27. .nav div {
  28. background-image: url('images/con_bg.gif');
  29. color: red;
  30. clear: left;
  31. padding 0px;
  32. font: 10pt Georgia;
  33. }
  34. .nav2{
  35. width: 980px;
  36. background-color: white;
  37. color: red;
  38. padding 0px;
  39. font: 10pt Georgia;
  40. clear:both;
  41.  
  42. }
[HTML] pobierz, plaintext


(IMG:http://i45.tinypic.com/17x25f.jpg)


Ten post edytował Armstrong 7.02.2010, 19:44:46
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · 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: 23.08.2025 - 05:44
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn