Ergebnis 1 bis 9 von 9

Thema: Menüs rund machen

Hybrid-Darstellung

Vorheriger Beitrag Vorheriger Beitrag   Nächster Beitrag Nächster Beitrag
  1. #1
    Thor82
    Gast

    Menüs rund machen

    So, hab jetzt mal ne blöde Frage Also ich würde gerne meine Menüs rund machen wollen. Wie muss ich da vor gehen? Ich muss dann ja sicherlich beim menühead eine grafik mit abgerundeten Ecken erstellen und für die Menübox auch. Nur frage ich mich jetzt wie ich das dann in der css mit dem rand machen soll.
    Denke mal mein Ansatz da zu ist erstmal richtig. Vieleicht kann mir ja hier zu jemand tips geben.

  2. #2
    Moderator
    Registriert seit
    07.07.2006
    Beiträge
    1.370
    Schau mal in meine Sig, Autolose und Fucomat haben zumindest halbwegs abgrundete Ecken, ohne irdendwelches css.

    Das was man dort sieht ist nicht der Menühead, sondern eine Grafik (gif) die ich darüber gepackt habe, den Menühead hab ich dafür irgendwie auf 0 gebracht.

    Es gibt sicher verscheidene Möglichkeiten das zu reaisieren, meine hab ich nun gepostet.

    MfG

  3. #3
    Thor82
    Gast
    Danke dir aber das ist nicht der Ansatz, den ich suche. Wollte es in etwa so machen wie bei http://www.frejiasvegas.de/

  4. #4
    Erfahrener Benutzer Avatar von jpwfour
    Registriert seit
    06.02.2008
    Beiträge
    3.717
    dort wird das auch nur mit grafiken gemacht, natürlich kommt es auf die genaue platzierung an, dazu schau dir am besten mal den quelltext der seite an.
    es gibt verschiedene möglichekiten, entweder als hintergrund einer tabell bzw. tabbelen zelle, oder aber das ganze umschreiben und statt tabellen divs verwenden etc.

    ohne bilder wirst du abgerundete ecken (noch) nicht hinbekommen, wobei es in css3 eine möglichekit geben soll, abgerundete ecken nur per css zu realisieren, dazu müssen aber erst mal die gängigen browser das unterstützen:
    http://www.css4you.de/trickkiste/tr00012.html
    Kill one man, and you are a murderer.
    Kill millions of men, and you are a conqueror.
    Kill them all, and you are a god.
    - Jean Rostand, Thoughts of a Biologist (1939)

  5. #5
    Thor82
    Gast
    Die Bilder sind ja kein Problem nur frage ich mich ob ich da in der css was ändern muss, da ja der Rahmen eckig ist

  6. #6
    Moderator
    Registriert seit
    07.07.2006
    Beiträge
    1.370
    Hab die von dir gepostete Seite mal angeschaut, die haben das vom Prinzip her genauso wie ich gemacht. Du brauchst Grafiken die schon entsprechend abgerundet sind, dabei musst du aber zusehen der Rest der Ecken die gleiche Hintergrundfarbe wie deine Seite hat.

    Das wars dann schon, in der css kannst du den Menühead minimieren, auf 0, und dann im lib genau über den nun unsichtbaren Menühead die Grafik rein, fertig.

    MfG

  7. #7

    Cool abgerundete Menues

    Zitat Zitat von Thor82 Beitrag anzeigen
    So, hab jetzt mal ne blöde Frage Also ich würde gerne meine Menüs rund machen wollen. Wie muss ich da vor gehen? Ich muss dann ja sicherlich beim menühead eine grafik mit abgerundeten Ecken erstellen und für die Menübox auch. Nur frage ich mich jetzt wie ich das dann in der css mit dem rand machen soll.
    Denke mal mein Ansatz da zu ist erstmal richtig. Vieleicht kann mir ja hier zu jemand tips geben.
    ich arbeite einfach mit adobe Photoshop 6. Einfacher gehts nicht

    mfg
    Surf mit mir

Ähnliche Themen

  1. Suche Menüs wie auf DSN
    Von Hardy im Forum Talk, talk, talk...
    Antworten: 5
    Letzter Beitrag: 02.12.2009, 15:34
  2. EF existiert nicht & Werbung in Menüs
    Von geldstuebchen.de im Forum Support zum VMSone
    Antworten: 32
    Letzter Beitrag: 14.10.2009, 10:01
  3. Datenleck an der Uni Göttingen betraf rund 26.000 Studenten
    Von Newsbot im Forum Talk, talk, talk...
    Antworten: 0
    Letzter Beitrag: 02.10.2008, 14:30
  4. Wo Farben des Menüs
    Von maxi78 im Forum Support zu Addons & Erweiterungen
    Antworten: 1
    Letzter Beitrag: 19.05.2008, 20:27

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •