Mehrere Vorlagen in einem Projekt 
Author: Thomas G.
Visited 1305,
Followers 1,
Shared 0
Ich habe folgende Vorgabe:
einige Elemente in der Kopf- und Fußzeile enthalten Elemente, die sich variieren. Das betrifft einige Bilder und Texte in Kopf- und Fußzeile. Z. B. soll der Hintergrund eines Textes auf Seite A Grün sein, auf Seite B aber Orange. Die Übrigen Elemente in Kopf -und Fußzeile sollen gleich bleiben.
Wie kann man das bewerkstelligen?
Posted on the
Oder Sie verwenden eine Zeile anstelle von HEDER und FOOTER, die auf jeder Seite anders sind.
oder verwenden Sie EXTRA-Code, um Elemente in HEADER und FOOTER zu steuern.
(IT) - O usi una riga al posto del HEDER e FOOTER, quindi diverse in ogni pagina,
oppure usi usi codice EXTRA per controllare gli elementi in HEADERe FOOTER.
.
ciao
.
Im Objekt "Text" Hintergrundfarbe auswählen.
Guten Tag Thomas,
da Sie für jede Seite verschiedene Header bruachen, würde ich Ihnen empfehlen, auf Schritt 2- Struktur des Templates, Header und Heardershitnergurnd als 0 zu setzen.
Dann, für jede Seite die Grafik des personalisierten Header in Zeilenstil als Bild einzufügen. Sie können dann dasselble mit der Fußzeile tun.
Ich bleibe für sie zur Verfügung. Mit freundlichen Grüßen.
Author
Die Variante mit der extra Zeile für jede einzelne Seite funktioniert nicht, da ganz oben der Text kommt (das kann auch eine Grafik werden). Dieses Element muss für diverse Seiten variabel sein. Darunter kommt die Menü-Leiste, die natürlich auf jeder Seite gleich sein soll und daher in den Header muss.
Für die Fußzeile würde das funktionieren.
Vielleicht könnten Sie mit einem einfachen zusätzlichen Code eingreifen.
... falls Sie interessiert sind, müssen Sie den LINK der Seite posten, um die Struktur zu sehen ...
(IT) Allora forse si potrebbe intervenire con semplice codice extra;
... nel caso ti interessasse, devi postare il LINK del sito per vederne la truttura...
.
ciao
.
Author
Ich habe einen Entwurf auf http://testpage.amac-kampfkunst.de/index.html hochgeladen.
Der Lila Balken oben, die Schrift "Kampfkunst mit Niveau" darunter sowie ganz unten die Kreise müssen auf einigen Seiten Blau, Grün oder Grau sein. Für die Kreise unten gilt das ebenfalls. Diese sollen in die Fußleiste, da zwischen den Inhalt der SEite und die Kreise noch weitere Elemente kommen sollen.
Ein Code, den ich auf jeder Seite einfügen kann der mir das Bild wechselt, wäre für mich die Beste Lösung.
Das ist aber eine sehr große Menge an Code den du einfügen müsstest und auch sehr viel GRafik, denn es soll ja auch in den Breakpoints auch umschalten wenn du responsive aktiviert hast. Das ist eine komplizierte Art dies zu machen und wird sicherlich nicht genau das sein was du dann willst.
Möglicherweise wenn du nicht Grafiken verwendest sondern nur Farbe und Text statt Bilder könnte man mit einem Einzeiler CSS Code auf jeder Seite dies bewerkstelligen. Aber so jedenfalls, wenn man nicht mit CSS zutun hat, viel zu kompliziert.
Hello Thomas
You can use some CSS.
In the page - settings - expert tab you can insert code like this :
<style>
#imHeaderObjects {background:green;}
#imFooterObjects {background:green;background-image: url(http://www.bramminginfo.dk/images/bottle-with-popping-cork_1f37e.png);background-repeat: no-repeat;}
</style>
I have made an example here : http://www.bramminginfo.dk/brm07/
The code is for page 1 ( Side 1 )
The code for page 2 is :
<style>
#imHeaderObjects {background:yellow;}
#imFooterObjects {background:yellow;background-image: url(http://www.bramminginfo.dk/images/bottle-with-popping-cork_1f37e.png);background-repeat: no-repeat;}
</style>
I have used an image to show how this is done. You could use the "same" image but with different colors.
The homepage has this code :
<style>
#imHeaderObjects {background:DarkGrey;}
#imFooterObjects {background:DarkGrey;background-image: url(http://www.bramminginfo.dk/images/owl_1f989.png);background-repeat: no-repeat;}
</style>
You don't need to give the code on every page. I have made a page 4 wthat has no code. Then the default settings is taken from what you have specified in the settings.
Hope this inspires you to a solution.
Kind regards
John S.
Hallo Thomas
Sie können etwas CSS verwenden.
Auf der Registerkarte "Seite - Einstellungen - Experte" können Sie folgenden Code einfügen:
<Stil>
#imHeaderObjects {background: green;}
#imFooterObjects {background: green; background-image: url ( http://www.bramminginfo.dk/images/bottle-with-popping-cork_1f37e.png ); background-repeat: no wiederholen;}
</ Stil>
Ich habe hier ein Beispiel gemacht: http://www.bramminginfo.dk/brm07/
Der Code ist für Seite 1 (Seite 1)
Der Code für Seite 2 lautet:
<Stil>
#imHeaderObjects {background: yellow;}
#imFooterObjects {background: yellow; background-image: url ( http://www.bramminginfo.dk/images/bottle-with-popping-cork_1f37e.png ); background-repeat: no wiederhole;}
</ style>
Ich habe ein Bild verwendet, um zu zeigen, wie das gemacht wird. Sie könnten das "gleiche" Bild aber mit verschiedenen Farben verwenden.
Die Homepage hat diesen Code:
<Stil>
#imHeaderObjects {Hintergrund: DarkGrey;}
#imFooterObjects {Hintergrund: DarkGrey; Hintergrundbild: URL ( http://www.bramminginfo.dk/images/owl_1f989.png ); Hintergrundwiederholung: no-repeat;}
</ Stil>
Sie müssen den Code nicht auf jeder Seite angeben. Ich habe eine Seite 4 erstellt, die keinen Code hat. Dann werden die Standardeinstellungen von dem übernommen, was Sie in den Einstellungen festgelegt haben.
Hoffe das inspiriert dich zu einer Lösung.
Mit freundlichen Grüßen
John S.
>> CLONE 1
<style>
#imHeader_imObjectImage_02_wrapper img{content:url('a1_187531.jpg')}
#imHeader_imObjectImage_03_wrapper img {content:url('a2_187531.jpg')}
#imFooter_imObjectImage_01_wrapper img {content:url('a3_187531.jpg')}
</style>
>> CLONE 2
<style>
#imHeader_imObjectImage_02_wrapper img{content:url('b1_187531.jpg')}
#imHeader_imObjectImage_03_wrapper img {content:url('b2_187531.jpg')}
#imFooter_imObjectImage_01_wrapper img {content:url('b3_187531.jpg')}
</style>
>> >> Schritt 3 - Sitemap > Eigenschaften der Seite Fenster > Funktionen im Bereich Erweitert :
▪Benutzerdefinierter Code: > ▼ Vor dem </HEAD>
.
... NO! + img ...
>> CLONE 3 CSS
>> CLONE 4 CSS
<style> #imHeader_imObjectImage_02_wrapper img, #imHeader_imObjectImage_03_wrapper img, #imFooter_imObjectImage_01_wrapper img { -webkit-filter: hue-rotate(80deg);-moz-filter: hue-rotate(80deg); -ms-filter: hue-rotate(80deg);-o-filter: hue-rotate(80deg);filter: hue-rotate(80deg);} </style>
.
ciao
.
Author
Danke für die Unterstützung!
Habe dank der guten Vorschläge eine brauchbare Lösung gefunden.