This is Quartus.

Icons

Wir verwenden Font-Icons

Font-Icons sind sozusagen grafisch wirkende Schriftzeichen, die aber wie normaler Text behandelt werden (denn es sind ja Textzeichen) und damit eine schnellere und leichtere Formatierung gegenüber grafischen Icons per Bildformat (z.b. gif, jpg oder png) ermöglichen. Wir haben eine der beliebtesten Icon-Schriften in dieser Vorlage bereits anbei. Sie heißt "Fontawesome".

Tipps zu den Font-Icons

Viele weitere Icons sind möglich, denn die Icon-Schrift "FontAwesome" ist ja bereits in dieser Vorlage installiert. So fügen Sie ggfls. weitere Icons hinzu oder ersetzen die vorhandenen. Der nachfolgende Link zum Anbieter zeigt weitere Infos sowie auch eine Übersicht aller Icons: fontawesome

Ohne weitere Bearbeitung sind die Font-Icons genauso groß und in gleicher Farbe wie die aktuell verwendete Schrift für den Text.
Als Beispiel:     

Fotos

Bildgröße

Damit die Bilder im Inhaltsbereich sich responsive anpassen, wird eine maximale Beite und eine automatische Höhe vergeben:

/* bilder -anpassen der grösse */
img {max-width: 100%;
height:auto;
display:block;
margin:0 auto;
}

Bilder in Spalten

Damit sich die Bilder in Spalten nicht mehr untereinander, sondern wenn gewünscht nebeneinander legen, ist die "float-Angabe" zuständig.

/* float */
.col {width: 100%;
margin: 0 auto;
float:left;
}

Breite der Spalten

Die Anzahl der nebeneinander liegenden Spalten wird durch eine Angabe der Breite in Prozent getätigt.

/* beispiel breite spalten */
.span_1_of_1 {width: 100%;}
.span_1_of_2 {width: 50%;}
.span_1_of_3 {width:33.33%;}
.span_1_of_4 {width: 25%;}

Social Media

Kontakt