Hintergrundfarbe für bestimmte Bereiche

01.02.2017 23:10
avatar  Liam
#1
Li

Hallihallo,

Ich habe folgendes Problem: Ich habe diese Anleitung verwendet um bestimmte Bereiche mit Farben zu versehen. In der Bearbeitungsansicht hat das auch gut funktioniert, allerdings wird in der Besucher Ansicht nichts davon angezeigt. Könnt ihr mir helfen?
Danke!

Mein Head:


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript">
</script>

<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {

/* This is the Columns Element that we are converting - identify it here */
$( "#cc-m-all-content-9013659085" ).wrap( "<div id='section1' />" );

});

//]]>
</script>

<style type="text/css">
/*<![CDATA[*/

/* This code prevents side-scrolling */
body { overflow-x: hidden;}
.jtpl-main {overflow-x:hidden;}

/* This is a fullwidth section - add your comment to describe it */
#section1 {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
background: #474747;
}

/*]]>*/
</style>

Dateianhänge

 Antworten

 Beitrag melden
02.02.2017 08:30 (zuletzt bearbeitet: 02.02.2017 09:24)
avatar  az_
#2
avatar
az_

Hallo @Liam,
...mit diesen Sections stehe ich auch immer wieder mal auf Kriegsfuß. Du hast bestimmt soetwas ausprobieren wollen wie hier: https://fullwidth-test.jimdo.com/

Sowas mache ich inzwischen anders, auch weil das Bearbeiten bei der Methode oft so schwer ist. Ich schreibe jetzt ein html mit den Bereichen für die Webseite und ordne dem ein CSS zu, dass die volle Breite ermöglicht - und dann verschiebe ich den Content per .appendTo in die einzelnen divs. Zum Bearbeiten deaktiviere ich einfach ganz kurz mal das .appendTo -Skript und habe einen normale Jimdo Webseite im Jimdo-Bearbeitungsmodus.

LG, az


PS: ...da ist wohl auch ein Fehler in Deinem Code: ich vermute, #cc-m-all-content-9013659085 ist falsch. #cc-m-9013659085 ist wahrscheinlich richtig - den Bezeichner musst Du aus der Besucher-Ansicht nehmen!

PPS: eine URL zu Deiner Webseite ist immer hilfreich!


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
02.02.2017 11:49
avatar  Liam
#3
Li

Danke! Das Entfernen von "all-content" hats gerichtet.
Klingt interessant. Da hast du Recht. Das bearbeiten kann frustrierend sein. Leider kenn ich mich mit html und css nur wenig aus. Könntest du evtl ein Beispiel von dem html hier reinposten? Das wäre toll!

Lg, Liam


 Antworten

 Beitrag melden
02.02.2017 12:50
avatar  az_
#4
avatar
az_

nein, das geht leider nicht so pauschal. Kommt immer drauf an, wie die Seite gestaltet werden soll. Ich könnte es Dir machen, aber das kostet dann etwas und ich müsste wissen, wie Du es Dir vorstellst.

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!