Da das nun auch schon mehrfach angefragt wurde und ich es selber teilweise nicht mehr gefunden habe, hier nochmal die Zusammenfassung:
Suche in der "index.html" vom Template:
<div id="header">
und ersetze mit:
<div id="header-{$language}">
Dann in der "stylesheet.css" suchen nach:
/* HEADER WITH LOGO, SEARCH BOX AND LANGUAGE SELECTION */
#header {
height:115px;
background: #893769 url(img/top_logo.jpg) no-repeat;
border-top: 10px solid #fff;
border-bottom:1px solid #fff;
}
#header #logo {
float:left
}
#header #search {
width: 230px;
height:75px;
float:right;
color:#fff;
padding:30px 0px 0px 60px
}
#header #search a {
color:#fff;
font-size:11px;
outline: none;
}
#header td {
padding-top:1px;
padding-right:4px;
}
und ersetzt es mit:
/* HEADER WITH LOGO, SEARCH BOX AND LANGUAGE SELECTION */
#header-german {
height:115px;
background: #893769 url(img/top_logo_german.jpg) no-repeat;
border-top: 10px solid #fff;
border-bottom:1px solid #fff;
}
#header-german #logo {
float:left
}
#header-german #search {
width: 230px;
height:75px;
float:right;
color:#fff;
padding:30px 0px 0px 60px
}
#header-german #search a {
color:#fff;
font-size:11px;
outline: none;
}
#header-german td {
padding-top:1px;
padding-right:4px;
}
#header-english {
height:115px;
background: #893769 url(img/top_logo_english.jpg) no-repeat;
border-top: 10px solid #fff;
border-bottom:1px solid #fff;
}
#header-english #logo {
float:left
}
#header-english #search {
width: 230px;
height:75px;
float:right;
color:#fff;
padding:30px 0px 0px 60px
}
#header-english #search a {
color:#fff;
font-size:11px;
outline: none;
}
#header-english td {
padding-top:1px;
padding-right:4px;
}
Das lässt sich natürlich noch auf weitere Sprachen erweitern.
Grüße
Torsten
[
EDIT Tomcraft 10.11.2011: Fehler in Code korrigiert, Danke an twingo für den
Hinweis.]
[
EDIT Tomcraft 10.11.2011: Code optimiert, Danke an h-h-h.]
Linkback: https://www.modified-shop.org/forum/index.php?topic=5575.0