<style>.dropbtn{border:none}.dropup{position:relative;display:inline-block;bottom:0px}.dropup-content{padding:5px; padding-top:10px;padding-bottom:10px;border:1px solid #0234fb;border-radius:10px;-webkit-border-top-left-radius:10px;-webkit-border-bottom-left-radius:10px ;-moz-border-radius-topleft:10px;-moz-border-radius-bottomleft:10px;border-top-left-radius:10px;border-bottom-left-radius:10px;box-shadow:0 0 10px #0234fb;background:transparent url(img/grey_trans.png) oben links wiederholen;display:none;position:absolute;bottom:32px;z-index:1;transition:transform .2s}.dropup:hover .dropup-content {display:block}</style>

<div class="dropup">

<img id="menu" class="img_button" src="img/twitch_button.png" height="32" border= „0“>

<div class="dropup-content">

<div style="text-align: center;"><span style="font-weight: fett; Farbe: rgb(255, 255, 255);" >iFrame über useronlineliste</span></div>

<hr>



<div style="text-align: left; margin-left: 10px;">

<a href="https://player.twitch.tv/? channel=Account-Name&parent=adresse.de" target="anzeige"><img src="styles/?php echo $_SESSION['etchat_'.$this->_prefix.'style']; ?>/twitch/1.png" width="160" height="32" /></a><br>

</div>

</div></div>

<center>

<iframe src="styles/<?php echo $_SESSION['etchat_'.$this->_prefix.'style']; ?>/willkommen.jpg" name="anzeige" allowfullscreen="true" frameborder="0" height="150" scrolling="no" width="250"></iframe>

</center><br><br>

<div id="onlinelist">

<center>

<iframe src="styles/<?php echo $_SESSION['etchat_'.$this->_prefix.'style']; ?>/willkommen.jpg" name="anzeige" allowfullscreen="true" frameborder="0" height="150" scrolling="no" width="250"></iframe>

</center><br><br>

<div id="onlineausgabe"><center><img src="img/ajax-loader.gif" alt="" /></center></div>

</div>

#onlinelist {

padding: 5px;

background-color: rgba(0, 0, 0, 0.50);

font-size: 11pt;

font-family: verdana, sans-serif;

font-style: normal;

color: #FFFFFF;

border: 1px solid #006699;

border-radius: 10px;

-webkit-border-top-right-radius: 10px;

-webkit-border-bottom-right-radius: 10px;

-moz-border-radius-topright: 10px;

-moz-border-radius-bottomright: 10px;

border-top-right-radius: 10px;

border-bottom-right-radius: 10px;



height: 250px;

line-height: 150%;

padding-bottom: 5px;

overflow: auto;

box-shadow: 0px 0px 0px #006699;

}

$("onlinelist").innerHTML = inner_html;

$(aktuell_room).style.fontWeight="bold";

$("onlineausgabe").innerHTML = inner_html;

$(aktuell_room).style.fontWeight="bold";