Hallo liebe User, ich hab folgende Anleitung bekommen um den Header des Desings Starlight zu vergrößern:
Hi,
du ladest dir ganz normal den Stil runter -> Zip entpacken -> gewünschte Farbe als Paket installieren
Danach sind im Stil selber folgende Änderungen nötig:
Cascading Style Sheet
1
2
3
4
5
6
7
8
9
10
#headerContainer {
position: relative;
z-index: 2;
background-color: transparent;
background-image: url("$global.images.location$headerContainerBG.png");
background-position: right top;
background-repeat: repeat-x;
height: 131px !important;
min-width: 1180px !important;
}
Ersetzen mit:
Cascading Style Sheet
1
2
3
4
5
6
7
8
9
10
#headerContainer {
position: relative;
z-index: 2;
background-color: transparent;
background-image: url("$global.images.location$headerContainerBG.png");
background-position: right top;
background-repeat: repeat-x;
height: 291px !important;
min-width: 1180px !important;
}
####
Cascading Style Sheet
1
2
3
4
5
6
7
8
9
10
11
12
13
14
#search {
border-width: 0;
border-style: solid;
background-color: transparent;
background-image: url("$global.images.location$searchContainerBG.png");
background-position: left top;
background-repeat: no-repeat;
position: absolute;
top: 28px;
right: 39px;
z-index: 100;
width: 329px !important;
height: 55px !important;
}
ersetzen mit:
Cascading Style Sheet
1
2
3
4
5
6
7
8
9
10
11
12
13
14
#search {
border-width: 0;
border-style: solid;
background-color: transparent;
background-image: url("$global.images.location$searchContainerBG.png");
background-position: left top;
background-repeat: no-repeat;
position: absolute;
top: 188px;
right: 39px;
z-index: 100;
width: 329px !important;
height: 55px !important;
}
####
Cascading Style Sheet
1
2
3
4
5
6
7
8
9
10
11
12
.userPanel {
z-index: 13;
position: absolute;
right: 20px;
top: 67px;
background-color: transparent;
background-image: url("$global.images.location$userPanelBG.png");
background-position: right top;
background-repeat: no-repeat;
width: 460px !important;
height: 58px !important;
}
ersetzen mit:
Cascading Style Sheet
1
2
3
4
5
6
7
8
9
10
11
12
.userPanel {
z-index: 13;
position: absolute;
right: 20px;
top: 227px;
background-color: transparent;
background-image: url("$global.images.location$userPanelBG.png");
background-position: right top;
background-repeat: no-repeat;
width: 460px !important;
height: 58px !important;
}
####
- Danach noch unter Stil bearbeiten -> Global -> Seite -> Höhe (bei Seitenkopf) auf 251 (px) setzen.
- Grafiken im Anhang mit denen des Stilordners (zu finden unter wcf/images) ersetzen.
Falls die Sterne im Header nicht gewünscht werden, kannst du die in dieser Deklaration
Cascading Style Sheet
1
2
3
4
5
6
7
#header {
border: 0px;
position: relative;
background-image: url("$global.images.location$headerBG.png");
background-position: center top;
background-repeat: no-repeat;
}
entfernen (nur die Zeilen mit background- !!!)
Allerdings kann ich die Höhe nicht auf 251px festlegen?!?
Forbidden
You don't have permission to access /acp/index.php on this server.