WebSite X5Help Center

 
Thomas M.
Thomas M.
User

Bilder übereinander  de

Author: Thomas M.
Visited 2257, Followers 1, Shared 0  

Ist es im Seiteninhalt möglich die Bilder nicht nur nebeneinander anzuordnen, sondern dass sie sich überlagern?

Im Header ist das möglich mit dem Befehl "in den Vordergrund"oder "in den Hintergrund"!

Wäre toll wenn das irgendwie machbar wäre! Danke!

Posted on the
17 ANSWERS - 9 USEFUL
Andreas S.
Andreas S.
Moderator
Best User of the month DE

Ein Bild-Objekt mit einen Zellenstil Hintergrundbild vielleicht?

Read more
Posted on the from Andreas S.
Thomas M.
Thomas M.
User
Author

Ich meinte so wie auf dieser Seite!

https://www.timeundvision.de

Das Logo ist über der Galerie und weiter unten geht auch der runde Stempel über das Bild!

Read more
Posted on the from Thomas M.
Andreas S.
Andreas S.
Moderator
Best User of the month DE

Ist zwar ein bisschen Spielerei aber man könnte sowas ähnliches auch erstellen. Allerdings ohne etwas Code geht das nicht, denn 2 Objekte können sich nicht überschneiden außer mit Code. Alles andere kann man über den Zeilenstil lösen.

Read more
Posted on the from Andreas S.
Thomas M.
Thomas M.
User
Author

Ich trau mich fast nicht zu fragen! Hättest du mir so einen "Überschneidungscode"?

Ich nehme an die Positionierung muss ich selber dann ändern?

Schon mal danke!!!!

Read more
Posted on the from Thomas M.
Andreas S.
Andreas S.
Moderator
Best User of the month DE

Da gibt es keinen generellen Code. Man muss den Objektselektor (der immer verschieden ist) wissen und dann kann man den Code erstellen.

Read more
Posted on the from Andreas S.
Thomas M.
Thomas M.
User
Author

Achso, ich dachte man braucht das Bild und gibt dem dann einen speziellen Befehl. Schade! Ich muss das immer vorher ausprobieren wie es aussieht, also kann ich ja noch nicht sagen,wie ich es will.

Im Header klappt das ja wunderbar mit dem übereinander! Warum geht das im Seiteninhalt eigentlich nicht?

Ich spiel jetzt mal noch ein bischen mit dem Zeilenstil Vielleicht fällt mir ja noch was ein, das dann ähnlich aussieht.

Aber trotzdem vielen Dank für deine schnelle Antwort! Ist immer wieder beeindruckend!! 

Read more
Posted on the from Thomas M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT
Thomas M.
Ich meinte so wie auf dieser Seite! https://www.timeundvision.de Das Logo ist über der Galerie und weiter unten geht auch der runde Stempel über das Bild!

(It > De)

... in > [dieser Seite] finde einen von mir erfundenen Code in Zeile 29-36 ... (Ctrl+U)[Strg + U]...
... in > [diese Seite] ist das Thema des Referenzbenutzers, eine Idee bekommen...

ciao

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Thomas M.
Thomas M.
User
Author

So ganz habe ich das trotz Übersetzung nicht verstanden. 

Wo genau muss ich es einfügen? 

Und den grünen Text ,muss ich den weglassen?

Und die Positionierung muss ich selber herausfinden, denke ich?

Read more
Posted on the from Thomas M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT

(It > De) ... mein Code fügt ein div_custom ein, das ein Bild in den Inhalt einer Zeile enthält, dh dieses Bild:

... Um zu verstehen, was Sie möchten, sollten Sie den LINK Ihrer Seite so setzen, wie es der Benutzer des anderen Themas geta...

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Thomas M.
Thomas M.
User
Author

Das mit dem Link zu meinem Bild habe ich verstanden. Aber den Rest nicht? 

Entschuldigung, aber ich bin kein Experte!

Read more
Posted on the from Thomas M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT

... mein Code muss vor dem Schließen des TAG /HEAD in das Expertenpanel eingegeben werden, ... nachdem die zu prüfenden Selektoren identifiziert und korrigiert wurden ...
... wie ich schon sagte, hier den Link Ihrer Seite einfügen ...

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Thomas M.
Thomas M.
User
Author

Es war ein harter Kampf, aber ich habs geschafft!

Jetzt muss ich nur schauen, wie ich das ganze dann in den responsiven Ansichten positioniere, damit es gut aussieht!! 

Vielen Dank!

Read more
Posted on the from Thomas M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT

... ... wink...

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Thomas M.
Thomas M.
User
Author

Jetzt hab ich doch noch eine Frage:

So sieht meine Code jetzt aus:

<script>function divcustomK() {
topK =500;
opacityK = 1.0;
imgK= "<img src='/images/logo rosa.png' width=40% />";
divK= "<div style='position:relative;left:" + topK + "px;width:100%;opacity:" + opacityK + ";z-index:4'>" + imgK + "</div>";
document.getElementById("imCellStyleGraphics_3").innerHTML = divK;}
window.onload = function (){divcustomK()}
window.onresize = function (){divcustomK()}</script>

Das überlappende Bild ist jetzt in der rechten oberen Ecke der Galerie, soll aber in die untere rechte Ecke! Wo muss ich noch was reinschreiben, damit das Bild nach unten wandert?

Read more
Posted on the from Thomas M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT

... ohne den LINK zu sehen, ist es schwer zu bewerten ...
... versuchen Sie es trotzdem durch folgenden Code zu ersetzen:

<script> function divcustomK() {
imgK= "<img style='position:absolute;bottom:10px;right:10px;' src='/images/logo rosa.png' width=40% />";
divK= "<div style='position:relative;width:100%;height:100%;z-index:4'>" + imgK + "</div>";
document.getElementById("imCellStyleGraphics_3").innerHTML = divK;}
window.onload = function (){divcustomK()}
window.onresize = function (){divcustomK()} </script>

>>  bottom:10px;right:10px;  >>  ... regulieren die Position unten und rechts ...

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Thomas M.
Thomas M.
User
Author

Code funktioniert, danke! 

Nur leider ist in den responsiven Ansichten das überlappende Bild immer an einer anderen Stelle!

Schade!

Und ich kriegs auch mit Zeilenstil, oder Seitenhintergrund nicht hin! In beide kann man ja keine Galerie einfügen, dann ginge es wahrscheinlich!

Trotzdem, danke für die Mühe! Wünsche allen ein schönes Wochenende.

Read more
Posted on the from Thomas M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT

... OK ...
... möglicherweise, wenn Sie den LINK eines Beispiels in NETWORK einfügen, werden wir uns wieder treffen ...

ciao

Read more
Posted on the from  ‪ KolAsim ‪ ‪