** C H R I S K I Z Z M Y S U N » .. Kopf aus

Rand um ein Bild, per ccs

Ein schöner Effekt, Bilder in seine Website einzubinden, ist sie mit einem Rahmen zu versehen. Wie ihr vielleicht schon mal gesehen habt, haben verlinkte Grafiken oftmals einen blauen, eventuell auch lilanen, Rand, der leider eher unschön aussieht.
In diesem Tutorial zeige ich euch, wie man um verlinkte, sowie normale Grafiken einen Rand macht, mit einem ganz einfachen Code. Das gute daran: Es ist weder aufwändig, noch kompliziert und ihr könnt auf einfache Weise einem Icon, Grafiken o.ä. einen Rand verpassen, in der Farbe eurer Wahl.

Den folgenden Code fügt ihr im head Bereich euer Website ein, besser gesagt, zwischen < style> und < /style>:

Erklärung:
.rand: "rand" ist der Name des Befehls, den ihr später jedes Mal eingeben müsst, wenn ihr euren Rand um eine Grafik machen möchtet. Ihr könnt ihn beliebig umbenennen, denkt aber daran, den Punkt davor stehen zu lassen.
4px: Dies bezeichnet die Dicke eures Randes, ihr könnt ihn breiter und dünner machen, indem ihr eine höhere oder kleinere Zahl eingebt
solid: Dies könnt ihr auch gegen dotted (gepunktet) oder dashed (gestrichelt) ersetzen, es bedeutet die Art des Randes, also normal, gestrichelt oder auch gepunktet
#FFFFFF: Hexcode für die Farbe, die euer Rand haben soll.

Den zweiten Code, den ihr immer wieder verwenden werdet, ist dieser:

Ein ganz normaler Code, um Grafiken einzufügen, nur mit dem Zusatz class="rand"> (falls ihr im Style Bereich statt "rand" "rahmen" eingegeben habt, denkt daran, dies auch hier zu ändern).
Jedes Mal, wenn ihr einem Bild nun einen Rand verleihen wollt, müsst ihr diesen Coden verwenden. :} Bei verlinkten Grafiken ist dies fast dasselbe, allerdings müsst ihr vor dem eigentlichen Code noch den Code fürs verlinken setzen, also so:

Viel Spaß beim ausprobieren und falls es noch Fragen geben sollte, könnt ihr euch jederzeit in meinem Askme melden.

(Copyright by Chriskizzmysun, kopieren ist strikt untersagt!)

Welcome here

× View with IE • Firefox ×
Willkommen auf meinem Blog, auf dem ich über meinen Alltag & alles was mich bewegt blogge. Viele verschiedene Themen, wie es mir grad in den Sinn kommt. Über Feedback freue ich mich & bei Gefallen, verfolgt meinen Blog mithilfe verschiedener Funktionen. Have Fun!