Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Tipps & Tricks ›

Runde Ecken

Eingetragen von erich (52)
am 26.09.2006 - 11:11 Uhr in
  • Tipps & Tricks

Runde Ecken sind ein beliebtes Designelement, das auch von DrupalCenter.de verwendet wird. Es gibt verschiedene Möglichkeiten, wie man Boxen mit abgerundeten Ecken erzeugen kann; auch in diesem Forum sind solche aufgezeigt.

Mir lag daran auszuprobieren, wie man mit den CSS-Pseudoelementen before und after runde Ecken zu Boxen erzeugen kann. Ich habe dieses an der schrittweisen Gestaltung von Blöcken auf unserer PreetzLUG-Seite einmal durchgespielt.

Mir lag vor allem daran, die strenge Scheidung von Inhalt und Darstellung, wie sie eigentlich von Drupal vorgegeben ist, beizubehalten und keine Änderungen bei der Ausgabe des Quelltextes vorzunehmen. Der Firefox beherrscht die CSS-Pseudoelemente, der IE jedoch nicht; da wir uns nur open source verpflichtet fühlen, haben wir darüber hinweggesehen.

Erich

‹ Erfahrungen mit webhostone.de Zen Sub themes im Handumdrehen (online) erstellen ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Dafür gibt es mehrere

Eingetragen von sanduhrs (1274)
am 26.09.2006 - 11:31 Uhr

Na das ist mal ein schicker Ansatz. Es gibt aber auch Cross-Browser-Lösungen, die mit dem Standard-Drupal-Code funktionieren z.B.
CSS-Basiert:
http://www.alistapart.com/articles/slidingdoors/
JavaScript-JQuery-Basiert:
http://methvin.com/jquery/jq-corner-demo.html

Die hier auf Drupalcenter genutzte ist keine davon und zudem nicht die eleganteste ;)

--
sanduhrs - drupalcenter
-----------------------
http://erdfisch.de

--
sanduhrs · Stefan Auditor · Drupalcenter
http://erdfisch.de · http://drupal.org/user/28074 · http://association.drupal.org/user/646

  • Anmelden oder Registrieren um Kommentare zu schreiben

Weitere Anleitungen

Eingetragen von maria-rita (504)
am 22.11.2008 - 10:47 Uhr

Hallo,

im Buch "Bulletproof Webdesign" gibt es auch Anleitungen für runde Ecken.

Mich würde mal interessieren, ob sich diese Anleitung auf für Drupal so übernehmen lassen.

Viele Grüße

Barrierefreies Webdesign
Marita Betz

Barrierefreies Webdesign
Marita Betz
http://www.barrierefreies-webdesign-mb.de

  • Anmelden oder Registrieren um Kommentare zu schreiben

erich schrieb Mir lag vor

Eingetragen von Kars-T (1473)
am 22.11.2008 - 12:25 Uhr
erich schrieb

Mir lag vor allem daran, die strenge Scheidung von Inhalt und Darstellung, wie sie eigentlich von Drupal vorgegeben ist, beizubehalten und keine Änderungen bei der Ausgabe des Quelltextes vorzunehmen.

Versteh ich nicht ganz, was du da erreichen willst?
Du machst das so oder so in Kontext eines Themes und hast wohl Garland benutzt. Das Block Template zu änder geht konform mit dem Ablauf von Drupal und ändert nichts am Core.

Wenn du das so baust, das der IE das nicht kann, verlierst du immer noch mindestens 60% der Benutzer...

Wenn du das schon mit CSS 3 Selectors machen willst, dann nimm lieber JQuery, da verlierst du "nur" ca. 10% und kannst es unintrusiv machen, also für die ohne JS sind die Ecken dann halt eckig.

Falls euch noch mehr Hacks interessieren:

http://www.smileycat.com/miaow/archives/000044.php

---

Viele Grüße,

Kars-T XING

Viele Grüße,

Kars-T

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • (Gelöst) Taxonomie Beziehungen ausblendbar im Backend?
  • Fehler nach Drupal Core Update auf 7.91
  • Suche Upgradeempfehlungen einer existenten Drupal7 Site auf 9/10?
  • Develop Custom Field in Views
  • Wie View mit einem Array von ids filtern?
  • Wie befülle ich den Cache automatisch? [gelöst]
  • [gelöst] "EntityMetadataWrapperException: Invalid data value given." für Datum-Feld in Webform
  • Wie kann man die Ansicht der Benutzer erweitern?
  • Paragraphs - mit drei Sprachen, die nicht immer alle übersetzt werden können.
  • Wie path/url_alias in views anzeigen?
  • Drupal 9 - PHP 8 - Modul funtkioniert nicht mehr
  • Timestamp wird in views falsch interpretiert
Weiter

Neue Kommentare

  • Danke Regina, für den
    vor 21 Stunden 26 Minuten
  • Bei mir wird es
    vor 1 Tag 6 Stunden
  • Bei Strato kann man doch
    vor 6 Tagen 18 Stunden
  • Fehlercode: SSL_ERROR_NO_CYPHER_OVERLAP
    vor 6 Tagen 21 Stunden
  • Was ist denn
    vor 1 Woche 1 Tag
  • Ohne das jetzt sicher zu
    vor 1 Woche 1 Tag
  • Kann es sein, dass das zweite
    vor 1 Woche 1 Tag
  • Da gibt es ehrlich gesagt
    vor 1 Woche 1 Tag
  • [gelöst] "EntityMetadataWrapperException: Invalid data value giv
    vor 1 Woche 1 Tag
  • Wie oben geschrieben, habe
    vor 1 Woche 2 Tagen

Statistik

Beiträge im Forum: 247936
Registrierte User: 19624

Neue User:

  • Davidenabs
  • climtarmut
  • VerifproMi

» Alle User anzeigen

User nach Punkten sortiert:
wla9218
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3845
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 13 Gäste online.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association