WebSite X5Help Center

 
Thomas M.
Thomas M.
User

Bilder übereinander  de

Автор: Thomas M.
Просмотрено 1883, Подписчики 1, Размещенный 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!

Размещено
17 Ответы - 9 Полезно
Andreas S.
Andreas S.
Moderator

Ein Bild-Objekt mit einen Zellenstil Hintergrundbild vielleicht?

Читать больше
Размещено От Andreas S.
Thomas M.
Thomas M.
User
Автор

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!

Читать больше
Размещено От Thomas M.
Andreas S.
Andreas S.
Moderator

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.

Читать больше
Размещено От Andreas S.
Thomas M.
Thomas M.
User
Автор

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

Читать больше
Размещено От Thomas M.
Andreas S.
Andreas S.
Moderator

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

Читать больше
Размещено От Andreas S.
Thomas M.
Thomas M.
User
Автор

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

Читать больше
Размещено От Thomas M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
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

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Thomas M.
Thomas M.
User
Автор

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?

Читать больше
Размещено От Thomas M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

(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...

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Thomas M.
Thomas M.
User
Автор

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

Entschuldigung, aber ich bin kein Experte!

Читать больше
Размещено От Thomas M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Thomas M.
Thomas M.
User
Автор

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!

Читать больше
Размещено От Thomas M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... ... wink...

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Thomas M.
Thomas M.
User
Автор

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?

Читать больше
Размещено От Thomas M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Thomas M.
Thomas M.
User
Автор

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.

Читать больше
Размещено От Thomas M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

ciao

Читать больше
Размещено От  ‪ KolAsim ‪ ‪