Код
<style type="text/css">
.uPanel {
background:rgba(0,0,0,0.8);
color:#fff;
float:left;
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);
padding: 4px 5px 4px 5px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
position:fixed;
bottom:7px;
left:7px;
}
.uPanel a.url, .uPanel a.url:visited {
display:block;
float:left;
color:#fff;
font-weight:bold;
height:26px;
line-height:26px;
-moz-transition:all 0.4s ease;
-webkit-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
transition:all 0.4s ease;
opacity:0.4;
padding:0px 7px 0px 7px;
position:relative;
}
.uPanel a.url img {
vertical-align:-8px;
}
.uPanel a.url:hover {
text-shadow:0px 0px 5px #fff;
color:#fff;
opacity:1.0;
}
.uPanel a.url.highlighted {
opacity:1.0;
}
.uPanel a.url span {
display:block;
position:absolute;
bottom:0px;
left:20px;
color:#fff;
background:red;
padding:0px 3px 0px 3px;
height:14px;
line-height:14px;
font-size:7pt;
font-weight:bold;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
}
</style>
<input name="dfdsfds" type="hidden" id="d-opacity" value="0.7" />
<input name="dffsd" type="hidden" id="d-color" value="255,255,255" />
<div id="dstyle"></div>
<div class="uPanel" id="uPanel" style="display:none">
<a href="#" title=$USERNAME$ class="url"><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" style="width:24px; height:24px;" alt="" /><?else?><img src="http://games1x.do.am/imgs/3174770340.jpg" style="width:24px; height:24px;" alt="" /><?endif?></a>
<a href="$PM_URL$" title="Личные сообщения" class="url"><img src="http://games1x.do.am/imgs/pm.png" alt="" /></span></a>
<a href="$PERSONAL_PAGE_LINK$" onclick="dialogColor(); return false;" title="Персональная страница" class="url"><img src="http://games1x.do.am/imgs/wind-color.png" alt="" /></a>
<a href="$LOGOUT_LINK$" title="Выход" onclick="showLogForm(); return false;" class="url"><img src="http://games1x.do.am/imgs/exit.png" alt="" /></a>
</div>
<script type="text/javascript">
$(function(){
$("#uPanel").fadeIn('normal');
$("#uPanel a.url").tipsy({gravity: 'sw', html: true});
});
</script>