Um die Schrift und das Logo links zu ersetzen, lösche einfach folgendes in der overall_header.html:
Code: Select all
<div class="header-pad"><a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a></div>
<p class="site-desc">{SITE_DESCRIPTION}</p>
Damit proFormell weiter ohne Probleme funktioniert, musst du 4 verschiedene Größen von deinem Foto hochladen:
850x...px, 1000x...px, 1150x...px, 1350x...px
Die jeweiligen Bilddateien sollten am besten die gleiche Höhe haben, am einfachsten wäre die Höhe 150px, es gehen aber natürlich auch andere Höhen. Am besten ist, wenn du mir einfach sagst wie hoch die Fotos sein werden.
Die vier Fotos müssen folgende Dateinamen haben (von klein nach groß):
header_bg, header_wide, header_wider, header_widest
Die Dateiendung kannst du selbst wählen, muss dann aber noch im nachfolgenden Codestück und in den drei CSS-Dateien wide.css, wider.css, und widest.css geändert werden.
Das Foto das du als neuen Header haben willst, lädst du dann in den proFormell/theme/images Ordner hoch.
Danach öffne proFormell/theme/colours.css
Finde:
Code: Select all
.headerbar {
background-color: #FFFFFF;
background-image: url("{T_THEME_PATH}/images/header_bg.png");
width: 850px;
height: 150px;
min-width: 635px;
color: #FFFFFF;
}
Tausche "header_bg.png" durch dein Hintergrundfoto.
Das gleiche musst du auch mit den anderen 3 Fotos in den jeweiligen CSS-Dateien wide.css, wider.css, und widest.css machen.
