Tutorial - Bildrahmen
Beisppielgrafik:
Hier erkennst du einen dünnen,
dunkelgrauen Rand um den Icon herum.
Genau das ist unser Ziel. :)
Merke: Ein Bildrahmen umschließt eine .img-Datei die du in deinem Content einfügst. Er ist individuell anpassbar.
Anleitung:
Als erstes fügst du folgenden Code in deinen Headbereich [also zwischen head und /head (HTML-Coding)] oder deiner Style.css (PHP-Coding) ein.
-
2px = bedeutet das der Rand 2px breit ist. [kann individuell verändert werden].
solid = bedeutet das der Rahmen sich aus einer einzigen "Linie" ergibt.
Wenn du nun deine Grafik mit diesem Rahmen versehen möchtest, tauscht du den alten einfach gegen folgenden neuen Code ein:
Möchtest du aber nicht nur irgendeine Grafik verschönern, sondern z.B. einen deiner Linkbuttons, sieht der Code folgendermaßen aus:
Wenn dir dies aber noch nicht reicht, kannst du den Rahmen so coden das dessen Hintergrund sich beim Berühren mit dem Mauszeiger verändert.
[einfach den Button berühren]
Dies machst du indem du folgenden Code in deinen Headbereich [also zwischen head und head (HTML-Coding)] oder deiner Style.css (PHP-Coding) einfügst.
An der entsprechenden Stelle einfügen kannst du das Bild nun mit folgendem Code: