» UPDATE: Social Media Icons, New Affiliates | 3 Geschichten - Child Abuse hinzugefügt











FRAGE(N)? REGELN CREDITS
AGAINST

Tutorial - Bildrahmen



Im Bereich des CSS gibt es eine Vielzahl von Möglichkeiten deine Webseite optisch zu gestalten. Für den optischen Gesamteindruck deiner Webpresenz kannst du deinen Grafiken verschiedene verschönernde Effekte zuweisen. In diesem Tutorial geht es darum, eine Grafik via CSS mit einem Rand zu versehen.

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.



Erklärung:

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.


Beispiel:

[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:




Bei Anregungen, Hinweisen oder Fragen kontaktiere uns bitte über unser ASK-FORMULAR. Danke.