Design Rom - Code Snippet für Top-Bar
...der Code ist richtig, aber der Bezeichner stimmt nicht (topbar). Finde den richtigen mit Chrome dev-tools!
versuch mal:
<style type="text/css">
/*<![CDATA[*/
.jtpl-header--image {
background-image: url(https://image.jimcdn.com/app/cms/image/t...14618/image.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: 0 0;
}
/*]]>*/
</style>
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 und vielen Dank für den Hinweis.
So wie es aussieht ist der Bezeichner tatsächlich:
.jtpl-header--image
Nur leider funkt. es nicht. Nach dem einfügen verschiebt sich das große Header Bild nach links, warum auch immer, und das war es.
Habe schon die Zeile (glaube ich ) gefunden. sie scheint auch zu stimmen...aber irgendwo mache ich hier einen Fehler :-( 
Danke
pixelpunk
...schreib uns doch mal die URL. Das ist nur ein ganz kleiner Fehler, denke ich.
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
...klar hier ist sie:
https://www.vivalasvegans.de
Gruß und danke 
...jetzt bin ich verwirrt: was genau möchtest Du erreichen? hast Du mal eine Grafik?
ach ich weiß schon: 
...richtig? coole Idee!!
Dann ist der Bezeichner, den Du verändern musst, doch noch ein anderer:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
.jtpl-header.navigation-colors {
background: url(https://image.jimcdn.com/app/cms/image/transf/dimension=940x10000:format=jpg/path/s7ee536152f6735d7/image/i063f5738851cd191/version/1483614618/image.jpg);
background-repeat: no-repeat;
background-size: 100vw;
background-position: 0 0;
background-color:transparent;
-webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.8);
-moz-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.8);
box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.8);
}
.navigation-colors a, .navigation-colors a:link, .navigation-colors a:visited {
color: #ffffff;
background-color: Transparent;
}
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
...und für Dein Impressum:
2
3
4
5
.Normal_text {
width: 100%;
margin: 0 0 50px 0;
font-family: helvetica !important;
}
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,
"you make my day"...da hätte ich lange probieren können. Es ist fast perfekt...aber nur fast.
Optimal wäre natürlich eine separate Transparenz Anweisung für den BG der NavBar und separat für das Hover Untermenü. Denn das Hover Untermenü könnte etwas BG gebrauchen :-)
Leider sind aber die beiden B.Grounds zusammen "gekoppelt"
Egal wie ich sie einstelle, verändern sich immer beide zusammen.
Ich glaube das ist aber schon eine etwas aufwendige Programmierungssache. Trotzdem vielen leiben Dank nochmal. 
LG
pixelpunk
...da gibt es auch einen eigenen Bezeichner für. Versuch mal .cc-nav-level-1 bez. des Untermenüs:
2
3
4
5
6
7
8
9
10
11
12
13
.navigation-colors a, .navigation-colors a:link, .navigation-colors a:visited {
color: #333;
background-color: Transparent;
}
.cc-nav-level-1 a, .cc-nav-level-1 a:link, .cc-nav-level-1 a:visited {
color: #333;
background-color: #ccc;
}
}
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
...ich hab übrg. noch einen Fehler gemacht (die Höhe bei background-size vergessen). Schreib mal:
.jtpl-header.navigation-colors {
background: url(https://image.jimcdn.com/app/cms/image/t...14618/image.jpg);
background-repeat: no-repeat;
background-size: 100vw 100%;
background-position: 0 0;
background-color:transparent;
-webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.8);
-moz-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.8);
box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.8);
}
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
Jaaa!...das passt jetzt 100%. Das schöne ist ich kann mir das mit den Heaxacodes selbst nach belieben anpassen.
Du bist mein Held. 
An diser Stelle nochmal vielen lieben Dank für dein Support.
LG
pixelpunk 
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!
