Offen Bei Responsive Theme Headerlogo im Vordergrund

PC-Korrekt.at

Gesperrter Benutzer
15. Juli 2012
492
1
Hallo,

Kann mir Bitte einer behilflich sein bei dem Responsive Theme.
Ich hätte gerne das Header Logo Im Hientergrund.
Problem ist das das Anmelde fenster hienter dem Logo aufgeht usw.

Danke Markus
 

3po

Sehr aktives Mitglied
30. August 2011
2.605
100
AW: Bei Responsive Theme Headerlogo im Vordergrund

Link bitte, sonst wird es ein Ratespiel
 

david

Administrator
Mitarbeiter
16. Juli 2010
2.310
170
AW: Bei Responsive Theme Headerlogo im Vordergrund

Problem ist das das Anmelde fenster hienter dem Logo aufgeht usw.

Problem ist eher, dass du das Shop-Logo für etwas benutzt, für das es nicht gedacht ist.
Besser:
Definiere dir per CSS ein Hintergrundbild für den Header, wenn du etwas im Hintergrund anzeigen lassen möchtest.
In der Template-Doku findest du für diesen Anpassungswunsch ein Beispiel --> Template Entwicklung - Individuelle Theme Anpassung - JTL Developer Base
 

PC-Korrekt.at

Gesperrter Benutzer
15. Juli 2012
492
1
AW: Bei Responsive Theme Headerlogo im Vordergrund

Problem ist eher, dass du das Shop-Logo für etwas benutzt, für das es nicht gedacht ist.
Besser:
Definiere dir per CSS ein Hintergrundbild für den Header, wenn du etwas im Hintergrund anzeigen lassen möchtest.
In der Template-Doku findest du für diesen Anpassungswunsch ein Beispiel --> Template Entwicklung - Individuelle Theme Anpassung - JTL Developer Base

Danke hat gefruchtet und konnte das Problem in den Griff bekommen.
 

3po

Sehr aktives Mitglied
30. August 2011
2.605
100
AW: Bei Responsive Theme Headerlogo im Vordergrund

Danke hat gefruchtet und konnte das Problem in den Griff bekommen.
Dein Firmen-Logo sollte nicht in die Hintergrundgrafik, sondern dort wo es mal war, als img!


So wie es momentan ist, ist dieser teil deines headers sinnlos da es keine größe hat und nicht klickbar ist
Code:
<div id="logo">
<a title="PC-Korrekt" href="http://www.xxx-xxx.at">
</a>
</div>

Du solltest es wieder dort hin machen wo es war und die göße über @media im CSS file an die jeweilige Auflösung anpassen
 

PC-Korrekt.at

Gesperrter Benutzer
15. Juli 2012
492
1
AW: Bei Responsive Theme Headerlogo im Vordergrund

Hi 3po,

Danke für die Hilfe.
Wenn ich das mache ist es wieder im vordergrund und ich sehe den Warenkorb nicht mehr.

habe es als header.img abgespeichert und im adminmenü als logo ausgewählt.

Kannst du mir Bitte weiterhelfen damit ich es wieder Klicken kann und den Warenkorb sehe ?
Irgendwie verstehe ich was falsch !!

Danke Markus
 

JayJayS

Gut bekanntes Mitglied
11. Juli 2012
671
1
AW: Bei Responsive Theme Headerlogo im Vordergrund

Ein Logo ist ein Logo und sollte auch dafür verwendet werden !
Sie wollen eine Headergrafik als Logo einbinden - das funktioniert so nicht. Eine Headergrafik wird wie oben bereits beschrieben als background-image in der CSS eingebunden. Damit ist es nicht clickbar - RICHTIG ! Eine Headergrafik ist in aller Regel nie clickbar, da sie nur die Hintergrundgrafik des Kopfbereiches ist...
Clickbar ist das Logo und wird eingebunden wie oben bereits beschrieben !
Was ist daran so schwer zu verstehen ?
Logo = Logo
Headergrafik = Headergrafik
Beides sind Grafiken haben aber jeweils eine andere Funktion. Um es nochmal zu verdeutlichen am Beispiel eines Computers:
Maus und Tastatur - beides sind Eingabegeräte eines für einfache Befehle und das andere für Textverarbeitung.
 

3po

Sehr aktives Mitglied
30. August 2011
2.605
100
AW: Bei Responsive Theme Headerlogo im Vordergrund

Ich sehe gerade, dass du deine Hintergrundgrafik in den #headlinks_wrapper gepackt hast. Das ist leider komplett falsch, daher siehst du auch irgendwann deinen Warenkorb nicht mehr.
Code:
#headlinks_wrapper {
  background: url("http://forum.jtl-software.de/images/header.jpg") no-repeat scroll left top 25px transparent;
  margin: 0;
  top: 0;
  z-index: inherit;
}


Wenn du eine Hintergrundgrafik verwenden möchtest gehört diese in den#header und dein Firmenlogo dort wo es war
Code:
<div id="logo">
<a title="Demoshop" href="http://demoshop.jtl-software.de">
<img width="167" height="50" alt="Demoshop" src="bilder/intern/shoplogo/jtlshoplogo.png"></a>
</div>


Ich glaube du solltest dich erst mal grundlegend mit CSS auseinander setzten, damit du verstehst was du da machst!
 

PC-Korrekt.at

Gesperrter Benutzer
15. Juli 2012
492
1
AW: Bei Responsive Theme Headerlogo im Vordergrund

Ich habe es nicht geschaft im header nachdem der warenkorb dann nicht mehr clickbar wegen dem zu großen logo was von links nach rechts geht. Während dem test deswegen die baustelle und der dumme test.
Probier mal downloaden das bild 🙂
Ich muss es aufteilen das ist alles.
Links das logo und den hientergrund mit der passenden farbe versehen = gleiches funktionierendes ergebniss was ich brauche.
Jetzt ist es mir auch klar was da abgeht.
und bring somit das bild kleiner 🙂

Werde es umgehend umbauen.

Danke für die Hilfe
Markus
 

Ähnliche Themen