Код:

<div id="panel">
    
<div id="panel-content">
        <table width="98%" border="1" cellspacing="0" cellpadding="0"  >
<tbody>
<tr>
<td><center><img src="http://s3.uploads.ru/ahXTZ.gif" border="0" /> <h3><font face="tahoma" size="2"><div style="color: #430303"><b><strong>Очередность в "Игре престолов"</strong> </b></div><div style="color: #180606" ><a href="http://agameofthrones.rusff.me/click.php?http://agameofthrones.rusff.me/viewtopic.php?id=27"><font color="#421919">0.1 Пентос</font></a> - Viserys Targaryen 
<br />
<a href="http://agameofthrones.rusff.me/click.php?http://agameofthrones.rusff.me/viewtopic.php?id=28"><font color="#421919">0.2 Винтерфелл</font></a> - Meera Reed
<br />
<a href="http://agameofthrones.rusff.me/click.php?http://agameofthrones.rusff.me/viewtopic.php?id=29"><font color="#421919">0.3 Королевский Тракт</font></a> - Theon Greyjoy
<br />
<a href="http://agameofthrones.rusff.me/click.php?http://agameofthrones.rusff.me/viewtopic.php?id=30"><font color="#421919">0.4 Речные Земли</font></a> - Bronn (GM)
<br />
<a href="http://agameofthrones.rusff.me/click.php?http://agameofthrones.rusff.me/viewtopic.php?id=32"><font color="#421919">0.6 Речные Земли</font></a> - Robb Stark
<br />
<a href="http://agameofthrones.rusff.me/click.php?http://agameofthrones.rusff.me/viewtopic.php?id=40"><font color="#421919">0.7 Королевский тракт</font></a> - Jaqen H'ghar</div><br></center></td></tr></tbody></table></font></h3></h4></div>
    
    
<div id="panel-sticker">
     <span><img src="http://s2.uploads.ru/9LTRk.png"> </span>
    </div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script src="http://jemand.ru/examples/scripts/jquery.tabslideout.v1.2.js" type="text/javascript"></script>
<script type="text/javascript">
(function($) {
    $(document).ready(function() {
        var $panel = $('#panel');
        if ($panel.length) {
            var $sticker = $panel.children('#panel-sticker');
            var showPanel = function() {
                $panel.animate({
                    left: '+=268',
                }, 268, function() {
                    $(this).addClass('visible');
                });
            };
            var hidePanel = function() {
                $panel.animate({
                    left: '-=268',
                }, 268, function() {
                    $(this).removeClass('visible');
                });
            };
            $sticker
                .children('span').click(function() {
                    if ($panel.hasClass('visible')) {
                        hidePanel();
                    }
                    else {
                        showPanel();
                    }
                }).andSelf()
                .children('.close').click(function() {
                    $panel.remove();
                });
        }
    });
})(jQuery);
</script>
<style>
#panel {
    position: absolute;
    top: 10%;
    left: -265px;
    margin: -40px 0 0 0;
    overflow: hidden;
}
#panel-content {
   
    
    width: 255px;
    height: 600px;
    float: left;
    padding: 3px 5px;
background: url(http://s2.uploads.ru/Rf5Q7.png) no-repeat;
}
#panel-sticker {
    float: left;
    position: relative;
   

}
#panel-sticker .close {
    position: absolute;
    left: 3px;
    top: 3px;
}
</style>

Код:

<div id="panel1">
    
<div id="panel1-content">
    <table width="98%" border="1" cellspacing="0" cellpadding="0"  >
<tbody>
<tr>
<td><center><img src="http://s3.uploads.ru/Qb86R.gif" border="0" /><div style="color: #180606"> <h3><font face="trebuchet ms" size="2"><br>Добро пожаловать  на ролевую игру </div><div style="color: #430303"><b><strong>"Песнь льда и пламени"</strong> </b></div><div style="color: #180606" > по одноименному циклу книг Джорджа Мартина! Здесь каждый может выбрать своего героя и вступить с ним в игру престолов. На кон поставлено многое - собственная жизнь, благополучие близких людей и Семи Королевств.   Тот, кто играет в престолы, либо погибает, либо побеждает. Третьего не дано! </div><br></center></td></tr></tbody></table></font></h3></h4></div>
    
    
<div id="panel1-sticker">
     <span><img src="http://s3.uploads.ru/5mwKz.png"> </span>
    </div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script src="http://jemand.ru/examples/scripts/jquery.tabslideout.v1.2.js" type="text/javascript"></script>
<script type="text/javascript">
(function($) {
    $(document).ready(function() {
        var $panel1 = $('#panel1');
        if ($panel1.length) {
            var $sticker = $panel1.children('#panel1-sticker');
            var showPanel1 = function() {
                $panel1.animate({
                    right: '+=268',
                }, 268, function() {
                    $(this).addClass('visible');
                });
            };
            var hidePanel1 = function() {
                $panel1.animate({
                   right: '-=268',
                }, 268, function() {
                    $(this).removeClass('visible');
                });
            };
            $sticker
                .children('span').click(function() {
                    if ($panel1.hasClass('visible')) {
                        hidePanel1();
                    }
                    else {
                        showPanel1();
                    }
                }).andSelf()
                .children('.close').click(function() {
                    $panel1.remove();
                });
        }
    });
})(jQuery);
</script>
<style>
#panel1 {
    position: absolute;
    top: 10%;
    right: -265px;
    margin: -40px 0 0 0;
    overflow: hidden;
}
#panel1-content {
   
    
    width: 255px;
    height: 600px;
    float:right;
    padding: 3px 5px;
background: url(http://s2.uploads.ru/Rf5Q7.png) no-repeat;
}
#panel1-sticker {
    float: right;
    position: relative;
   

}
#panel1-sticker .close {
    position: absolute;
    right: 3px;
    top: 3px;
}
</style>