headerimage1 headerimage2 headerimage3 headerimage4 headerimage5 headerimage6
Sie sind hier: Startseite > Template fhs-basic-all Version 2.4 eu > logo.css
Saarland English
A
Letzte Bearbeitung:

logo.css

In der ursprünglichen stylsheet.css gibt es die Format-Deklaration für das Seitenlogo (ca. bei Zeile 208):

#header {
background: #fff;
position: relative;
border-bottom: 5px solid #666666;
font-size: 1.25em;
overflow: auto;
}
/* Layout - Logo */
#logo a {
background: url(images/logo-animation.gif) no-repeat;
background-size: 99%;
height: 70px;
width: 357px;
max-width: 45%;
display: inline-block;
float: left;
margin: 10px 20px;
text-decoration: none;
border: 0;
}
#logoTxt {
color: #666;
position: absolute;
bottom: 10px;
right: 20px;
max-width: 45%;
font-size: calc(10px + (28 - 10) * ((100vw - 320px) / (1920 - 320)));
font-weight: bold;
line-height: 120%;
}
/* Layout - Logo-Ende */
.langMenu {
display: inline;
position: absolute;
top: 20px;
right: 20px;
}

 

Damit zur Definition der Logo-Grafikdatei nicht im gesamten Stylesheet des Template "herumgemacht" werden muss, habe ich diesen Teil der Format-Definition aus der stylesheet.css entfernt und in die logo.css verlagert (diese wird am Anfang der stylesheet.css importiert):

/* Layout - Logo */
#logo a {
background: url(images/logo-animation.gif) no-repeat;
background-size: 99%;
height: 70px;
width: 357px;
max-width: 45%;
display: inline-block;
float: left;
margin: 10px 20px;
text-decoration: none;
border: 0;
}
#logoTxt {
color: #666;
position: absolute;
bottom: 10px;
right: 20px;
max-width: 45%;
font-size: calc(10px + (28 - 10) * ((100vw - 320px) / (1920 - 320)));
font-weight: bold;
line-height: 120%;
}
/* Layout - Logo-Ende */

Der Name der Logo-Grafikdatei wird dort eingesetzt (z.B.): logo-animation.gif

Die Höhe wird dort eingetragen (z.B.): 70px

und die Breite wird dort eingetragen (z.B.): 375px

Die Farbe des Logo-Textes (Anzeige erfolgt rechts oben über dem Slider) wird dort eingestellt (z.B.): #666

Wie die Formel zur automatischen Text-Größen-Skalierung arbeitet, wird dort beschrieben: Anpassen-des-Templates-an-eigenes-Design

Anders als in der Update-Version ist in der Voll-Version des Templates die logo.css und ein Default-Logo enthalten. In Update-Paketen werden diese Dateien nicht enthalten sein.


Bildquellen

Slideshowbilder von https://www.cmsimple-xh.org/
Logo: http://cmsimple.lembach-kr.de/?Template-fhs-basic-all2


| Seitenanfang | |  - - - By CrazyStat - - -

Please activate JavaScript in your browser.

» Sitemap