Beratung und Hilfe bei Startschwierigkeiten.
Lernhilfen und Wegweiser für angehende Kreativ- und EDV-Experten.

[GastForen Aktuell/Neuerungen, Feedback Entrypoint - Das Einsteigerforum Wie werden die Ecken rund.

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

Wie werden die Ecken rund.

willy48
Beiträge gesamt: 319

19. Nov 2006, 18:22
Beitrag # 1 von 3
Bewertung:
(1109 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Liebes Kollegium,
immer wieder stellt sich die Frage, wie man beim Programmieren von Webseiten vorgehen kann, um Seitenelemente mit abgerundeten Ecken zu erstellen.

Ich habe einen Weg gefunden wie man mit ein wenig Kenntniss in HTML,CSS und Javascript solche runden Ecken herstellen kann.

Einige Beispiele:
http://www.zw-test.net/nifty/nifty2js.html
http://www.zw-test.net/nifty/nifty3js.html
http://www.zw-test.net/nifty/nifty8js.html
http://www.zw-test.net/nifty/nifty10js.html

Das Tutorial dazu (English) findet ihr hier:
http://webdesign.html.it/...ore-nifty-corners/1/

Die oben angeführten und weitere Beispiele findet ihr in der Anlage.
Mit ein wenig Basiswissen kann man die Beispiele für eigene Zwecke adaptieren und in die eigenen Webseiten einbauen.

Viel Spass mit den "nifty corners"!
Gruß, Willy!
************************************************************
Ein Programm macht was Du schreibst, nicht immer das, was Du wolltest.
(Capt. Edward A. Murphy)

Anhang:
nifty2.zip (44.0 KB)
X

Wie werden die Ecken rund.

vollueli
Beiträge gesamt: 785

26. Nov 2006, 11:51
Beitrag # 2 von 3
Beitrag ID: #263813
Bewertung:
(1046 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hallo willy

füge doch in deine beispiele noch moz-border-radius ein. ich habe bei meinem firefox z.b. das plugin "noscript", bei welchem ich generell javascript deaktiviert habe. mit moz-border-radius wäre dieses problem schon mal für mozilla/netscape 6+/firefox nutzer gelöst.
http://www.css4you.de/trickkiste/tr00012.html

Gruss

chekk -> The Doodes


als Antwort auf: [#262654]

Wie werden die Ecken rund.

willy48
Beiträge gesamt: 319

26. Nov 2006, 14:14
Beitrag # 3 von 3
Beitrag ID: #263820
Bewertung:
(1035 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Danke vollueli, für Deinen Hinweis!

Ab CSS 3 sollen sie auch für IE6 und IE7 möglich sein: Rahmen mit abgerundeten Ecken. Netscape, Mozilla und Firefox können es bereits.

Das Tutorial http://www.css4you.de/ ist für Benutzer, die sich mit CSS beschäftigen wollen nur zu empfehlen!

Wie die Runden Ecken nur mit HTML und CSS aussehen findet ihr hier:
http://www.zw-test.net/pdf/rundeck.html
Die Seite wird derzeit nur mit den obgenannten Browsern richtig dargestellt.
Gruß, Willy!
************************************************************
Ein Programm macht was Du schreibst, nicht immer das, was Du wolltest.
(Capt. Edward A. Murphy)


als Antwort auf: [#263813]

Aktuell

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
05.02.2021 - 05.11.2021

Digicomp Academy AG, Limmatstrasse 50, 8005 Zürich
Freitag, 05. Feb. 2021, 13.00 Uhr - Freitag, 05. Nov. 2021, 17.00 Uhr

Lehrgang

Bilden Sie sich zum zertifizierten Publishing-Multimedia-Profi aus. Neben Fotografie und Video befassen Sie sich mit der Medienproduktion, digitalen Publikationen und dem Webdesign für Desktop- und mobile Endgeräte.

Preis: CHF 10'500.-
Dauer: 30 Tage (ca. 210 Lektionen) – Unterricht findet jeweils am Freitag von 13 - 19 Uhr und Samstag von 09 - 17 Uhr statt

Ja

Organisator: Digicomp Academy AG

Kontaktinformation: Kundenberater-Team, E-Mailkundenberatung AT digicomp DOT ch

digicomp.ch/d/9PM

Veranstaltungen
05.03.2021 - 30.04.2021

Digicomp Academy AG, Zürich oder virtuell
Freitag, 05. März 2021, 13.00 Uhr - Freitag, 30. Apr. 2021, 17.00 Uhr

Lehrgang

Im berufsbegleitenden Web Publisher Lehrgang vertiefen Sie Ihr Wissen rund um das Thema Screendesign und die Umsetzung von Websites. Wir befähigen Sie dazu selbständig und professionell Ihren Webauftritt zu planen und in die Realität umzusetzen.

Preis: CHF 3'250.–
Dauer: 8.5 Tage - Unterricht findet jeweils am Freitag von 13 - 19 Uhr und Samstag von 09 - 17 Uhr statt.

Ja

Organisator: Digicomp Academy AG

Kontaktinformation: Kundenberater-Team, E-Mailkundenberatung AT digicomp DOT ch

digicomp.ch/d/9PWEB

Neuste Foreneinträge


Serien-Dateinamenänderung (mit Automator?) "nur die ersten 7 Schreibstellen"

Abschnitt mit Absatzformat beginnen?

Scriptphänomen alle 16 Steps

Fotobuch mit gleicher längster Bildseite

Schwarz überdruckt nicht

Von Quark nach Indesign konvertieren

Illustrator 2021 Stapelverarbeitung

Startvolum

Barrierefreies PDF> keine klickbaren Fußnoten im PDF (Tagbaum)

Arbeitsfarbraum ändert sich bei neu angelegten Dokumenten von selbst
medienjobs