Tabmenu like WBB
- Aebian
- Geschlossen
- Erledigt
-
Dieses Tabmenu?
[tabmenu][/tabmenu] -
CSS, mehr nicht.
-
Dieses Tabmenu?
[tabmenu][/tabmenu]Ja dieses, und halt eben in HTML / PHP o.Ä. für Websiten.
Also so in der Ausführung:
[tabmenu]
[tab=Mittelsmann,http://files.industrial-destruction.de/Graphics/middle.png]
http://industrial-destruction.de/index.php?page=middlemanÜber 25 Deals betreut und garantiert Trusted! Kontaktdaten siehe Rechts -->.
[tab=Signatur,http://files.industrial-destruction.de/Graphics/Signa.png]
[tab=Battlefield 3,http://files.industrial-destruction.de/Graphics/BF3.png]
DeadalusHD - Colonel
http://www.oscarmike.com/ - Join Us!Auflösung: 1920x1080
Details & Co: Ultra[tab=Meine Werke,http://files.industrial-destruction.de/Graphics/scwork.png]
[SCM][Tutorial]Grundlagen
[SCM]Show Coords
[SCM/MapMod]Openable Area 51 Gate | v1
Mehr Performance in San Andreas!
[SHOWROOM] 3D Design by Robbe
[tab=Ich biete,http://files.industrial-destruction.de/Graphics/Money.png]
[subtab=Sales]
http://sales.industrial-destruction.de/
[/tabmenu]E://
Und wie? :X
-
Prinzipiell sinds nur ein haufen in einander gereiter DIV-Container, denen via CSS ein Stil zugewiesen wird.
Wenn du jetzt natürlich ein eigenes Forum schreibst (o.Ä.) wo sich jeder selber so ein Tabmenu zusammenbauen können soll, wirste das schon mittels PHP o.Ä. parsen müssen. -
Also in Google finde ich höchstens was für phpbb.
-
Prinzipiell sinds nur ein haufen in einander gereiter DIV-Container, denen via CSS ein Stil zugewiesen wird.
Wenn du jetzt natürlich ein eigenes Forum schreibst (o.Ä.) wo sich jeder selber so ein Tabmenu zusammenbauen können soll, wirste das schon mittels PHP o.Ä. parsen müssen.Mir ging es hier drum: http://industrial-destruction.de/index.php?page=partners
Wollte das der Erste Tab beim öffnen der Seite die Partner anzeigt, also die Grafiken und im zweiten dann steht wie man Partner wird
Mehr eigentlich nicht. -
Dann reicht da ganz simples CSS. (Mit HTML natürlich :p)
-
CSS, mehr nicht.
Doch, Javascript. Oder wie möchtest du das nur mit CSS lösen ?
CSS unterstützt keine Klick-Events und Hover (offiziell) nur für Links, keine ganzen Container.@TE: Zerlege doch einfach hier die Tabs. Ich setze dir einen Startpunkt
Code<a onclick="tabbedPane.openTab('settings');"><span>Einstellungen</span></a> -
CSS unterstützt keine Klick-Events und Hover (offiziell) nur für Links, keine ganzen Container.
Dafür kann man problemlos :hover und :active benutzen.
-
-
Dafür kann man problemlos :hover und :active benutzen.
Wenn du hier aber auf die Buttons klickst und die Maus wieder weg nimmst, hat das Element nicht mehr den Suffix hover / active und es geht in den Ursprung zurück. Hier kann man aber auch in den Tab klicken und iweder weg gehen, und dafür braucht man Javascript. Nutzt das Forum hier auch
-
Na welch ein Glück, dass er kein Forum programmieren will, sondern seine Seite präsentieren. Zur Not kann er da immer noch tricksen und im onClickEvent die Klasse des Divs ändern, damit sie aktiv bleibt. Wäre immer noch weniger aufwändig, als sich ne komplett unnötige Funktion dafür zu schreiben.
-
Mit ein bisschen tricksen ist das durchaus ohne JS möglich. Siehe z.b Functional CSS Tabs Revisited. Ein nachteil dabei ist allerdings der Support für ältere Browser.
-
Mit ein bisschen tricksen ist das durchaus ohne JS möglich. Siehe z.b Functional CSS Tabs Revisited. Ein nachteil dabei ist allerdings der Support für ältere Browser.
Awesome, Danke maddin
-
Bietet Bootstrap da nicht auch so etwas?
-
Cool, ich bin am failen mit deinem Link xD
http://industrial-destruction.de/index.php?page=partners
E://
-
-
Kay Danke @DJMarc: werds mal testen.
GW, i failed wieder mal.
http://industrial-destruction.de/index.php?page=partners
CSS-Code ist in meiner CSS-Datei, JS-Code in der eigenen JS-Datei und auch eingetragen oben.
Hab ich was falsch gemacht?
-
-
