Frage nach Anleitung 
Автор: Benjamin T.
Просмотрено 60,
Подписчики 1,
Размещенный 0
Hallo zusammen, ich würde mich sehr dafür interessieren, wo ich Anleitungen finde, wie ich solche Designs erstellen kann:
https://safety-mt.cz/index.html
Mir geht es um die Darstellung Bild Hintergrund und den Feldern, vor dem Bild, die aber nur teilweise über das Himtergrundbild reichen.
Vielen Dank! Grüße Benjamin
Размещено
Mit dem weißen Rand wollte nicht so recht klappen, vielleicht können hier die CSS-Experten helfen, falls der weiße Rand um das Bild besonders wichtig ist.
Meine Testseite zum Anschauen, siehe
>> https://findelinks.de/123test-aufklappmenue-2/bild-halb-im-hintergrund.html
Optional:
Falls mehr weiße Fläche über dem Text-Objekt gewünscht ist, dann Objekt "Simple Separator" über dem Text-Objekt hinzufügen und noch diese Einstellungen im Objekt "Simple Separator" machen:
----- Beispiel -----
----- 2 Screenshots mit Hinweisen -----
-----
Hier noch die CSS-Codes zum Kopieren, die ich über die KI von Google habe.
CSS-Code für das Bild-Objekt:
position: relative;
top: 30px;
left: 0px;
width: 100%;
height: auto;
CSS-Code für das Text-Objekt:
position: relative;
Evtl. können die anderen Nutzer oder die Incomedia-Mitarbeiter weitere Tipps geben.
Kleine Änderung - jetzt klappt es auch mit dem weißen Rand.
Zusätzlich habe ich auf der Testseite über dem Text-Objekt das Objekt "Simple Separator" hinzugefügt, um mehr weiße Fläche zu bekommen, siehe Screenshot unten
Mein ergänzter, gesamter CSS-Code für das Bild-Objekt:
position: relative;
top: 30px;
left: 0px;
width: 100%;
height: auto;
border: 5px solid white;
-----
Für das Bild-Objekt kann auch die
Option genutzt werden.
Eingestellt auf der Testseite ist zurzeit "Fade in - right".
Bei meinem Test sind mir folgende Fehler im Programm aufgefallen:
- So etwa 4 Mal hat sich das Programm unerwartet geschlossen.
- Einmal war in der Vorschau statt des Hintergrundbildes eine Fehlermeldungsgrafik zu sehen.
- Und einmal war noch dem Export ins Internet das kleine Bild weg.
Bei den beiden letzten Punkten habe ich mir das Bild neu mit dem Globus-Symbol geholt.
Автор
Hallo Daniel, vielen Dank für die Mühe! Mit geht es vielmehr darum, dass Bild- und Textfeld uber die beiden Hintergrundfelder reicht. Bislang ist es mir nur möglich, das Bild wie bei Dir gezeigt, in einem Hintergrundfeld darzustellen. Wie und wo bekomme ich Info´s darüber, wie in Website X5 genau das funktioniert?
Автор
So Daniel, ichhabe mich jetzt mal hingesetzt, und umgesetzt was Du geschrieben hast: TIPPITOPPI!
Vielen Herzlichen Dank für die spontane Hilfe!
Hier noch eine Ergänzung, falls es so ähnlich wie im Screenshot werden soll (ohne Bildeffekt)
PS.: Bin jetzt für rund 10 Stunden offline.
-----