WebSite X5Help Center

 
Benjamin T.
Benjamin T.
User

Frage nach Anleitung  de

Autor: Benjamin T.
Visitado 27, Seguidores 0, Compartilhado 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

Publicado em
4 RESPOSTAS
Daniel W.
Daniel W.
User
Usuário do mês DEUsuário do mês EN

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:

  1. Gewünschte Höhe einstellen
  2. Bei "Ränder" alle beide auf 0 stellen
  3. Bei "Stil" evtl. "weiß" als Hintergrundfarbe

----- Beispiel -----

----- 2 Screenshots mit Hinweisen -----

-----

Ler mais
Publicado em de Daniel W.
Daniel W.
Daniel W.
User
Usuário do mês DEUsuário do mês EN

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.

Ler mais
Publicado em de Daniel W.
Daniel W.
Daniel W.
User
Usuário do mês DEUsuário do mês EN

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;

-----

Ler mais
Publicado em de Daniel W.
Daniel W.
Daniel W.
User
Usuário do mês DEUsuário do mês EN

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.

Ler mais
Publicado em de Daniel W.