+ Antworten
Ergebnis 1 bis 5 von 5

Thema: Wie codiert man diesen Ribbon-Effekt?

  1. #1
    TP-Member JohnReinert macht alles soweit korrekt
    Registriert seit
    Apr 2007
    Beiträge
    78

    Wie codiert man diesen Ribbon-Effekt?

    http://www.from-the-couch.com/post.c...se-css-sprites

    Eckige Ribbon sind nicht sehr schwer,auch die oberen Rundungen sind nicht schwer doch wie codiert man den Unteren Teil?

  2. #2
    TP-Special Mod webmichl lebt für das TP und seine User webmichl lebt für das TP und seine User webmichl lebt für das TP und seine User webmichl lebt für das TP und seine User webmichl lebt für das TP und seine User webmichl lebt für das TP und seine User webmichl lebt für das TP und seine User webmichl lebt für das TP und seine User webmichl lebt für das TP und seine User webmichl lebt für das TP und seine User Avatar von webmichl
    Registriert seit
    Jun 2001
    Ort
    8°21' O 49°1' N
    Beiträge
    8.635

    Gruß, der Michl



    * * * if you want them to RTFM, make a better FM! * * *


  3. #3
    TP-Member JohnReinert macht alles soweit korrekt
    Registriert seit
    Apr 2007
    Beiträge
    78
    Mhm, das habe ich gesehen doch vielleicht hat ja jemand eine Idee?

    Also einzelne Ecken abrunden ist einfach,ich habe irgendwo malwas von negativen margin gelesen... Vielleicht wäre das ein Lösungsansatz für den unteren Bereich...

  4. #4
    TP-Special Mod webmichl lebt für das TP und seine User webmichl lebt für das TP und seine User webmichl lebt für das TP und seine User webmichl lebt für das TP und seine User webmichl lebt für das TP und seine User webmichl lebt für das TP und seine User webmichl lebt für das TP und seine User webmichl lebt für das TP und seine User webmichl lebt für das TP und seine User webmichl lebt für das TP und seine User Avatar von webmichl
    Registriert seit
    Jun 2001
    Ort
    8°21' O 49°1' N
    Beiträge
    8.635
    Du könntest mehrere DIVs verschachteln:

    Code:
    <style type="text/css">
    <!-- 
    .main {
    position: relative;
    background-color: red; 
    width: 200px; height: 40px;
    line-height: 20px;text-align: center;
    border-radius:15px;
    -moz-border-radius: 15px;
    } 
    .sub1 { width: 200px; height: 20px;
    border-radius:15px;
    -moz-border-radius: 15px;
    position: absolute;left: 0px; bottom: 0px;
    background-color: #880000;
    }
    .sub2 { width: 170px; height: 400px;
    position: absolute; left: 15px; top:2px;
    background-color: black;
    }
    -->
    </style>
    </head>
    <body>
    <div class='main'>
    <div class='sub1'>
    <div class='sub2'>
    &nbsp;
    </div>
    </div>
    </div>
    ob das aber so praktikabel ist... keine Ahnung...

    Gruß, der Michl



    * * * if you want them to RTFM, make a better FM! * * *


  5. #5
    TP-Member JohnReinert macht alles soweit korrekt
    Registriert seit
    Apr 2007
    Beiträge
    78
    Danke, ist echt nicht praktisch... doch in der Theorie würde es funktionieren, vielleicht setze ich das mal konsequenter um :-)

+ Antworten

Ähnliche Themen

  1. Effekt wie diesen
    Von MrDevil im Forum Fireworks
    Antworten: 3
    Letzter Beitrag: 25.02.2009, 17:48
  2. wie diesen effekt erzielen?
    Von mellsom im Forum Photoshop
    Antworten: 3
    Letzter Beitrag: 22.02.2008, 15:39
  3. Diesen Effekt erstellen
    Von GateKay im Forum Photoshop
    Antworten: 0
    Letzter Beitrag: 08.02.2007, 08:01
  4. Wie bekomme ich diesen Effekt?
    Von Peter-R im Forum Photoshop
    Antworten: 2
    Letzter Beitrag: 30.08.2003, 19:30
  5. Wie bekommt man diesen Effekt hin??
    Von Basti@DT125R im Forum Photoshop
    Antworten: 8
    Letzter Beitrag: 28.04.2002, 14:39

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51