<style> .raejun{ width:96px; padding:2px; margin-top:5px; box-shadow:2px 2px 4px #DFDFDF; background:#eee; font:8px tt;  text-align:center; Text-decoration:none; color:#FF8888; text-transform:uppercase; display:block; -webkit-transition:All 0.5s ease; -moz-transition:All 0.5s ease; -o-transition:All 0.5s ease; border-left:0px solid #FF8888; }
.raejun:hover{ width:66px; border-left:30px solid #FFBBBB; } @font-face { font-family:tt !important; src: url('http://static.tumblr.com/k4creio/7PTmf2cbl/verdana.ttf') !important; } </style> <div style="background:#eee;color:#fff; position:fixed; top:0px;left:35px;width:10px;height:100px; box-shadow:2px 2px 6px #ddd; text-align:center; font-size:12px; text-transform:uppercase;"> </div> <div style="background:#eee;color:#fff; position:fixed; top:0px;left:90px;width:10px;height:100px; box-shadow:2px 2px 6px #ddd; text-align:center; font-size:12px; text-transform:uppercase;"> </div> <div style="position:fixed; top:100px;left:20px;width:100px; color:#aaa;"> <div style="background:#FFBBBB;color:#fff;width:100px; box-shadow:2px 2px 4px #bbb;text-align:center; font-size:12px; text-transform:uppercase;"> Status</div> <img src="url image korang" style="width:80px;border:10px solid #eee;margin-top:5px;box-shadow:2px 2px 4px #ddd;" >
<center class="raejun"><marquee behavior="scroll" direction="left">Status: status korang</marquee></center> </div>