Code:
<center><div id="box"><div class="box-schrift"># Das was ich bisher erlebt habe</div></div><div id="hintergrund"><div id="hover"><div align="justify" style="margin-left:15px; margin-right:15px; color: #000000;"><normalfont><div class="ti"># Mein Tagebuch</div>
<div class="fo"><div class="ut">Datum | Playpartner | Ort</div>
Was ihr erlebt habt?
<div class="ut">Datum | Playpartner | Ort</div>
Was ihr erlebt habt?
</div>
</font></div></div></div></center><div id="owl_credit">made by <a href="https://storming-gates.de/member.php?action=profile&uid=500">pand0rica</a></div>
<style type="text/css">#hintergrund {height: 500px; width: 400px; background: url('https://wonderland.stecktvollergeheimnisse.de/images/forengrafiken/back%20stecki.png'); padding: 10px;} #hintergrund #hover { height: 480px; width: 380px; background: #846666; opacity: 0; transition: 1s; overflow: auto;} #hintergrund:hover #hover { opacity: 0.9; transition: 1s;} .ti {text-align: center; font-family: 'Georgia'; font-size:30px; color: #500909; text-transform: lowercase; font-style: italic; letter-spacing: -2px; line-height: 125%;} .fo {text-align: center; font-family: 'serif'; font-size:12px; color: #000000; font-style: 'oblique 40deg';} .ut {color: #1a1a1a; font-family:'Calibri'; font-size: 14px; letter-spacing: 3px; text-transform: uppercase;} #box {background-color: #500909; position: relative; top: 500px; transform:rotate(270deg); transform-origin: 5% 50%; -ms-transform: rotate(270deg); -ms-transform-origin: 5% 50%; -webkit-transform: rotate(270deg); -webkit-transform-origin: 5% 50%; width:500px; height:50px; color:ffffff;} .box-schrift {color: #846666; font-family: 'georgia'; font-size: 20px; text-transform: lowercase; text-weight: bold; font-style: italic; position: relative; top: 2px; line-height: 22px;} #hintergrund #hover i {color: #000000;} #hintergrund #hover b {color: #000000;} #hintergrund #hover A:link, #hintergrund #hover A:visited, #hintergrund #hover A:active {color: #000000;} #hintergrund #hover A:link, #hintergrund #hover A:visited, #hintergrund #hover A:active {color: #000000;} #hintergrund #hover A:hover {color: #000000; font-style: italic;} #owl_credit, #owl_credit a {text-align: center; font-family: 'Calibri'; color: #000000; font-size: 8px;}</style>