Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML] Menu
Forum PHP.pl > Forum > Przedszkole
mrk9109
Witam mam taki problem chce stworzyc taki blok menu jak tu http://dc-esport.pl/ chodzi mi o Artykuly / Wywiady / Aktualnosci po prawej stronie . Czyli zmiane po kliknieciu w 1 oknie oraz zeby obraz sie zmienial . Tak jak pisalem przyklad tego jest tu http://dc-esport.pl/
dg2001
Przy pomocy HTML-a tego nie zrobisz. A prędzej już JavaScript, a konkretniej mają to zrobione pod jQuery.

Zobacz sobie źródło a konkretnie ten kawałek w źródle strony tyczący się tych artykuły / wywiady / aktualnosci
  1. <link rel="stylesheet" type="text/css" href="tabcontent.css" />
  2. <script type="text/javascript" src="tabcontent.js">
  3. /***********************************************
  4. * Tab Content script v2.2- ? Dynamic Drive DHTML code library (www.dynamicdrive.com)
  5. * This notice MUST stay intact for legal use
  6. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  7. ***********************************************/
mrk9109
ogladalem ale to dotyczy 1 menu u gory rozwijalnego to wiem jak to zrobic ;p nawet doszedlem do tego jak zrobic to po prawej stronie tylko po kliknieciu w Aktualnosci obrazek sie nie zmienia prubowal to robic za pomoca style a:active i tez nie pomoglo ;/
dg2001
Cytat(mrk9109 @ 29.07.2010, 13:24:26 ) *
ogladalem ale to dotyczy 1 menu u gory rozwijalnego to wiem jak to zrobic ;p nawet doszedlem do tego jak zrobic to po prawej stronie tylko po kliknieciu w Aktualnosci obrazek sie nie zmienia prubowal to robic za pomoca style a:active i tez nie pomoglo ;/

Podałem ci już przez jaki skrypt to jest obrabiane smile.gif przestudiuj kod strony a znajdziesz to co szukasz smile.gif i poczytaj sobie o jQuery i to co podałem nie tyczy się skryptu menu, skrypt menu jest tutaj:
  1. <link rel="stylesheet" type="text/css" href="chrometheme/chromestyle.css" />
  2. <script type="text/javascript" src="chromejs/chrome.js">
  3. /***********************************************
  4. * Chrome CSS Drop Down Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  5. * This notice MUST stay intact for legal use
  6. * Visit Dynamic Drive at <a href="http://www.dynamicdrive.com/" target="_blank">http://www.dynamicdrive.com/</a> for full source code
  7. ***********************************************/
pedro84
No to się nie dziwię, że nie działa jak prubowal, bo powinien próbować.

Podejrzyj kod, linia 223 oraz

  1. <link rel="stylesheet" type="text/css" href="tabcontent.css" />
  2. <script type="text/javascript" src="tabcontent.js">
  3. /***********************************************
  4. * Tab Content script v2.2- ? Dynamic Drive DHTML code library (www.dynamicdrive.com)
  5. * This notice MUST stay intact for legal use
  6. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  7. ***********************************************/
  8.  



@dg2001: To nie to. Ty mówisz o menu, a On o tych zakładkach po prawej.
dg2001
@UP
wiem że o zakładkach, ale zobacz mój pierwszy post smile.gif dla przykładu mu podałem też kod tego menu biggrin.gif
Wystarczy źródło przeanalizować tam wszytko jest czarne na białym winksmiley.jpg albo białe na czarnym biggrin.gif
mrk9109
problem rozwiazany to czego szukalem jest tu http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm dzieki za pomoc
dg2001
Cytat(dg2001 @ 29.07.2010, 13:22:30 ) *
Przy pomocy HTML-a tego nie zrobisz. A prędzej już JavaScript, a konkretniej mają to zrobione pod jQuery.

Zobacz sobie źródło a konkretnie ten kawałek w źródle strony tyczący się tych artykuły / wywiady / aktualnosci
  1. <link rel="stylesheet" type="text/css" href="tabcontent.css" />
  2. <script type="text/javascript" src="tabcontent.js">
  3. /***********************************************
  4. * Tab Content script v2.2- ? Dynamic Drive DHTML code library (www.dynamicdrive.com)
  5. * This notice MUST stay intact for legal use
  6. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  7. ***********************************************/


tu ci podałem rozwiązanie czego masz szukać, na tej samej stronie blinksmiley.gif
tu masz link http://www.dynamicdrive.com/dynamicindex17
/ajaxtabscontent/


@up
szybszy byłeś ale zobacz sobie również link który podałem w tym poście
mrk9109
uzylem tego z ajaxem ;p dzieki tongue.gif temat do zamknięcia
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.