Hallo,
also das Design meiner neuen Webseite ist fertig. Der Grafiker hat vorgesehen eine "Reiternavigation" zu machen. Also auf den Navipunkt, auf welchen man geklickt hat, ist so ein "Reiter" zu sehen.
Anschauen wie ich das meine könnt ihr hier:
http://www.master-group.net/temp/mastersms.jpg
Wie kann man sowas an besten machen ? Kann mir jemand einen Tipp geben wie man es angehen könnte ?
Grüße,
Visionsurfer
ganz einfach:
UL - Liste und ein bißchen CSS,
mehr ist das nicht.
Wenn es für mich so einfach wäre, dann würde ich hier sicherlich nicht fragen 🙂
O.K. soweit so gut, würde mich riesig freuen, wenn du es mir vielleicht etwas genauer erklären kannst ?
Viele Grüße,
Visionsurfer
jenses schriebUL - Liste...
jenses schrieb...und ein bißchen CSS...
-> http://css.maxdesign.com.au/listamatic/
jenses schrieb...mehr ist das nicht.
Yo... 😉
Hallo,
ok, vielen Dank. Nur noch die Frage wie man das hinbekommt das die Ecken dann auch rund sind und die Reiter so aussehen wie in meiner grafischen Vorlage ?
Kann man jemand sagen wie ich das realisieren kann ?
Grüße,
Visionsurfer
Hallo,
also ich habe mir jetzt wie oben beschrieben alles angeschaut. Das ist soweit auch klar und easy. Aber kann mir eventuell noch jemand sagen wie ich das mit den abgerundeten Ecken hinbekomme, das es dann so aussieht wie in meiner Vorlage:
Na, indem du deine bg-images für die Listen-Punkte in Photoshop entsprechend vorbereitest,
wie denn sonst ?
Willst du das etwa mit dem Gifbuilder machen ?
Wenn ja, warum ?
Na ja, ich weiß gar nicht wie ich das machen kann/will 🙂
Ich mache es so, wie ich hier die Tipps kriege.
Ich meine mittlerweile bin ich soweit, das der Ansatz ja klar ist. Also mit LI und CSS und dann mache ich aus dem Reiter ein transparentes Gif und setze es in den Hintergrund. Das ist denke ich soweit klar.
Aber ein Problem gibt es. Wie kriegt man es hin das der Reiter in der Breite "dynamisch" ist. Weil ich wollte nur ein einziges GIF machen. Aber die Menüpunkte sind ja unterschiedlich lang. Ich meine die Wörter. Also müsste das Gif mal schmaler und mal breiter sein und da ist mein Problem.
Da weiß ich noch nicht ob es geht und wenn ja, wie es geht.
Vielleicht habt ihr ja noch einen Tipp.
Grüße,
Visionsurfer
visionsurfer schriebWie kriegt man es hin das der Reiter in der Breite "dynamisch" ist. Weil ich wollte nur ein einziges GIF machen. Aber die Menüpunkte sind ja unterschiedlich lang.
CSS! background-image und dann repeat...
lg georg
visionsurfer schriebIch mache es so, wie ich hier die Tipps kriege.
Tolle Einstellung...
Grundsätzlich ist Dir ja wohl schon klar, daß das absolut nichts mehr mit Typo3 zu tun hat?
Gib doch bei Google mal eben z.b. sowas wie "CSS Reiternavigation" ein.
Hallo,
ja die CSS Reiternavi ist ja soweit auch grundsätzlich nicht das Problem.
Aber wie man z.B. in meiner Vorlage sehen kann (die URL ist am Anfang vom Thema). Ist meiner Reiter z.B. mit runden Ecken. Mit geraden Bildmaterial könnte man ja eine Datei wunderbar "verformen", aber mit einem Gif mit abgerundeten Ecken, verstehe ich es nicht ganz.
Oder verstehe ich hier was komplett falsch ?
Grüße,
Visionsurfer