|
Lista utilizatorilor conectați | Statistici
|
|
| Stapanul | Data: Joi, 2012-06-28, 7:23 PM | Mesaj # 1 |
|
|
Pasul 1: Panoul de Control - Design - Administrarea design-ului (CSS) - adăugăm stilul:
Cod .cross {padding-top:2px; display:inline-block; padding-bottom:3px; color:#fff; text-align:center; text-shadow:0px 1px 0px rgba(0,0,0,0.25)}
Pasul 2: Panoul de Control - Design - Administrarea design-ului (şabloane) - Secţiuni globale [Primul sau Al doilea recipient] - găsiţi codul $ONLINE_COUNTER$ şi schimbaţi-l cu:
Cod <div style="display:none;">$ONLINE_COUNTER$</div><div style="float:right;"><span style="">Utilizatori</span><span style="margin:0px; margin-left:2px; padding:1px; display:inline-block; border:1px solid #ccc; background:#fff;"><img style="height:7px; width:7px; background:#34a61e;" src="http://fierbinte.ucoz.ro/Forum/Aspect/Statistici/util.png" border="0" alt="" /></span></div> <div><span style="margin:0px; margin-right:3px; padding:1px; display:inline-block; border:1px solid #ccc; background:#fff;"><img style="height:7px; width:7px; background:#7d7d7d;" src="http://fierbinte.ucoz.ro/Forum/Aspect/Statistici/spioni.png" border="0" alt="" /></span><span style="">Oaspeţii saitului</span></div> <div style="border:1px solid #ccc; background:#fff; padding:1px; margin-top:2px;" id="Statku" align="left"></div> <script type="text/javascript"> var allusers = $(".tOnline b").text(); var gostusers = $(".gOnline b").text(); var siteusers = $(".uOnline b").text(); var uGosti = (gostusers/allusers).toFixed(2)*100; var uUsers = (siteusers/allusers).toFixed(2)*100; $("#Statku").html('<div class="cross" style="width:'+uGosti+'%; background:#7d7d7d;">'+Math.floor(uGosti)+'%</div><div class="cross" style="width:'+uUsers+'%; background:#34a61e;">'+Math.floor(uUsers)+'%</div>').after('<div style="border:0px; padding:2px; text-align:center;">Total — '+allusers+'</div>'); </script>
Rezultatul:
|
| |
|
|
| OmulPaianjen | Data: Duminică, 2012-07-29, 5:53 PM | Mesaj # 2 |
|
|
Instalare: Panoul de Control - Design - Administrarea design-ului (şabloane) - Secţiuni globale [Primul recipient sau Al doilea recipient] - schimbați tagul $ONLINE_USERS_LIST$ cu:
Code <div class="apoulist" style="display:none;"> $ONLINE_USERS_LIST$ </div> <style> .apo { width:95%; height:15px; background:rgba(230, 230, 230, 0.8); padding:2px; vertical-align:middle; margin-bottom:5px; font-weight:bold; border-left:1px solid #ccc; border-top:1px solid #ccc; border-radius:2px; } .apo a { text-decoration:none; } </style> <script> function apoOnGet() { $('.apoulist').load('# .apoulist', function() { $('.apoulist').html($('.apoulist').html().replace(/\,/g, '')); $('.apoulist').fadeIn(); $('.apoulist a').each(function() { $(this).html('<table class="apo"><td>' + $(this).html() + '</td><td align="right"><img src="http://s36.ucoz.net/.s/img/icon/us.png" onclick="apoGetP(\'' + $(this).text() + '\')" class="apoprofile" height="11px" title="Pagina personală"> <img onclick="apoGetPm(\'' + $(this).attr('href') + '\')" src="http://s36.ucoz.net/.s/img/icon/mf.png" height="11px" title="Trimite un mesaj"></td></table>'); }).removeAttr('onclick').click(function() {return false}); }); }; apoOnGet(); setInterval(function() { apoOnGet(); }, 30000); function apoGetP(name) { new _uWnd('apoGetP', 'Profilul ' + name, 600, 400, {autosize:0, closeonesc:1, popup:1, modal:1}, {url:'/index/8-0-' + name.replace(/\-/gi, '~'), xml:false}); } function apoGetPm(url) { var url2 = url.split('-'); var url3 = url2[url2.length]; new _uWnd('apoGetPm', 'Mesaj', 600, 400, {autosize:0, closeonesc:1, popup:1, modal:1}, {url:'/index/14-' + url3 + '-0-1', xml:false}); }</script>
* Din păcate, peste 30 de secunde, când se reînnoiește statistica utilizatorilor online, lista va dispărea și va trebui de reîncărcat pagina pentru a apărea din nou.
Rezultatul: 
|
| |
|
|
| OmulPaianjen | Data: Vineri, 2012-08-17, 12:15 PM | Mesaj # 3 |
|
|
Intalare: Panoul de Control - Design - Administrarea design-ului (şabloane) - Secţiuni globale [Primul recipient](dacă block-ul Statistici e în partea dreaptă a site-ului, intrăm în Al doilea recipient) - căutăm tag-ul $ONLINE_USERS_LIST$ și-l schimbăm cu <a class="groupUser">$ONLINE_USERS_LIST$</a>. Apoi intrăm în Administrarea design-ului (CSS) şi adăugăm la început aceste stiluri:
Code a[class^="group"]:link,a[class^="group"]:visited,.userBirthdayLink:link,.userBirthdayLink:visited{font-size:13px;padding:3px 4px;line-height:22px;border-radius:4px;text-decoration:none!important;}
a[class^="group"]:hover,.userBirthdayLink:hover{text-decoration:none!
important;box-shadow:0 1px 3px rgba(0,0,0,.3);}
.forumOnlineBar a[class^="group"]:link,.forumOnlineBar a
[class^="group"]:visited{line-height:normal;}
a.groupUser:link,
a.groupUser:visited,.userBirthdayLink:link,.userBirthdayLink:visited{color:#2a6f92!important;}
a.groupUser:hover,.userBirthdayLink:hover{color:#11567a!
important;background:#ebf2f2;}
a.groupModer:link,a.groupModer:visited {color:#1ab11e!
important;background:url(http://fierbinte.ucoz.ro/Forum/Aspect/Utiliz_colorat/Mod.png) no-repeat 1px center;padding-left:16px;} a.groupModer:hover {color:#fff!important;background:url(http://fierbinte.ucoz.ro/Forum/Aspect/Utiliz_colorat/Mod.png) no-repeat 3px center #1ab11e; }/*Moderatori*/
a.groupVerify:link,a.groupVerify:visited {color:#991199!important;}
a.groupVerify:hover {color:#fff!important;background:#991199;}/*Verificaţi*/
a.groupAdmin:link,a.groupAdmin:visited {color:#ff2400!
important;background:url(http://fierbinte.ucoz.ro/Forum/Aspect/Utiliz_colorat/sefu.gif) no-repeat 1px center;padding-left:16px;} a.groupAdmin:hover {color:#fff!important;background:url(http://fierbinte.ucoz.ro/Forum/Aspect/Utiliz_colorat/sefu.gif) no-repeat 3px center #ff2400; }/*Şefu*/
a.groupOther1:link,a.groupOther1:visited {color:#3D5A70!important;}
a.groupOther1:hover {color:#fff!important;background:#3D5A70;}/*Super-utilizator*/
a.groupOther3:link,a.groupOther3:visited {color:#ffcc2f!
important;background:url(http://fierbinte.ucoz.ro/Forum/Aspect/Utiliz_colorat/vip.gif) no-repeat 1px center;padding-left:25px;} a.groupOther3:hover {color:#fff!important;background:url(http://fierbinte.ucoz.ro/Forum/Aspect/Utiliz_colorat/vip.gif) no-repeat 3px center #ffcc2f; }/*VIP*/
a.groupFriends:link,a.groupFriends:visited {color:#b46918!important;}
a.groupFriends:hover {color:#fff!important;background:#b46918;}/*Design-er*/
a.groupOther7:link,a.groupOther7:visited {color:#3D5A70!important;}
a.groupOther7:hover {color:#fff!important;background:#3D5A70;}/*Prieteni*/
a.groupBanned:link,a.groupBanned:visited {color:#303030!important;text-
decoration:line-through;} a.groupBanned:hover {color:#fff!important;background:#303030;text-decoration: line-through;}/*Blocaţi*/
a.groupOther5:link,a.groupOther5:visited {color:#FF9E5E;}
a.groupOther5:hover {color:#ffffff;background:#FF9E5E; text-shadow:none;} /*Ajutorul*/
#nav_menu a:link, #nav_menu a:visited {
color: #fff;
display: block;
font-size:11px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
}
Rezultatul: 
|
| |
|
|
| Liber | Data: Luni, 2012-08-27, 8:23 PM | Mesaj # 4 |
|
|
Pasul 1: Panoul de Control - Design - Administrarea design-ului (CSS) - adăugați aceste stiluri:
Code /* Statistici jos */
.Online {
background: url(http://fierbinte.ucoz.ro/Forum/Aspect/Statistici/1.gif);
border: 1px dashed #5d5d5d;
text-align: center;
padding: 5px;
position: fixed;
bottom: 10px;
left: 10px;
cursor: pointer;
color: #666666;
text-decoration: none;
}
.Online2 {
background: url(http://fierbinte.ucoz.ro/Forum/Aspect/Statistici/1.gif);
border: 1px dashed #5d5d5d;
text-align: center;
padding: 5px;
position: fixed;
bottom: 30px;
left: 10px;
color: #666666;
text-decoration: none;
display:none;
}
/* ------------ */
Pasul 2: Panoul de Control - Design - Administrarea design-ului (şabloane) - Secţiuni globale [Partea inferioară a site-ului] - adăugați codurile:
Code <script type="text/javascript"> // javascript Document function cssmenuhover() { if(!document.getElementById("cssmenu")) return; var lis = document.getElementById("cssmenu").getElementsByTagName("LI"); for (var i=0;i<lis.length;i++) { lis[i].onmouseover=function(){this.className+=" iehover";} lis[i].onmouseout=function() {this.className=this.className.replace(new RegExp(" iehover\\b"), "");} } } if (window.attachEvent) window.attachEvent("onload", cssmenuhover); </script> </td> <div onclick="$('#online').toggle('slow');" href="javascript://" class="Online"><img src="http://fierbinte.ucoz.ro/Forum/Aspect/Statistici/2.png" border="0"></div> <div id="online" class="Online2"> <fieldset class="counter"> <center> $ONLINE_COUNTER$ </center> </fieldset> </div>
Rezultatul: 
|
| |
|
|
| Liber | Data: Miercuri, 2012-10-24, 7:05 PM | Mesaj # 5 |
|
|
Statistici în bara de administrare
Instalare: Panoul de Control - Design - Administrarea design-ului (şabloane) - pe pagina dorită, înainte de </body>, adăugați codul:
Code <script type="text/javascript">var totalconectati = $('#onl1 b').text(), totalutilizatori = $('#onl3 b').text(), totaloaspeti = $('#onl2 b').text(); $(function(){$('#uzadmp').prepend('<div style="float:right; padding: 4px 10px; cursor:pointer;">Total conectați: <b>'+totalconectati+'</b> | Utilizatori: <b>'+totalutilizatori+'</b> | Oaspeți: <b>'+totaloaspeti+'</b></div>')});</script>
Pentru Forum
Instalare: Panoul de Control - Design - Administrarea design-ului (şabloane) - Forum [Aspectul general a paginilor forumului] - după $BODY$ adăugați:
Code <script type="text/javascript">var totalconectati = $('.gTableSubTop b').eq(0).text(), totalutilizatori = $('.gTableSubTop b').eq(1).text(), totaloaspeti = $('.gTableSubTop b').eq(2).text(); $(function(){$('#uzadmp').prepend('<div style="float:right; padding: 4px 10px; cursor:pointer;">Total online: <b>'+totalconectati+'</b> | Utilizatori: <b>'+totalutilizatori+'</b> | Oaspeți: <b>'+totaloaspeti+'</b></div>')});</script>
|
| |
|
|
