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:
(1132 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:
(1069 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:
(1058 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]

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
02.02.2023

Prozesse optimieren und effizient gestalten

Zürich
Donnerstag, 02. Feb. 2023, 08.00 - 10.00 Uhr

Digitalisierung, Webauftritt

Digitalisierung mitgestalten - Worauf kommt es an? Wie wichtig ist die Webseite? Webseite mit Word Press? Interne Prozesse optimieren

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: Birol Isik, E-Mailinfo AT bkcc DOT ch

https://digitalisierung-heute.ch/digitalisierung-informationstag-schweiz/

Veranstaltungen
01.03.2023 - 09.03.2023

Online
Mittwoch, 01. März 2023, 00.00 Uhr - Donnerstag, 09. März 2023, 00.00 Uhr

Online Webinar

Wie gehen wir mit diesen Veränderungen um? Was ist notwendig, damit wir die Digitalisierung im Unternehmen klappt? Veränderungsprozesse verstehen und entsprechend handeln Mitarbeiter als Botschafter Webseite mit WordPress erstellen SEA /SEO (Ads aufschalten)

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: B. Isik, E-Mailinfo AT snfa DOT ch

https://www.fernstudiumfitness.ch/digitalisierung-schweiz/