Moin, wie bekomme ich es hin das die Boxen Rund ecken haben, allerdings mit der Box in dem die Überschrift steh. Ich bekomme es nur hin das ich beide Boxen einzeln "runden" kann was aber blöd aussieht. Also es müsste die Box mit der Überschrift nur oben gerundet werden und die Box mit den Info`s nur unten gerundet werden . Wie bewerkstellige ich das?
hallo in dem du den styleedit öffnest...dann auf die box klicks z.b überschrift und dann auf optionen - css editor und in der css-datei folgende werte z.b. einträgst: HTML: border-top-color: #666666; border-top-left-radius: 15px; border-top-style: dotted; border-top-width: 1px; dies ist jetzt eine runde ecke für ecke links oben. für alle anderen ecken muss das natürlich dementsprechent auch geändert werden. soviel ich aber weiß wird dieses beim ie ab version 9 unterstützt. bei allen anderen browser funzt es.
Hallo Würd gern auch mehr daruber wissen , wie muss ich denn den Code ändern das die unteren Ecken abgerundet werden
zu beachten ist auch: Wenn die Menüboxen einen Radius-Style erhalten und die box-inner Elemente einen Hintergrund haben, dann muß der Style: border-radius auch in der box-inner eingefügt werden, sonst sieht es komisch aus.
desweiteren sollte eine kleine .htc Datei benutzt werden, damit es in den restliche IE´s auch rund aussieht
Hey Rene, kannst du das etwas erläutern? Ich denke vielen geht wie mir und ich habe gerade keine Ahnung
@dakler für Dich doch immer gerne. Schau mal in diesem Post => (Link nur für registrierte Nutzer sichtbar.) @balou ich kann Dir zwar gerade nicht folgen und ich weis auch nicht was es mit Magento zu tun hat, aber Du wirs das schon wissen ... hoffentlich ...
Code: ich kann Dir zwar gerade nicht folgen und ich weis auch nicht was es mit Magento zu tun hat, aber Du wirs das schon wissen ... hoffentlich ... nicht immer so schnippisch....dieses Feature setzt das shopsystem magento ein. hab ich noch nicht in einem anderen shopsystem gesehen. sorry wollte dich nicht in deiner ehre verletzen.
<--- schnippisch an ---> Du meintest sicherlich Feature <--- schnippisch aus ---> das Feature ist auch nicht aus Magento, sondern stammt von hier: (Link nur für registrierte Nutzer sichtbar.) ...
Hi Rene, Kannst du mir bitte sagen wo ich die HTC File und den Code anlegen muss. Di Ecken hab ich so zwar jetzt rund aber im IE klappt es nicht: Danke und Grussi John
Hallo Christian, Also bei mir hat's noch nicht geschnackelt. In welches css File muß ich den Code einbringen? Wo muß ich das border-radius.htc installieren? Muß ich dann die alten Radius-Angaben in z. B. #container wieder löschen? Wie erreiche ich z. B. im css-Monitor unter #container das .runde_ecke? Über Hilfe würde ich mich freuen.
Sry hat ein bischen gedauert. Ich habe dazu mal ein kleines Tutorial in meinem Blog geschrieben. (Link nur für registrierte Nutzer sichtbar.)
Hallo Rene, sehr schöne Erklärung ... und einfach nachzuvollziehen! Nur schade, dass sich an dem Ergebnis nix geändert hat! Der IE8, Safari 3.1.2 und der FF 3.6.23 wollen von Radien nix wissen!
In meiner CSS-Datei dies.. Code: .mbr_rahmen { -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; behavior: url(border-radius.htc); } ... im Template: Code: <div class="mbr_rahmen"> {$msg_user_mu001.text} {$user_tester.text} </div> ... und natürlich die "border-radius.htc" in den Template-Ordner wo auch meine CSS liegt. Und nu`?