Code
<style type="text/css"></div><div>.uPanel {</div><div>background:rgba(0,0,0,0.8);</div><div>color:#fff;</div><div>float:left;</div><div>box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);</div><div>-moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);</div><div>-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);</div><div>padding: 4px 5px 4px 5px;</div><div>border-radius:3px;</div><div>-moz-border-radius:3px;</div><div>-webkit-border-radius:3px;</div><div>position:fixed;</div><div>bottom:7px;</div><div>left:7px;</div><div>}</div><div><br></div><div>.uPanel a.url, .uPanel a.url:visited {</div><div>display:block;</div><div>float:left;</div><div>color:#fff;</div><div>font-weight:bold;</div><div>height:26px;</div><div>line-height:26px;</div><div>-moz-transition:all 0.4s ease;</div><div>-webkit-transition:all 0.4s ease;</div><div>-o-transition:all 0.4s ease;</div><div>transition:all 0.4s ease;</div><div>opacity:0.4;</div><div>padding:0px 7px 0px 7px;</div><div>position:relative;</div><div>}</div><div>.uPanel a.url img {</div><div>vertical-align:-8px;</div><div>}</div><div>.uPanel a.url:hover {</div><div>text-shadow:0px 0px 5px #fff;</div><div>color:#fff;</div><div>opacity:1.0;</div><div>}</div><div><br></div><div>.uPanel a.url.highlighted {</div><div>opacity:1.0;</div><div>}</div><div><br></div><div>.uPanel a.url span {</div><div>display:block;</div><div>position:absolute;</div><div>bottom:0px;</div><div>left:20px;</div><div>color:#fff;</div><div>background:red;</div><div>padding:0px 3px 0px 3px;</div><div>height:14px;</div><div>line-height:14px;</div><div>font-size:7pt;</div><div>font-weight:bold;</div><div>border-radius:2px;</div><div>-moz-border-radius:2px;</div><div>-webkit-border-radius:2px;</div><div>}</div><div></style></div><div></div></div><div><script type="text/javascript"></div><div>$(function(){</div><div>a=($(window).width()-$(".uPanel").width())/300;</div><div> $(".uPanel").css({left:a+"px",bottom:"7px",position:"fixed",zIndex:"100"});</div><div> $(".uPanel").fadeIn('slow');</div><div> });</div><div><br></div><div>$(window).resize(function(){</div><div> a=($(window).width()-$(".uPanel").width())/2;</div><div> $(".uPanel").css({left:a+"px",bottom:"7px",position:"fixed",zIndex:"100"});</div><div> });</div><div> </div><div> jQuery(window).scroll(function() {</div><div> if(( jQuery(document).height() - jQuery(window).scrollTop() ) < 1000) {</div><div> $(".uPanel").fadeOut('slow');</div><div> } else {</div><div> $(".uPanel").fadeIn('slow');</div><div> }</div><div> });</div><div></script></div><div></div><div><div class="uPanel" id="uPanel" style="display:none"></div><div><a href="$PERSONAL_PAGE_LINK$" title="Вошли как $USERNAME$" class="url"><img src="/images/blog_icon.gif" style="width:24px; height:24px;" alt="" /><img src="$USER_AVATAR_URL$" style="width:24px; height:24px;" alt="" /></a></div><div><a href="/index/14" title="У вас есть новые сообщения" class="url"><img src="/images/pm2.png" alt="" /></a><a href="/index/14" title="У вас нет новых сообщения" class="url"><img src="/images/pm.png" alt="" /> </a></div><div><a href="/index/11" class="url" title="Редактировать профиль"><img src="/images/wind-color.png" alt="" /></a></div><div><a href="/index/10" title="Выход" class="url"><img src="/images/exit.png" alt="" /></a></div><div>