abgerundete Ecken, aber nicht alle

Rasmann escrito el 06.02.PM a las 17:52 horas

Hallo,

das Abrunden der Ecken einer Fläche ist ja mit den Eckanfassern ne feine Sache.
Aber warum immer alle 4? Kann ich nicht so abrunden, dass unten rund und oben spitz?
Also nur unten die beiden Ecken abrunden.

per Hand gehts ja auch ---> border-radius:3px 15px 5px 30px; hier sind sogar alle Ecken verschieden.

Jedoch, trägt man es per Hand nach (Notepad++) und bearbeitet im WD die Seite später um und speichert dann um zu veröffentlichen, sind wohl die schönen Ecken futsch, denn "zu Fuß" kodierte Zeilen werden dann überschrieben.

Oder gibts die Option im WD ? Das wär cool!

Rasmus

Comentarios

BilderMacher escrito el 06.02.PM a las 18:38 horas

Hallo!

Leider sind die Gestaltungsmöglichkeiten im Gegensatz vom "abgeleiteten" Foto&Grafik Designer im WD beschränkt um nicht zu sagen amputiert ...

Aber du kannst dennoch die Ecken der Rechteckform frei gestalten.

Das geht so:

  • Rechteck mit abgerundeten Ecken erstellen
  • Formen kombinieren

  • damit wird das Rechteck editierbar und man kann jeden Ankerpunkt löschen oder verschieben

  • und so seine Ecken individuell gestalten

 

Du kannst aber auch mit dem Form-Werkzeug alle nur denkbaren Formen gestalten ... auch rechtecke, die dann auch abgerundete Ecken bekommen können ...

Modificado por última vez por BilderMacher el 06/02/2014, 18:55 Horas, modificaciones en total: 2

"Je mehr die Menschen wissen, desto weniger müssen sie glauben!"

+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
Ich kann vieles, darf aber nicht alles.
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

-------------

Hardware / Software:
::::::::::::::::::::::::::::::::::::++++:::::::::::::::::::::::::::::::::::::::::::::::::

Intel(R) UHD Graphics (für Import, Verarbeitung, Export)

NVIDIA GeForce MX250 (wird nicht in Schnitt-SW verwendet)

  • Video deluxe 2016 Premium
  • Video deluxe 2025 Premium
  • Video Pro X 16
  • Photostory Deluxe 2025
  • Samplitude X7 Suite
  • ACID Pro 11
  • Music Maker 2025 Premium
  • MAGIX/XARA Graphic-/Web-Designer

-----------------------------------------------------------------------------------

Edition    Windows 10 Home
Version    2009
Installiert am    ‎15.‎10.‎2020
Betriebssystembuild    19045.5917

------------------------------------------------------------------------------------

Standardbrowser: Firefox 138.0.4

👶-Boomer

Rasmann escrito el 06.02.PM a las 20:02 horas

Na, geht doch (amputiert ist gut)

Was hältst Du von: Alle Ecken abrunden, neues horizontal-schmales Reckteck drüberziehen in exakt der gleichen Breite und Farbe (bei Farbverlauf schon blöd) und dieses oben an die Kante schieben, so dass runde Ecken überdeckt werden.
Nachteil: Eine weitere halbwegs überschüssige Grafik auf der anderen = viele Grafiken = Ladezeit etc..

BilderMacher escrito el 06.02.PM a las 20:18 horas

Du kannst aber auch die zwei Rechteckformen (abgerundet und spitz) übereinander legen, beide markieren, Formen kombinieren und addieren ... dann hast du auch eine spitze Ecke und drei abgerundete ...

Modificado por última vez por BilderMacher el 06/02/2014, 20:21 Horas, modificaciones en total: 3

"Je mehr die Menschen wissen, desto weniger müssen sie glauben!"

+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
Ich kann vieles, darf aber nicht alles.
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

-------------

Hardware / Software:
::::::::::::::::::::::::::::::::::::++++:::::::::::::::::::::::::::::::::::::::::::::::::

Intel(R) UHD Graphics (für Import, Verarbeitung, Export)

NVIDIA GeForce MX250 (wird nicht in Schnitt-SW verwendet)

  • Video deluxe 2016 Premium
  • Video deluxe 2025 Premium
  • Video Pro X 16
  • Photostory Deluxe 2025
  • Samplitude X7 Suite
  • ACID Pro 11
  • Music Maker 2025 Premium
  • MAGIX/XARA Graphic-/Web-Designer

-----------------------------------------------------------------------------------

Edition    Windows 10 Home
Version    2009
Installiert am    ‎15.‎10.‎2020
Betriebssystembuild    19045.5917

------------------------------------------------------------------------------------

Standardbrowser: Firefox 138.0.4

👶-Boomer

Rasmann escrito el 07.02.AM a las 05:25 horas

Boah, gib mir fünf

Erst hatte ich garkeine Idee, jetzt weiß ich nicht mehr, welche Lösung ich nehmen soll.

Ja so kannst gehn. Es ist immer so im Leben, wenn nix mehr geht, kommt vielleicht dahinten ein kleines Lichtlein und ... (ich sag dann immer, das ist die Lok mit dem Scheinwerfer, im Tunnel, die auf Dich zukommt, na egal)

Werden durch "Formen addieren" die Rechtecke zusammengefügt zu einer Grafik? Oder nur untrennbar gemacht?
Den Code muss ich dann sehen! Mit `border-radius:.......`  hat man eine Zeile, mal sehen, was der WD ausspuckt.

Jedenfalls kommt dieser Talk hier auf den Merkzettel. Das ist ja schon fast ein Tutorial.

Rasmann escrito el 09.02.PM a las 16:45 horas

Ich hab mal etwas rumgespielt und per FireBug die unteren Ecken der Homepageseite (Pageboard) abgerundet, aber Firebug zeigt mir nicht wie sonst, in welcher Datei (index_html_files) ich schreiben müsste.

Mittels border-radius:......  konnt ich Effekt im Firefox sehen, aber wo wird die Zeile eingetragen?
Es steht was von Java-script in Firebug an der Position. Hatte auf eine .css gehofft, aber davon
gibts beim WD anscheinend nicht viel.