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

Wie Sie sehen können, haben wir für Sie die Font-Icons schon etwas optimiert bzw. auch in die Navigation eingearbeitet.

Allgemeiner Hinweis dazu:
Ohne weitere Bearbeitung sind die Font-Icons immer genauso groß und erscheinen 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%;}

Hinweis: Die Fotos in dieser Vorlage sind von https://picjumbo.com/ Wir haben diese responsive angelegt. Gerne können Sie natürlich auch Ihre eigenen Fotos verwenden.

Social Media

Kontakt