Probiere mal das folgende:
In deine style.css das folgende einfügen:
/*-- marquee --*/
@-webkit-@keyframes marquee {
100% { text-indent: -100% }
0% { text-indent: 100% }
}
@keyframes marquee {
100% { text-indent: -100% }
0% { text-indent: 100% }
}
.marquee {
margin: auto;
margin-right: auto;
margin-left: auto;
padding: 2px;
overflow: hidden;
white-space: nowrap;
animation: marquee 45s linear infinite;
color: #333;
font-weight: bold;
margin-left: 15px;
margin-right: 15px;
padding:10px;
color:#fff;
border-bottom:1px solid #71442d;
border-bottom-left-radius: 5px;
}
.marquee span {
width:100%;
float:left;
}
.marquee:hover {
animation-play-state: paused;
-webkit-animation-play-state: paused;
}
In deine index.php unter </header>:
<div class="container" id="laufschrift">
<div class="row">
<div class="Avatar">
<div>
Avatar
</div>
</div>
<div class="marquee">
<div>
<span> <a href="https://www.DEINESEITE.de/PFAD-DES_BILDES.jpg" target="_blank"></a> <a href="https://www.DEINESEITE.de/PFAD-DES_BILDES.jpg" target="_blank"></a> <a href="https://www.DEINESEITE.de/PFAD-DES_BILDES.jpg" target="_blank"></a> <a href="https://www.DEINESEITE.de/PFAD-DES_BILDES.jpg" target="_blank"></a>
</span>
</div>
</div>
</div>
</div>
<div class="container main">
externer Link musst du den Pfad angeben des jeweiligen Bildes deiner Seite. Es kann sein das du da noch Größen Anpassungen in der CSS machen musst.
Viel Spaß beim Basteln.
RealLife ... das ist doch das Game mit der geilen Grafik und der scheiss Story