Antiquatus hat geschrieben:Hallo miteinander,
ich bin auf der Suche danach wie ich den bereich für das Logo (site_logo) vergrößere sodass alles erst darunter estellt wird.
http://bierwaechter.bi.funpic.de/phpBB3 ... e9b53bc0f1
Ist der link zu meinem bis jetzt geformten Forum, style von spieleresidenz und will das modifizieren.
Schonmal vielen Dank für eure Hilfe
Bezug nehmend auf deine Logo-Größe von 946px x385px ändere folgendes:
1.) mit einem Bildbearbeitungs-Programm:
root/styles/camelot_light/theme/images/logo/logo-left.jpg auf 48px x 430px
root/styles/camelot_light/theme/images/logo/logo-mid.jpg auf 505px x 430px
root/styles/camelot_light/theme/images/logo/logo-right.jpg auf 48px x 430px
2.)suche in root/styles/camelot_light/imageset/imageset.cfg:
ersetze damit:
3.)suche in root/styles/camelot_light/theme/additional.css:
Code: Alles auswählen
#logo {
background-repeat: no-repeat;
width: 100%;
height: 82px;
padding: 0px;
margin: -82px 0px 0px 0px;
text-align: center;
clear: both;
}
.logo-l {
background-image: url("{T_THEME_PATH}/images/logo/logo-left.jpg");
background-repeat: no-repeat;
height: 82px;
float: left;
width: 48px;
padding: 0px;
}
.logo-m {
background-image: url("{T_THEME_PATH}/images/logo/logo-mid.jpg");
background-repeat: repeat;
height: 82px;
margin: 0px 48px 0px 48px;
width: auto;
padding: 0px;
}
.logo-r {
background-image: url("{T_THEME_PATH}/images/logo/logo-right.jpg");
background-repeat: no-repeat;
height: 82px;
float: right;
margin-top: -82px;
width: 48px;
padding: 0px;
}
ersetze damit:
Code: Alles auswählen
#logo {
background-repeat: no-repeat;
width: 100%;
height: 430px;
padding: 0px;
margin: -430px 0px 0px 0px;
text-align: center;
clear: both;
}
.logo-l {
background-image: url("{T_THEME_PATH}/images/logo/logo-left.jpg");
background-repeat: no-repeat;
height: 430px;
float: left;
width: 48px;
padding: 0px;
}
.logo-m {
background-image: url("{T_THEME_PATH}/images/logo/logo-mid.jpg");
background-repeat: repeat;
height: 430px;
margin: 0px 48px 0px 48px;
width: auto;
padding: 0px;
}
.logo-r {
background-image: url("{T_THEME_PATH}/images/logo/logo-right.jpg");
background-repeat: no-repeat;
height: 430px;
float: right;
margin-top: -430px;
width: 48px;
padding: 0px;
}
4.)suche in root/styles/camelot_light/theme/common.css
ersetze damit:
5.)und zum Schluss:
Aktualisiere deine Styles:
"Administrations-Bereich" (ACP) > "Styles" > "Templates" > jedes > "Aktualisieren"
"Administrations-Bereich" (ACP) > "Styles" > "Themes" > jedes > "Aktualisieren"
"Administrations-Bereich" (ACP) > "Styles" > "Grafiksammlungen" > jedes > "Aktualisieren"
Leere den Cache im "Administrations-Bereich" (ACP) > "Allgemein" > "Den Cache leeren"
Leere den Cache deines Browsers!
Fertsch! 