Bitte geben Sie einen Grund für die Verwarnung an
Der Grund erscheint unter dem Beitrag.Bei einer weiteren Verwarnung wird das Mitglied automatisch gesperrt.
Top Bar einfügen
#1
Hallo ihr Lieben,
Ich bin ein absoluter Anfänger und verstehe von Programmierung leider überhaupt nichts. Nichts desto trotz habe ich es hinbekommen, einen Onlineshop mit Jimdo ins Leben zu rufen und die Webseite mit der Designvorlage Rome erstellt. Nun würde ich unglaublich gerne über dem ganzen Header (der bei mir aus Navigation und breitem Foto besteht) eine kleine Zeile einfügen, in der steht: handgemacht ... ab 40 Euro versankostenfrei.
Habt ihr eine Idee, wie ich soetwas in css einsetzen kann? Hoffe so sehr, dass ihr mir weiterhelfen könnt!
Viele Grüsse!

...bitte poste mal die URL (=Web-Adresse/Domain) Deiner Webseite, dann kann Dir bestimmt geholfen werden!
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
#3

...du meinst https://www.lafillette.de? Schöne Seite!
Was soll denn rein in die Zeile über der Seite? Vielleicht legst Du die einmal als Spaltenelement in der Sidebar an (ganz unten über dem schwarzen Balken)
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
Hallo @az_ und @AnnaKristina ,
ich würde gerne genau eine solche Top Bar - ziemlich ähnlich der auf lafillette.de - einfügen.
Leider bin ich mit HTML/CSS nicht so bewandert. Könntet ihr kurz erläutern, wie man die einfügt?
Danke und viele Grüße

Es ist ein Spaltenelement in der Sidebar, das per jQuery und CSS an die richtige Stelle verschoben und formatiert wird. Das ist zu anspruchsvoll, um es hier "schnell mal" zu erklären, ich kann dir aber gern so etwas auf Deiner Seite einbauen.
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
Hallo @az_ ,
danke für Dein Angebot aber ich habe es jetzt folgendermaßen hinbekommen:
1. Ich habe ein DIV Widget/HTML in der Sidebar erstellt und darin den Inhalt festgelegt
2. Dieses DIV habe ich per CSS formatiert, sowie die Position bestimmt und im Header hinterlegt.
Das sieht auf dem Desktop auch genau so aus, wie es soll (fixiert, über der Navigation). Auf mobil werden die Inhalte jedoch leider in der Sidebar anzeigt.
Gibt es eine Möglichkeit, die Inhalte mobil an eine andere Position zu versetzen (unter das Headerbild und nicht fixiert)?
Also im Prinzip, die Ausspielung mobil & auf Desktop an unterschiedlichen Postionen sowie auf Desktop fixiert und mobil nicht.
Danke vorab und viele Grüße

...wenn Du Deine URL posten würdest, könnte ich vielleicht helfen.
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
Hi @az_
Sorry. Die Seite ist www.joyinme.de
Danke.

Auf dem iPad (Safari) ist die top bar 80% hoch und verdeckt den Inhalt. 50 Pixel würden reichen.
Ich habe die Erfahrung gemacht, dass es gut ist, die top bar nicht nur per CSS zu positionieren, sondern auch an die richtige Stelle im DOM zu verschieben. Das kannst du mit einem jQuery Skript bewerkstelligen. google nach .appendTo
Ansonsten kannst du das Mobile CSS immer mit einer Media-Abfrage gesondert formatieren (@media)
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
- Allgemeines
- Regeln für die Benutzung des Forums
- HowToDo ( = so geht´s)
- Jimdo User-Forum
- Eure Jimdo-Webseiten - Vorstellungsrunde
- Bugs, Workarounds und Anregungen
- Jimdo-Elemente
- Allgemeines
- Jimdo-Shop
- Jimdo-Specials (Tools, Widgets, HTML und CSS)
- Suchmaschinenoptimierung (SEO)
- Sonstiges
- Tutorials
- "OffTopic"-Themen
- "Übernahme" von Beiträgen aus dem offiziellen Jimdo-Forum...
- Nutzungsbedingungen und Haftungsausschluss
- Jimdo-Blog
Jetzt anmelden!
Jetzt registrieren!