Creem un informer:
Tot conţinutul său îl schimbăm cu codul:
Code
<style type="text/css">
.bubbleInfo{position: relative;}
.popup{position: absolute; display: none; z-index: 50; }
</style>
<a href="$PROFILE_URL$"><div class="bubbleInfo">
<div class="trigger">$USERNAME$</div></a>
<div class="popup"><table style="width: 181px; height: 256px; background-image: url(http://maxrom.ucoz.com/imagini/fon.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; border-collapse: collapse;" align="" width=""><tbody><tr><td style="text-align: left; vertical-align: middle; padding-top: 5px; letter-spacing: 0pt; word-spacing: 0pt;"><table style="width: 100px; height: 100px; background-repeat: no-repeat; background-attachment: scroll; background-position: center center; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; border-collapse: collapse;" align="center" width=""><div align="center"><tbody><tr><td><?if($AVATAR_URL$)?><img title="$USERNAME$" class="userAvatar" border="0" src="$AVATAR_URL$" border="0" height="100" width="100"><?else?><img title="$USERNAME$" border="0" src="http://maxrom.ucoz.com/imagini/noavatar.gif"><?endif?></td></tr></tbody></div></table><table style="width: 100%; border-collapse: collapse;"><tbody><tr><td style="padding: 1px 5px 1px 8px; text-align: left; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;"><span style="font-size: 8pt;"><b>Nick:</b></span> <span style="font-size: 8pt;">$USERNAME$</span><br></td></tr><tr><td style="padding: 1px 5px 1px 8px; text-align: left; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;"><span style="font-size: 8pt;"><b>Group:</b></span> <span style="font-size: 8pt; color: rgb(255, 0, 0);">$GROUP_NAME$</span><br></td></tr><tr><td style="padding: 1px 5px 1px 8px; text-align: left; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;"><span style="font-size: 8pt;"><b>Comentarii:</b></span> <span style="font-size: 8pt;">$COM_POSTS$</span><br></td></tr><tr><td colspan="1" style="padding: 1px 5px 1px 8px; text-align: left; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;"><span style="font-size: 8pt;"><b>Înregistrat de</b></span> <span style="font-size: 8pt;">$REG_DATE$</span><br></td></tr><tr><td style="padding: 1px 5px 1px 8px; text-align: left; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;"><span style="font-size: 8pt;"><b>Ştiri:</b></span> <span style="font-size: 8pt;">$NEWS_POSTS$</span><br></td></tr>
<br>
<tr><td style="padding: 1px 5px 1px 8px; text-align: left; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;"><span style="font-size: 8pt;"><b>Forum:</b></span> <span style="font-size: 8pt;">$FORUM_POSTS$</span><br></td></tr>
</tbody></table><br></td></tr></tbody></table></div>
</div>
În căciuliţă (Top part of the website) adăugăm la sfârşit scriptul:
Code
<script src="http://maxrom.ucoz.com/js/jquery.coda-bubble.sp.js" type="text/javascript"></script>
Informeru adăugăm unde dorim să apară. P.S.
La crearea Informerului în Sorting mode alegem ce dorim, coloane de la 2 la 3 sau după necesitate la fel şi numărul de intrări (utilizatori)
Ex: