WebSite X5Help Center

 
Thomas M.
Thomas M.
User

Bilder übereinander  de

Auteur : Thomas M.
Visité 2258, Followers 1, Partagé 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!

Posté le
17 RéPONSES - 9 UTILE
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

Ein Bild-Objekt mit einen Zellenstil Hintergrundbild vielleicht?

Lire plus
Posté le de Andreas S.
Thomas M.
Thomas M.
User
Auteur

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!

Lire plus
Posté le de Thomas M.
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois 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.

Lire plus
Posté le de Andreas S.
Thomas M.
Thomas M.
User
Auteur

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!!!!

Lire plus
Posté le de Thomas M.
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

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

Lire plus
Posté le de Andreas S.
Thomas M.
Thomas M.
User
Auteur

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!! 

Lire plus
Posté le de Thomas M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois 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

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Thomas M.
Thomas M.
User
Auteur

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?

Lire plus
Posté le de Thomas M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois 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...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Thomas M.
Thomas M.
User
Auteur

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

Entschuldigung, aber ich bin kein Experte!

Lire plus
Posté le de Thomas M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois 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 ...

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Thomas M.
Thomas M.
User
Auteur

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!

Lire plus
Posté le de Thomas M.
Thomas M.
Thomas M.
User
Auteur

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?

Lire plus
Posté le de Thomas M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois 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 ...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Thomas M.
Thomas M.
User
Auteur

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.

Lire plus
Posté le de Thomas M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT

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

ciao

Lire plus
Posté le de  ‪ KolAsim ‪ ‪