Jimdo Navigation - Symbol zu Text hinzufügen und/oder einen einzelnen NavigationsReiter anders farbig gestalten

Antworten
#1
27.11.2017 14:25
avatar  Yvonne1
#1
Yv
Yvonne1

Hallo Zusammen,

ich würde gerne in der Navigation einen Reiter besonders herausstellen: am liebsten würde ich dem Text noch ein Symbol (ein kleines grünes Blatt) hinzufügen und den Text oder die Hintergrundfarbe grün gestalten ( die restliche Navigation ist rot/weiss ).
Im Detail-Styling kann ich nur der gesamten Navigation eine neue Farbe verpassen, aber nicht einzelnen Reitern und ich kann kein Symbol bzw Grafik zum Text einfügen. Weiss jemand vielleicht einen Trick ?
Lieben Dank !
P.S. ich benutze die Vorlage "Tokyo" einen Screenshot der Seite habe ich beigefügt


 Antworten

 Beitrag melden
#2
27.11.2017 15:15 (zuletzt bearbeitet: 27.11.2017 15:18)
avatar  az_
#2
avatar
az_

Dein Screenshot ist leider nicht mitgekommen...

Auf https://designtest-barcelona.jimdo.com/ habe ich mal so etwas eingebaut - ist es das, was Du möchtest, oder brauchst Du nur ein kleinnes Bild in der Navigation ohne Funktion?

...und wie ist die URL Deiner Seite?

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
#3
27.11.2017 15:29
avatar  Yvonne1
#3
Yv
Yvonne1

Vielen Dank für Deine Info ! Das was du eingebaut hast, nimmt die gut Idee auf- allerdings würde ich es gern "subtiler" einsetzen . ich bin grade dabei die Seite zusammenzubasteln - siehe URL: https://fd-textilveredelung.jimdo.com/
Im Prinzip möchte ich den Navigationspunkt "Ökotex" gern -bei aktiv- grün hinterlegen und neben dem Text "Ökotex" ein kleines Blatt einfügen. Natürlich soll der Menüpunkt dann auch auf die entsprechende Seite führen.
Sorry ich bin kein Programmierer, daher ist die Ausdrucksweise vielleicht etwas laienhaft ;)

Liebe Grüsse


 Antworten

 Beitrag melden
#4
12.07.2018 17:34
avatar  palderson
#4
pa
palderson

@az_

Ich habe das gleiche Problem, wie es Yvonne hatte. Wie auf dieser von dir beispielhaft angegebenen designtest-barcelona-Webseite (dieses "What's new") möchte ich gern in der horizontalen Navigation Symbole bzw. Icons (ggf. in Kombination mit Text) einfügen. Könntest Du mir ungefähr sagen, wie Du das hinbekommen hast? Ich bin leider absolut kein Experte und würde trotzdem gern Symbole in die Navigation einbauen.

Liebe Grüße :)


 Antworten

 Beitrag melden
#5
12.07.2018 18:05
avatar  az_
#5
avatar
az_

...das habe ich mit einem kleinen CSS-Snippet erreicht, das unter die Schaltfläche ein Hintergrundbild legt und den Inhalt (Schrift) ausblendet. google nach CSS :after und :before

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
#6
17.03.2022 10:18
avatar  FitKids
#6
Fi
FitKids

Hallo, ich würde auch gerne bei uns auf der Seite (siehe Profil) den Reiter "Buchungssystem" farblich herausheben, komme aber leider nicht weiter. Das ein CSS in den header eingefügt werden müsste, habe ich schon gelesen. Nur leider weiß ich nicht, wie der Code dazu aussehen muss.

Vielen Dank im Voraus!

FitKids


 Antworten

 Beitrag melden
#7
17.03.2022 10:33 (zuletzt bearbeitet: 17.03.2022 10:34)
avatar  az_
#7
avatar
az_

...da musst Du erst mal finden, wie das Element heißt, welches Du ändern möchtest: https://www.redesign-berlin.de/jimdo-tut...css-grundlagen/


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
Antworten
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!