Icons oder ganzen Banner im Header einbauen

Arthur

Gut bekanntes Mitglied
5. März 2014
288
3
Guten Tag Zusammen.

Kann mir jemand einen Denkanstoß geben, wie im im Header vom 4.02er Shop einen ganzen Banner einbauen kann, der UNTER Logo, Warenkorb, Suche, usw. liegt?
Auch möchte ich zwei kleine Grafiken im Header einbauen. Klappt aber nicht so recht.
Bin für jede Hilfe dankbar.

Gruß
ARTHUR
 

ag-websolutions.de

Sehr aktives Mitglied
29. Dezember 2009
14.548
232
AW: Icons oder ganzen Banner im Header einbauen

Hallo

was hast du denn bisher probiert, was nicht zum Erfolg führte?
Hast du dir Gedanken darüber gemacht, wie sich dein Wunsch im Hinblick auf responsive Webdesign verhalten soll?
 

Arthur

Gut bekanntes Mitglied
5. März 2014
288
3
AW: Icons oder ganzen Banner im Header einbauen

Ich hatte das mal vorerst mit den Icons probiert und einen neuen DIV im DIV "Header-Branding" eingefügt. Die Icons wurden dann zwar im Header angezeigt, allerdings unterhalb des Header-Branding DIVs.
Aber wie du schon sagtest, es muss ja dann auch so sein, dass es mit Responsiv paßt. Da es nur "unwichtige" Icons im Header sind, würde ich die per MediaQuery bereits ab Tablett wieder ausschalten.
 

Anhänge

  • header.jpg
    header.jpg
    48 KB · Aufrufe: 129

ARA-Marketing

Offizieller Servicepartner
SPBanner
2. Oktober 2008
993
127
Regensburg
AW: Icons oder ganzen Banner im Header einbauen

Hi Arthur,

im prinzip kannst du über die CSS über #header-branding {background:.....} einen Hintergrund definieren,
aber wie Gerd schon geschreiben hat, auf responsiv aufpassen !

Beste Grüße
Eas
 

Arthur

Gut bekanntes Mitglied
5. März 2014
288
3
AW: Icons oder ganzen Banner im Header einbauen

Hallo Eas.

Hmmm... da hast du recht. Das sollte funktionieren.
Und wie mach ich es bei einzelnen Icons oder Grafiken, die ich im Header haben will?
Danke

Gruß
ARTHUR
 

Arthur

Gut bekanntes Mitglied
5. März 2014
288
3
AW: Icons oder ganzen Banner im Header einbauen

Das mit der Background-Grafik hat prima geklappt. Aber wie ihr das beide schon angesprochen habt - das Thema RESPONSIVE funktioniert hier nicht.
Wie kann ich die Background-Grafik responsivefähig machen? Geht das überhaupt?
Vielen Dank!

Gruß
Arthur
 

Arthur

Gut bekanntes Mitglied
5. März 2014
288
3
AW: Icons oder ganzen Banner im Header einbauen

Habs selbst gefunden. Mit der CSS-Eigenschaft background-size kann ich die Hintergrundgrafik responsivfähig machen.
 

IchBinEs

Sehr aktives Mitglied
25. September 2012
1.839
39
AW: Icons oder ganzen Banner im Header einbauen

Dann Zeig doch mal Deine Lösung für die, die vielleicht ähnliches möchten ;)
 

Arthur

Gut bekanntes Mitglied
5. März 2014
288
3
AW: Icons oder ganzen Banner im Header einbauen

Ah, sorry. Das hatte ich vergessen. Ich hatte mir noch den Code kopiert aber vergessen einzufügen. Danke für den Hinweis.

Damit hatte ich Erfolg:

header #header-branding {
padding-bottom: 55px;
padding-left: 0;
padding-right: 0;
padding-top: 12px;
background-image: url(mediafiles/Bilder/grafik.jpg);
background-size: 100% 100%;
}


Gruß
Arthur
 

cue

Aktives Mitglied
25. Januar 2016
11
0
AW: Icons oder ganzen Banner im Header einbauen

Vielen Dank für den Code für ein komplettes Headerbranding.
Aber kann ich auch einzelne Icons bzw. Textblöcke hinzufügen?
Also zum Beispiel solche Dinge wie mein SSL-Prüfzeichen oder eine Telefonnummer?
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu Eigene Kategorien für ebay Angebote oder JTL Wawi Kategorie Baum nutzen Einrichtung und Installation von JTL-eazyAuction 0
Abgelaufene Ware ausbuchen oder versenden JTL-Wawi 1.9 0
Neu Sinnvollste Lösung - eigenen "Server" oder doch Cloud? Installation von JTL-Wawi 7
Neu Artikelübersicht zeigt 2 Bilder pro Artikel oder leeren Rahmen Allgemeine Fragen zu JTL-Shop 5
Neu Preisspanne Bug oder Dummheit?? Allgemeine Fragen zu JTL-Shop 0
Neu Hat jemand die Transglobal API (oder das Excel Bulk tool) in JTL integriert ? User helfen Usern 0
Neu Habe ich ein Sicherheitsproblem oder bin ich nur unfähig? Allgemeine Fragen zu JTL-Shop 19
Neu Variable oder SQL zum Feld "Gewinn netto" (im Auftrag) Eigene Übersichten in der JTL-Wawi 9
Neu Toplevel-Banner hinzufügen und/oder über Wawi Steuern Allgemeine Fragen zu JTL-Shop 0
Neu Amazon Lister 2.0 - Code 99016 - Ein Maximum von 1 Vorkommen (oder Vorkommnissen) ist für das Attribut color zulässig Amazon-Lister - Fehler und Bugs 1
Neu Sendungsnummer oder Tracking-Link auf Export-Vorlage anzeigen Gelöste Themen in diesem Bereich 6
Neu Plugin: WooCommerce Wallet oder Gutscheine mit JTL nutzen - Fehler in der MwSt User helfen Usern - Fragen zu JTL-Wawi 0
Neu Gebinde oder verkauf in Boxen Gelöste Themen in diesem Bereich 3
Neu Einstieg in die JTL-Welt – JTL-Start mit Wawi-Lager oder gleich JTL-WMS? User helfen Usern - Fragen zu JTL-Wawi 24
Neu neue Tarife - WMS-Lizenzen (Desktop / Mobile) - Pool oder Umstellung im Kundencenter notwendig ? User helfen Usern - Fragen zu JTL-Wawi 10
In Diskussion Kopieren oder Auslösen von Workflows in anderen Bereichen (Von Rechnung nach Kunde) JTL-Workflows - Ideen, Lob und Kritik 2
BUG oder gehackt JTL-Wawi 1.9 2

Ähnliche Themen