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.
Hintergrund vor Hintergrundgrafik
Hallo,
ich stehe am Anfang einer Seite und frage mich, wie ich den Hintergrund eines Inhaltes weiß, bzw. leicht transparent bekomme, damit der Text vor dem Hintergrundbild überhaupt lesbar ist. Ich würde gerne das Design Malaga nehmen und den Hintergrund über die gesamte Breite weißlich überlagern, ähnlich wie bei http://www.fineartdrumscanning.de. Natürlich soll oben unten unten noch etwas vom Hintergrundbild klar und deutlich zu erkennen sein. Ich hoffe, ich drücke mich verständlich aus und dass auch mir jemand helfen kann.
LG Sabine

Hallo @Sabine,
...gib doch mal die URL Deiner Seite. Bei Malaga kannst Du diese Einstellung jedoch normalerweise ganz einfach über den Button "Styles" im der Bearbeitungsleiste vornehmen:
Beispiel s.h.: http://malaga-responsive.jimdo.com/
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,
ich hab genau dasgleiche vor und den Rat von az ausprobiert. Aber ich kann das Weiß nicht über die ganze Breite einstellen. So wie hier auf dem Bild hört das neben dem Text auf(blauer Rahmen). Wie ist das zu ändern?
Ich hab noch eine andere Frage dazu. Wie kann ich einstellen, dass der Text im weißlichtransparenten Bereich erst weiter unten anfängt. Ich möchte, das das Hintergrundbild sichtbarer ist, so wie bei www.fineartdrumscanning.de.
Vielen Dank vorab und besten Gruß

Hallo @Sebastian,
Du kannst per CSS der content-area 100% Breite zuweisen. Auch der Abstand von oben lässt sich so einstellen. Um genaueres zu sagen, müsste ich aber wissen, mit welchem Design Du gearbeitet hast. Und am Besten gibst Du die URL Deiner Webseite an, dann kann ich mal sehen, woran es genau liegt...
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, danke für die schnelle Antwort.
Das Design ist Malaga. Meine Seite heißt www.basti-test.jimdo.com. Aber ich stehe noch am Anfang und übe natürlich noch.
Ich habe gesehen, dass Du manchen Leuten einen Code angeboten hast. Ich wäre Dir dankbar, wenn ich auch einen solchen bekomme. Wo der eingefügt wird, habe ich gelesen.
Besten Gruß

Hallo @Sebastian,
...ja, manchmal mache ich sowas :)
Versuch mal folgenden Code:
2
3
4
5
6
7
8
9
10
@media (min-width: 768px) {
.jtpl-section-main {
margin: 60rem 0 8rem; /*...der erste Wert bestimmt den Abstand nach oben*/
}
.jtpl-footer__inner, .jtpl-section-aside__inner, .jtpl-section-main {
max-width: 100%;
}
}
...ich hoffe, das hilft Dir!
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,
das geht leider bei mir nicht. Ich habe den kompl. Code ohne das " /*...der erste Wert bestimmt den Abstand nach oben*/" im Head (gesamte Website) eingesetzt. Der bleibt aber nicht gespeichert, obwohl mir ein Häkchen beim speichern gezeigt wird. Was mache ich falsch?
Dann ist mir noch aufgefallen, dass auf deinem Bild der Inhalt (Text und Bilder) auf die ganze Breite verteilt wird. Das würde ich gerne vermeiden, so wie auf der Beispielseite fineartdrumscanning. Vielleicht bekomme ich das ja auch am Ende hin. Vielen Dank schon einmal.
Besten Gruß

...versuch mal:
2
3
4
5
6
7
@media (min-width: 768px) {
#content_area {
padding: 0 15%;
}
}
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
Nun habe ich aber doch noch ein kleines Problem.
Ich habe festgestellt, dass der Inhalt, der sich durch den Code anpassen lässt, auf meinem Laptop viel zu eng, bzw. hoch dargestellt wird. Auf dem Smartphone ist alles ok, aber hier stört das durch Bild und Textverschiebungen. Ich habe das mal mit fineartdrumscanning.de vergleichen, da ist der Inhalt immer gleich. Es wäre schön, wenn sich das noch beheben lässt.
Besten Gruß
- 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
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!