Headerbildwechsel je Kategorie

[mantis]

Da die Erweiterung Ursprünglich für einen Standard xtc Shop war ist ein Fehler drin bitte folgendes ändern:
/templates/DEIN_TEMPLATE/index.html
Suche

Code: PHP  [Auswählen]

<div id="header">
        <div id="logo"><img src="{$tpl_path}img/spacer.gif" width="400" alt="{$store_name}" /></div>
        <div id="search">{$box_SEARCH}</div>
    </div>

und ersetze mit

Code: PHP  [Auswählen]

<div id="header" style="background-image:{$header_image}">
        <div id="logo"><img src="{$tpl_path}img/spacer.gif" width="400" alt="{$store_name}" /></div>
        <div id="search">{$box_SEARCH}</div>
    </div>

Sowie
/templates/DEIN_TEMPATE/stylesheet.css
Suche

Code: PHP  [Auswählen]

#header {
        height:115px;
        background: #AD4C79 url("img/top_logo.jpg") no-repeat;
        border-bottom: 1px solid #333;
        border-top: 10px solid #fff;
        border-bottom:1px solid #fff;
}

ersetze mit

Code: PHP  [Auswählen]

#header {
        height:115px;
        border-bottom: 1px solid #333;
        border-top: 10px solid #fff;
        border-bottom:1px solid #fff;
}

[Tomcraft]

Ähm... mantis...

das finde ich in dem Zip gar nicht, was du da beschrieben hast. =)

Schau dir mal die index.html.txt aus deinem Paket an. *gg*

Vielleicht fügst du die Änderungen nochmal ein und stellst ein fertiges Paket hier rein?

Grüße

Torsten

[mantis]

Bitte erstmal nicht Downloaden mit dem xtm Template zerreisst, der Hearer das Template

Gruss
mantis

[mantis]

Bitte erstmal nicht Downloaden mit dem xtm Template zerreisst, der Header das Template

Gruss
mantis

[Tomcraft]

Hab den Download mal gelöscht... =)

Bitte wieder neu einstellen, wenn es funktioniert.

[albersmann]

Hallo zusammen,

ich muss hier mal ein grosses Lob und Dankeschön an mantis loswerden.
Ich habe versucht den Headerwechsel mit dem ZIP Modul zu installieren was nicht ging. Er hat jedoch anstandslos seine Hilfe angeboten und jetzt geht alles.

Es ist einfach ein tolles Modul.

Hier das Ergebnis:
http://www.ukens-dental.de/nordent/index.php

Grüsse und nochmals Danke

Sven

[web28]

Also bei ist die Suche verruscht. (Firefox 3.5 mit 1650 x 1080)
Je nach Browserbreite wandert das Suchfeld lustig hin und her.
Bei 1280 passt es aber perfekt.

Gruss Web28

  [ Für Gäste sind keine Dateianhänge sichtbar ]

[mantis]

Dadran arbeite ich ja noch Problem bekannt, daher ist die Erweiterung ja erstmal gelöscht, hat aber mit dem Template zu tun nicht der Erweiterung.

Gruss
mantis

[Tomcraft]

Sieht aus, als würdest du mit relativen Werten arbeiten? Stell mal um auf absolute!

[mantis]

Nein sind absolute Hier der relevante (Bastelauszug) CSS Auszug

Code: PHP  [Auswählen]

/* HEADER WITH LOGO, SEARCH BOX AND LANGUAGE SELECTION */
#header {
        height:115px;
        border-bottom: 1px solid #333;
        border-top: 10px solid #fff;
        border-bottom:1px solid #fff;
}

#header #header_img{
float: left;
z-index: 99;}

#header #logo {
        float:left;
        z-index: 1;

}
#header #search {
        width: 230px;
        height:75px;
        float:right;
        position: absolute;
        right: 140px;
        color:#fff;
        padding:30px 0px 0px 60px;
        z-index: 1;
}
#header #search a {
        color:#fff;
        font-size:11px;
        z-index: 1;
}
#header td {
        padding-top:1px;
        padding-right:4px;
        z-index: 1;
}

und der index.html Ausschnitt.

Code: PHP  [Auswählen]

<div id="wrap">
  <div id="header">
    <div id="header_img"><img src="{$header_image}" alt="{$store_name}"/></div>
    <div id="search">{$box_SEARCH}</div>
  </div>

Daher versteh ich das Problem nicht hab auch mit den Indexwerten gebastelt, bei relativen Werten zerschiesst er alles im oberen Teil des Templates.

Gruss
mantis

[guensi]

Da haste dir gleich mehrere problematische Baustellen aufgemacht.

Zunächst mal solltest du dem Container für den Header nicht nur eine fixe Höhe sondern auch eine fixe Breite geben, damit der Inhalt weiss wohin er floaten soll und wo für float:right Ende Gelände ist. Dann hast du da border-bottom zweimal definiert, damit wird aktuell nur die letzte Angabe ausgeführt. Also kannst du auf die erste auch verzichten.

Dann nimmst du mit Position die Anweisung aus dem Fluss und mit dem z-index machst du mehrere Ebenen auf, in denen mit float die Container noch gegeneinander positioniert werden.

Da solltest du dem Container für den Header zunächst mal den z-index 1 geben, da alles was unter z-index 1 läuft darin floaten soll, also auch auf der gleichen Ebene liegen muss. Dann wird float:right auch den rechten Rand akzeptieren, damit wird das position:absolute hinfällig, genauso wie die Angabe des Abstandes dazu.

Nicht getestet, sollte aber funktionieren

[guensi]

Ach ja, eins vergass ich noch - wer floatet soll auch clearen. Da müssest du hinter der search box noch einen Div-Container einfügen mit  clear:all
Das sollte Probleme mit der nachfolgenden Darstellung unterbinden.

[web28]

Ich habe das so gemacht

Code: PHP  [Auswählen]

<div id="header">
        <div id="logo"><img src="{$tpl_path}img/spacer.gif" width="400" height="106" alt="{$store_name}" /></div>
        <div id="search">{$box_SEARCH}</div>
    </div>

Code: PHP  [Auswählen]

#header #logo {
  clear: both;
   float:left;
}
#header #search {
        width: 230px;
        height: 75px;
        float: left;
        color: #fff;
        margin-top: 20px;
        margin-left: 100px;
}

Die Position musst Du nach Deinen Bedürfnissen anpassen.

Gruss Web28

[mantis]

@guensi
Danke hatte das clear all vergessen, die anderen Sachen sollten evtl. im Standard Template geändert werden.

@web28
Du beziehst dich auf das Standart Template ohne Erweiterung.

Gruss
mantis

[Tomcraft]

@guensi<br />
Danke hatte das clear all vergessen, die anderen Sachen sollten evtl. im Standard Template geändert werden.
@web28<br />
Du beziehst dich auf das Standart Template ohne Erweiterung.
Gruss<br />
mantis

Was genau willst du im Standard-Template geändert haben?