UPDATES TAB #1

 <!-- PASTE THIS BETWEEN <head> AND </head> -->

 <script type="text/javascript">
  WebFontConfig = {
    google: { families: [ 'VT323::latin' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })(); </script>


/* UPDATES TAB #1*/

/* PASTE THIS UNDER <style type="text/css">*/

/* DON'T TOUCH ANYTHING THAT IS NOT COMMENTED ON!!*/


 #updates1 {
     position:absolute;
     margin-left:1000px; /* add to move to the right and subtract to move to the left */
     margin-top:20px; /* add to move higher and subtract to move lower */
     color:#000; /* text color */
 }


 #updates1image{
     content: url(http://i57.tinypic.com/2cqo3rl.png);
     z-index:0;
     margin-top:-5px;
 }


 #updates1 a {
     color:#000; /* link color */
     text-decoration:underline; /* link decoration, if you don't want anything just delete underline and type in none */
 }


.closebutton {
     width:5px;
     height:5px;
     font-family:'VT323'; /* the font */
     font-size:13px; /* text size */
     background:#c0c0c0;
     padding:5px;
     margin-top:-16px;
     margin-left:35px;
     border-bottom:1px solid gray;
     border-right:1px solid gray;
     border-top:1px solid white;
     border-left:1px solid white;
     overflow:auto;
     overflow-x:hidden;
     opacity:.0;
     -webkit-transition: opacity 0.8s linear;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
    -webkit-box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.75);
 }


.closebutton:hover {
    position:absolute;
    z-index:100;
    width:100px; /* the width of the first tab */
    height:100px; /* the height of the first tab */
     opacity:1;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
 }


 .resizebutton {
     width:2px;
     height:2px;
     font-family:'VT323'; /* the font */
     font-size:13px; /* text size */
     background:#c0c0c0;
     padding:5px;
     margin-top:-16px;
     margin-left:17px;
     border-bottom:1px solid gray;
     border-right:1px solid gray;
     border-top:1px solid white;
     border-left:1px solid white;
     overflow:auto;
     overflow-x:hidden;
     opacity:.0;
     -webkit-transition: opacity 0.8s linear;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
    -webkit-box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.75);
 }


.resizebutton:hover {
    position:absolute;
    z-index:100;
    width:100px; /* the width of the second tab*/
    height:100px; /* the height of the second tab*/
     opacity:1;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
 }

  .minimizebutton {
     width:2px;
     height:2px;
     font-family:'VT323'; /* the font */
     font-size:13px; /* text size */
     background:#c0c0c0;
     padding:5px;
     margin-top:-17px;
     margin-left:0px;
     border-bottom:1px solid gray;
     border-right:1px solid gray;
     border-top:1px solid white;
     border-left:1px solid white;
     overflow:auto;
     overflow-x:hidden;
     opacity:.0;
     -webkit-transition: opacity 0.8s linear;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
    -webkit-box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.75);
 }

.minimizebutton:hover {
    position:absolute;
    z-index:100;
    width:100px; /* the width of the third tab*/
    height:100px; /* the height of the third tab*/
     opacity:1;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
 }

/* END UPDATES TAB 1 */


 <!-- UPDATES TAB 1 TEXT -->

<!-- PASTE THIS UNDER <body>-->

 <div id="updates1">
        <div id="updates1image"></div>
            <div class="closebutton">

		this is the first tab text!!!

         </div>

     <div class="resizebutton">

	and this is the second tab text!!!
         <a href="/" class="tooltip" title="AND THIS IS A TOOLTIP">also a link</a>

     </div>


     <div class="minimizebutton">

        and this is the third tab text!!!

         </div>


 </div>

 <!-- END UPDATES TAB 1 TEXT -->