Iekš Bottom Part Of The Website ievietojam šo kodu:
Code
<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="" class="url"><?if
($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" style="width:24px; height:24px;" alt="" /><?else?><img src="http://isu-ucoz.3dn.ru/script/noavatar.png" style="width:24px; height:24px;" alt="" /><?endif?></a>
<a href="$PM_URL$" title="Vēstules" class="url"><img
src="http://isu-ucoz.3dn.ru/script/pm.png" alt="" /></span></a>
<a href="$PERSONAL_PAGE_LINK$" onclick="dialogColor(); return
false;" title="Profils" class="url"><img src="http://isu-ucoz.3dn.ru/script/wind-color.png" alt="" /></a>
<a href="$LOGOUT_LINK$" title="Iziet!" onclick="showLogForm(); return
false;" class="url"><img src="http://isu-ucoz.3dn.ru/script/exit.png" alt="" /></a>
</div>
<script type="text/javascript">
$(function(){
$("#uPanel").fadeIn('normal');
$("#uPanel a.url").tipsy({gravity: 'sw', html: true});
});
</script>
Iznākumā: