Runde Ecken waren ja schon immer voll im Trend. Ob das immer sein muss, sei mal dahingestellt. Alle modernen Browser, außer natürlich unser aller Liebling der IE, können runde Ecken ohne Bilder generieren. Dazu reichen diese Zeilen im CSS:
.curved {
-moz-border-radius:10px; / Firefox /
-webkit-border-radius:10px; / Safari and chrome /
-khtml-border-radius:10px; / Linux browsers /
border-radius:10px; / CSS3 /
}Anstatt nun, nur wegen dem IE Bilder zu nutzen, empfiehlt sich der Einsatz einer IE Behavior Datei(*.htc).
http://code.google.com/p/curved-corner/
Damit ausgestattet, reicht es aus das obige CSS mit dieser Zeile zu ergänzen:
behavior: url(border-radius.htc);
View displays mit Reitern ausstatten
Mi. 24.03.2010
DrupalCon SF
Fr. 26.02.2010
Sexy Exposed
Mi. 24.03.2010
"Pünktchen" um Links entfernen
Do. 27.05.2010
Views PHP User-Magazin Social Media Drupal 7 - Alpha Release Textmate CSS Tipps und Tricks Theming Twitter Online Magazine Ubercart Layout Web-TV mdwp* Drupal Shops Personalien Drupal Distributionen Für Ein- u. Umsteiger Communities Acquia Drupal Performance Blueprint Top Module Bücher Administration Drupal und SOAP Facebook Installationsprofile Archiv Media Messen Drupal Gardens Panels Plesk 960 Autoren Drupal 7 CCK CMS Vergleich Anfänger Cron Ajax Ausstellungen Drupal Blogs Aegir Starter Themes Mehrsprachigkeit Warum Drupal? Tutorials jQuery Drupal Sites Drupal in der Presse Themes DrupalCon DrupalCon 2010 Kopenhagen Drupal für Entscheider Wysiwyg Editoren cron.php Topstories Drupal Programmierung Konferenzen Webservices DrupalCon 2009 Paris News CSS-Frameworks Gridsystem Awards Webinars
Bin über Facebook hierüber gespolpert. Super. Nicht dieser Artikel sondern eben die Tatsache, dass er bei Facebook zu finden ist. Hey, und dieses Kommentarformular sieht eher so aus wie bei WP und nicht wie bei Drupal. Klasse.
Und ich habe gerade gemerkt, dass ich mich über neue Kommentare benachrichtigen lassen kann, ohne überhaupt eure Site besucht zu haben. Erstaunlich.
Es geht auch mit JQuery *gg hier ein Modul, was ich grade gefunden habe.
http://drupal.org/project/rounded_corners
Der Nachteil daran ist, dass es dann bei deaktiviertem JS auch im FF und anderen modernen Browser nicht geht. Bei der hier vorgeschlagenen Lösung werden ohne JS die runden Ecken halt nur im IE nicht angezeigt.
Hi,
die Darstellung von runden Ecken ohne Grafiken funktioniert beim Firefox, Chrome sowie Safari gut. Der Workaround für die Internet Explorer mittels HTC-Datei funktioniert nicht zuverlässig. Zudem benötigt die HTC-Datei eben Javascript.
Ich empfehle runde Ecken mit CSS-Sprites.
Viele Grüße,
Peter
Kommentar hinzufügen