networks/updates/stats tab code

FIRSTLY, PASTE THE CODE BELOW BEFORE </STYLE> IN YOUR HTML (PRESS COMMAND + F AND TYPE IT IN TO SEARCH FOR A WORD)

#mainbox {
    font-size:9px;
    font-family: Arial;/*font size for all tabs*/
    text-align:center;
    background-color:white; /*background colour*/
    position:fixed;
    border-radius:10px;
    border:1px solid #eeeeee; /*border width and colour*/
    left:25px; top:25px;
    padding:6px;
    height:auto; width:125px;
    line-height:16px;
    z-index:4;}


#tab1{
    height:14px; padding:3px;
    overflow:hidden;
    font-family: Arial;
    font-size:10;
    border-bottom:1px solid #eeeeee;
    z-index:4;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;}

#tab1:hover{
height:80px; /*height of tab on hover*/ }


#tab2{
    height:14px; padding:3px;
    overflow:hidden;
    border-bottom:1px solid #eeeeee;
    z-index:4;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;}

#tab2:hover{
height:80px; /*height of tab on hover*/ }


#tab3{
    height:14px; padding:3px;
    overflow:hidden;
    border-bottom:1px solid #eeeeee;
    z-index:4;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;}

#tab3:hover{
height:auto; /*height of tab on hover*/ }


PASTE THIS CODE DIRECTLY UNDER <BODY> IN YOUR HTML

<div id="mainbox">

<div id="tab1">
<div style="text-align:center;"><FONT COLOR="PUT WHAT COLOR U WANT HERE">UPDATES</div><br>
PUT UPDATES HERE
</div>


<div id="tab2">
<div style="text-align:center;">STATS</div>
<br>PUT YOUR STATS CODES HERE
</div>


<div id="tab3">
<div style="text-align:center;">NETWORKS</div><br>
<marquee behavior="scroll" direction="left">PUT YOUR NETWORK BADGE CODES HERE</marquee>
</div>