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 (1285)
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

  • 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

  • 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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • Wie erlaubt man neuen Benutzern auf die Resetseite zugreifen zu dürfen.
  • Probleme mit der darstellun der ogg:image Tags.
  • Drupal-Forks und ihre Schwächen/Stärken
  • Lokale Entwicklungsumgebung auf Windows
  • [gelöst]Abhängigkeiten zweier oder mehrerer Inhaltstypen
  • Drupalcenter tot?
  • Was kann ich gegen ständige Blutergüsse tun?
  • Mir gefällt die Drupal Symfony und deren Composer
  • Mir ist da was aufgefallen ;)
  • Matomo Installation
  • Verständnisfrage private_files in Drupal
  • [gelöst] Drupal 7 Forum Beitrag mit Bilder einstellen
Weiter

Neue Kommentare

  • Danke für die ausführliche
    vor 17 Minuten 37 Sekunden
  • Also Leute ich freue mich ja
    vor 1 Stunde
  • Was du brauchst ist der
    vor 1 Stunde 5 Minuten
  • Kommt drauf an
    vor 1 Stunde 26 Minuten
  • Kontextfilter und Relationen sind der richtige Ansatz
    vor 18 Stunden 44 Minuten
  • Zusatzfragen
    vor 1 Tag 19 Stunden
  • DDEV verwaltet Container, sowohl Docker als auch andere
    vor 1 Tag 20 Stunden
  • Entwicklungsumgebung ist nicht nur Server
    vor 1 Tag 20 Stunden
  • Danke
    vor 3 Tagen 3 Stunden
  • [gelöst] Danke!
    vor 3 Tagen 3 Stunden

Statistik

Beiträge im Forum: 250051
Registrierte User: 20362

Neue User:

  • LilliNELP
  • Wavermype
  • tom082

» Alle User anzeigen

User nach Punkten sortiert:
wla9456
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3855
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 2 User und 5 Gäste online.

Benutzer online

  • dinmikkith
  • SportSaarlandToday

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