Allgemeines » Design Rome - Textfeld auf Hintergrundbild

Design Rome - Textfeld auf Hintergrundbild

19.02.2019 22:06 (zuletzt bearbeitet: 20.02.2019 19:26)

shocky
#1

Hallo Zusammen
Auch ich bin � wie viele andere hier die erste Fragen stellen, noch nicht so bewandt mit dem Thema Homepage erstellen und CSS etc.
Dieses Forum hier hat mir aber bereits enorm geholfen und konnte mir bei vielen Sachen weiterhelfen.

Ich habe das Design Rome (http://kellimmo.jimdofree.com) und jetzt stehe ich bei einem Thema an und finde auch nichts im Forum oder mit Google. was mir hier weiterhelfen würde�

Kann mir jemand sagen, wie ich ein «Textfeld» auf das Hintergrundbild bekomme, sodass ich dort z.B. «Willkommen» schreiben kann? Ich habe mir schon überlegt, ob ich es auf das Bild Schreiben soll in einem Grafikprogramm� aber das kann nicht die Lösung sein ;-)

Für die tatkräftige Unterstützung der Community bin ich richtig dankbar :-)

Antworten

Beitrag melden

22.02.2019 17:58

az_
#2

az_

...bei Rome ist die sog. Titelzeile in der Breadcrumb-Navigation. Wenn Du ein Element über den Headergrafik legen willst, geht das nur per CSS.

Das kannst Du z.B. so einrichten:

1.) leg ein Textelement an mit Deinem Text (Willkommen)
2.) öffne den html-Modus und schreib vor dem Code folgende Zeile: <div class="welcome_text">
3.) schreib eine CSS-Anweisung für die Klasse .welcome_text

...mit position:absolute; und einem negativen margin-top kannst Du es über den Header-Grafik-Container verschieben.

LG, az

Wenn Du das Textelement in der Sidebar anlegst, erscheint es auf allen Seiten. Du kannst es mit einem JS-Skript an die richtige Stelle im Code verschieben. Dafür google mal nach jQuery und .appendTo.

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