Bild + Link in Header, d.h. über der Navigation

22.12.2016 12:29
#1
Fi

Hallo nochmals,

ich möchte gerne im Header-Feld, also am obersten Rand der Website mehrer Hinweise (Bilder/ Texte inkl. Verlinkung) platzieren. So wie bspw. hier: https://www.reishunger.de ("Kostenloser Versand", "Rückgaberecht" etc.)


Ist das irgendwie möglich? Danke schonmal für jede Hilfe :-)

Meine Seite: https://feinkosttesttest.jimdo.com/


 Antworten

 Beitrag melden
23.12.2016 11:05 (zuletzt bearbeitet: 23.12.2016 11:06)
avatar  az_
#2
avatar
az_

So etwas kannst Du z.B. mit einer CSS-Positionierung erreichen: https://wiki.selfhtml.org/wiki/CSS/Eigen...ierung/position

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
28.12.2016 12:28
#3
Fi

Hi az,

danke für den Hinweis. Das mit der Positionierung habe ich einigermassen verstanden. Nur wie ich das Bild/ Link in den Head-Bereich, also sprich .jtpl-header__inner reinbekomme ist mir nicht klar.

Wie im angehängten Bild soll der Head mal aussehen (Icon + Text = Link). Die Elemente sollen dabei wie das Logo und die Navigation fix sein und beim scrollen nicht verschwinden.

Idee? :-)


 Antworten

 Beitrag melden
29.12.2016 08:58 (zuletzt bearbeitet: 29.12.2016 08:58)
avatar  az_
#4
avatar
az_

...google mal nach: "jQuery .appendTo" oder ".prependTo"

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
29.12.2016 09:34
#5
Fi

Habs gegoogelt, aber sorry, das ist mir zu hoch :-) Ich bin leider nicht wirklich begabt was das coden betrifft. Mache alles über copy+paste und anschliessendem trial + error :-)

Hast du vielleicht eine einfacheren Ansatz? Danke schonmal vielmals!!!


 Antworten

 Beitrag melden
29.12.2016 15:12 (zuletzt bearbeitet: 29.12.2016 15:13)
avatar  az_
#6
avatar
az_

...wenn Du willst, schreib ich Dir ein Widget. Schick mir eine PN Über meine Webseite.

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!