Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> zakladki
trucksweb
post
Post #1





Grupa: Zarejestrowani
Postów: 1 199
Pomógł: 31
Dołączył: 22.03.2004
Skąd: Warszawa

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

czy ktos moze mi powiedziec jak zrobic cos podobnego do tych chyba zakladek (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)
a moze ktos ma juz gotowy przyklad to chetnie bym sie posilkowal (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)
link >>
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 4)
bela
post
Post #2


Administrator PHPedia.pl


Grupa: Developerzy
Postów: 1 102
Pomógł: 2
Dołączył: 14.09.2003

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

Na alistapart jest kilka artykułow o tym
Go to the top of the page
+Quote Post
trucksweb
post
Post #3





Grupa: Zarejestrowani
Postów: 1 199
Pomógł: 31
Dołączył: 22.03.2004
Skąd: Warszawa

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

niestety nic nawet w 20% podobnego do tych zakladem nie widzialem, zreszta wogole zakladek tam nie widzialem (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)
Go to the top of the page
+Quote Post
mike
post
Post #4





Grupa: Przyjaciele php.pl
Postów: 7 494
Pomógł: 302
Dołączył: 31.03.2004

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

gosu.pl
css.maxdesign.com.au
Go to the top of the page
+Quote Post
trucksweb
post
Post #5





Grupa: Zarejestrowani
Postów: 1 199
Pomógł: 31
Dołączył: 22.03.2004
Skąd: Warszawa

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

udalo mi sie cos takiego wypocic:

[HTML] pobierz, plaintext 
  1. <style>
  2. .wszystko{
  3. position: relative; 
  4. width: 100%; 
  5. height: 200px; 
  6.  
  7. }
  8. .zakladka{
  9. float:left; 
  10. font-family: Verdana, Arial, Helvetica, sans-serif;
  11. size: 8px;
  12. color: white;
  13. weight: bold;
  14. background-image: url(..\1\zakladka.png);
  15. border:1px solid orange; 
  16. padding-left:5px; 
  17. padding-right:5px;
  18. cursor: pointer;
  19. width: 140px;
  20. }
  21. .ostatnia{
  22. background-color: white; 
  23. border:1px solid white;
  24. }
  25. .panel{
  26. padding:5px;
  27. display:none;
  28. text-align:left;
  29. border: 1px solid orange;
  30. }
  31. </style>
  32. <script>
  33. var ile=3;
  34.  
  35. function uaktywnij(P)
  36. {
  37.   for (var i=1;i<=ile;i++)
  38.   {
  39. 	var panel=document.getElementById('panel'+i);
  40. 	var zakladka=document.getElementById('zakladka'+i);
  41. 	if (i==P) 
  42.   {
  43.   panel.style.display='block';
  44.   zakladka.style.backgroundColor='orange';
  45.   zakladka.style.color='black';
  46.   }
  47. 	else 
  48.   {
  49.   panel.style.display='none';
  50.   zakladka.style.backgroundImage= "url(..\1\zakladka.png)";
  51.   zakladka.style.image='url(..\1\zakladka.png)';
  52.   }
  53.   }
  54. }
  55.  
  56. </script>
  57. </head>
  58. <body onLoad="uaktywnij(1);">
  59. <center>
  60. <div class="wszystko">
  61.   <div id="zakladka1" class="zakladka" onClick="uaktywnij(1);">Lorem Ipsum</div>
  62.   <div id="zakladka2" class="zakladka" onClick="uaktywnij(2);">Zakładka 2</div>
  63.   <div id="zakladka3" class="zakladka" onClick="uaktywnij(3);">Zakładka 3</div>
  64.   <div class="ostatnia">&nbsp;</div>
  65.  
  66.   <div class="panel" id="panel1" >Treść panelu związanego z pierwszą zakładką</div>
  67.   <div class="panel" id="panel2" >Dane dotyczące drugiej zakładki</div>
  68.   <div class="panel" id="panel3" >Treść trzeciej zakładki</div>
  69. </div>
  70.  
  71. </center>
[HTML] pobierz, plaintext


jednak jak zrobic aby w polu naglowka tj. tam gdzie pisze Lorem ipsum, zakladka 2, zakladka 3 byl obrazek, ktorego sciezke widac w skrypcie??mnie to niewychodzi (IMG:http://forum.php.pl/style_emoticons/default/sadsmiley02.gif)


////
moj blad:)
(../1/bnazwa.png); :roll2:

Ten post edytował trucksweb 2.11.2005, 19:00:03
Go to the top of the page
+Quote Post
« Następny starszy · CSS · 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: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 9.10.2025 - 20:12
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn