Pentru a accesa toate paginile forumului
te rugăm să te înregistrezi
[ Cereri şabloane · Ultimile postări · Membrii · Regulamentul forumului · Căutare · RSS · Photoshop ]
  • Pagina 1 din 2
  • 1
  • 2
  • »
Scripturi și teme pentru ucoz » Scripturi şi şabloane » Diverse » Mini profil a utilizatorului
Mini profil a utilizatorului
StapanulData: Sâmbătă, 2012-06-16, 11:35 AM | Mesaj # 1
Neconectat
 Instalare: Panoul de control - Design - Administrarea design-ului (şabloane) - şi alegeţi din Secţiuni globale [Primul recipient], sau [Al doilea recipient] - (În Primul recipient găsim block-urile din dreapta site-ului: Menu, Categoriile secţiunii, Sondajul; În Al doilea recipient găsim celelate block-uri: Căutare, Calendar, Prietenii...). Creaţi un block nou şi introduceţi codul:

Code
<center><?if($USER_LOGGED_IN$)?>
      <?if($USER_AVATAR_URL$)?> <img title="$USERNAME$" src="$USER_AVATAR_URL$" border="0 "width="150" height="150" >
      <?endif?></center>
           
      <fieldset><legend><b>Profil</b></legend>
      <div class="uhelphr"></div>
      Bun venit: <strong>$USERNAME$</strong>
      <br>
      Grupa: <strong>$USER_GROUP$</strong>
      <br>
      Mesaje private noi: <strong>$UNREAD_PM$</strong>
      <div class="uhelphr"></div>
      <b><a href="$PERSONAL_PAGE_LINK$">Profil</a> | <a href="$PM_URL$">Poşta</a> | <a href="$LOGOUT_LINK$">Ieşire</a></b>
      </fieldset>
           
           
      <?else?>
           
      <img src="http://fierbinte.ucoz.ro/avatar/Fara_Avatar.gif" border="0" width="100" height="100" >
           
      $LOGIN_FORM$
      <?endif?><br>


Rezultatul:

Pomul se cunoaşte după roade, omul după fapte.
 
StapanulData: Marţi, 2012-06-19, 8:38 PM | Mesaj # 2
Neconectat
 Butonul Mini profil în colţul de jos al si-teului

Intalare: Panoul de Control - Administrarea design-ului (şabloane) - Secţiuni globale [Primul, sau Al doilea recipient] - şi adăugăm acest cod la sfârşit, sau la început:

Code
<div class="mini_prof_out" onmouseover="this.className='mini_prof_on'" onmouseout="this.className='mini_prof_out'" id="mini_prof"><div id="sam_profil" style="display:none">
<center>
<?if($USER_LOGGED_IN$)?>
<?if($USER_AVATAR_URL$)?>
<img class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" border="0">
<?else?>
<img class="userAvatar" title="$USERNAME$" src="http://fierbinte.ucoz.ro/avatar/Fara_Avatar.gif" border="0">
<?endif?>
<?else?>
<img class="userAvatar" title="$USERNAME$" src="http://fierbinte.ucoz.ro/avatar/Fara_Avatar.gif" border="0">
<?endif?>
</center>
<?if($USER_LOGGED_IN$)?>
<span style="font-size:9px;">Salut, <b>$USERNAME$</b>!</span>
<ul class="uz">
<li class="m"><a class="m" href="$PERSONAL_PAGE_LINK$">Profilul</a></li>
<li class="m"><a class="m" href="$PM_URL$">Mesaje noi($UNREAD_PM$)</a></li>
<li class="m"><a class="m" href="/forum/0-0-1-34">Nou pe Forum</a></li>
<li class="m"><a class="m" href="/news/0-0-0-0-1">Adaugă intrare</a></li>
<li class="m"><a class="m" href="$LOGOUT_LINK$" onclick="return confirm('Ieşire?');">Deconectare</a></li>
</ul>
<?else?>
$LOGIN_FORM$
<?endif?>
</div>
<span id="open_miniprof">Mini-profil</span><span id="close_miniprof" style="display:none">Ascunde</span></div><script type="text/javascript">$(document).ready(function(){$("#open_miniprof").click(function(){$(this).hide(100); $("#close_miniprof, #sam_profil").show(100); $("#sam_profil").css("text-align","left");}); $("#close_miniprof").click(function(){$(this).hide(100); $("#sam_profil").hide(100); $("#open_miniprof").show(100); $("#sam_profil").css("text-align","center");});});</script>
Pomul se cunoaşte după roade, omul după fapte.
 
StapanulData: Marţi, 2012-06-19, 9:20 PM | Mesaj # 3
Neconectat
 Pasul 1: Panoul de Control - Design - Administrarea design-ului (şabloane) - Secţiuni globale [Primul, sau Al doilea recipient] - creaţi un block nou (aici găsiţi explicaţia cum de-l creat) şi băgaţi în el codul:

Code
<table width="100%">  
  <tbody>  
  <tr>  
  <td><center><div class="avaa">  
  <?if($USER_AVATAR_URL$)?>  
   
  <img src="$USER_AVATAR_URL$" max-height="150" max-width="150">  
  <?else?>  
  <img src="http://fierbinte.ucoz.ro/Forum/Iconite/Fara_avatar/4.png" width="150" height="150">  
   
  <?endif?>  
  </div></center>  
  <?if($USER_LOGGED_IN$)?><div id="about_pr">  
  <center style="margin-top:1px;"><span style="font-size: 8pt;margin-left:5px;margin-top:2px;"><b>($USER_FULL_NAME$)</b></span></center><img src="http://fierbinte.ucoz.ro/Prieteni/Iubesc.png"style="margin-top:1px;margin-bottom:1px;" border="0" alt="" /> <br>
  <span style="font-size: 8pt;margin-left:5px;">ID: <div style="float: right;margin-right:5px;"><b>$USER_ID$</b></div></span> ---------------------------- <br>  
  <span style="font-size: 8pt;margin-left:5px;">Sex: <div style="float: right;margin-right:5px;"><b>$USER_GENDER$</b></div></span> ----------------- <br>  
  <span style="font-size: 8pt;margin-left:5px;">Prezent de: <div style="float: right;margin-right:5px;"><b>$USER_REG_DAYS$ <?if($USER_REG_DAYS$%10=0||$USER_REG_DAYS$%10>4||$USER_REG_DAYS$%100>10&&$USER_REG_DAYS$%100<15)?>Zile<?else?><?if($USER_REG_DAYS$%10=1)?>zi<?else?>ore<?endif?><?endif?></b></div></span></span> ----------- <br>  
  <span style="font-size: 8pt;margin-left:5px;">Grupa: <div style="float: right;margin-right:5px;"><b>$USER_GROUP$</b></div></span> ------ <br>  
  <div style="vertical-align: bottom;margin-bottom:2px;"><span style="font-size: 8pt;margin-left:5px;">IP: <div style="float: right;margin-right:5px;"> --------- <b>$IP_ADDRESS$</b></div></span> </div>  
  </div></td>  
  </tr>  
  </tbody>  
  </table>  
  <table width="103%">  
  <tbody>  
  <tr><td width="50%">  
  <input class="buttonprofile" style="width:100%;" target="_blank" type="button" onclick="document.location.href='/index/8'; return false; target: blank;" value="Profil"/>  
  <input class="buttonprofile"style="width:100%;" type="button" onclick="document.location.href='$PM_URL$'; return false;" value="MP (<?if($IS_NEW_PM$)?>$IS_NEW_PM$<?else?>0<?endif?>)"/>  
  </td>  
  <td width="50%">  
  <input class="buttonprofile"style="width:100%;height:43;" type="button" onclick="document.location.href='$LOGOUT_LINK$'; return false;" value="Ieşire"/>  
  </td>  
  </tr>  
  </tbody>  
  </table><?else?>  
  $LOGIN_FORM$  
  </td>  
  </tr>  
  </tbody>  
  </table><?endif?>


Pasul 2: Panoul de Control - Design - Administrarea design-ului (şabloane) - Utilizatori [Formular înregistrare utilizator/Formular de autentificare] - schimbaţi tot codul de acolo cu:

Code
<?if($PAGE_ID$="login")?><div><?endif?>
  <table id="about_pr_2" style="padding:0;" border="0" cellspacing="1" cellpadding="0" width="100%">
  <?if($ERROR$)?><td colspan="2" style="color:red;text-align:center;">$ERROR$</td><?endif?>
  <tr><td><input class="loginField" type="text" name="user" onfocus="if(this.value=='E-Mail/Numele')this.value=''" onblur="if(this.value=='')this.value='E-Mail/Numele'" value="E-Mail/Numele" size="20" style="width:100%;" maxlength="50"/></td></tr>
  <tr><td><input class="loginField" type="password" name="password" size="20" style="width:100%" onfocus="if(this.value=='Parola')this.value=''" onblur="if(this.value=='')this.value='Parola'" value="Parola" maxlength="15"/></td></tr>
  </table>
  <table border="0" cellspacing="1" cellpadding="0" width="100%">
  <tr><td align="center" width="100%" valign="top">
  <input style="width:100%;margin-top:2px;" width="100%" class="loginButton" name="sbm" type="submit" value="Intră"/>
  <?if($PAGE_ID$="login" && $HIDDEN_ALLOWED$)?>
  <input id="hid$PAGE_ID$" type="checkbox" name="hidden" value="1" /><label for="hid$PAGE_ID$">Ascuns</label><?endif?>
  <div style="font-size:7pt;text-align:center;margin-top:3px;"><a href="$REMINDER_LINK$">Am uitat parola</a> | <a href="$REGISTER_LINK$">Înregistrare</a></div></td></tr>
  </table>
  <?if($PAGE_ID$="login")?></div><?endif?>


Pasul 2: Panoul de Control - Design - Administrarea design-ului (CSS) - adăugaţi codul de mai jos.

Code
#about_pr_2 {background:#f1f1f1;border:1px solid #3e81b2;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin-top:5px;}
   #about_pr {background:#f1f1f1;border:1px solid #3e81b2;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin-top:5px;}
   .avaa {text-align:center;border: 10px solid #36638e;width:150px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
   .buttonprofile {background:#f1f1f1;border:1px solid #cbcbcb;line-height:25px;width:100%;color:8B8881;text-align:center;margin-bottom:3px;}
   .loginField {background:#f1f1f1;border:1px solid #cbcbcb;color:#8B8881;height:20px;}
   .loginButton {background:#f1f1f1;border:1px solid #cbcbcb;color:#8B8881;width:97%;height:25%;float:left;}


Rezultatul:

Pomul se cunoaşte după roade, omul după fapte.
 
StapanulData: Vineri, 2012-06-22, 2:56 PM | Mesaj # 4
Neconectat
 În partea dreaptă a saitului va apărea acest buton plutitor. Duceţi cursorul peste buton şi se deschide frumos mini profilul din exemplu de mai jos.

Instalare Pe pagina unde doriţi să fie instalat, după <body> adăugaţi codul:

Code
<?if($USER_LOGGED_IN$)?>
<script>
$(function(){$(".prof_s").hover(function(){$(this).animate({width:'+=130'},300);},
function(){$(this).animate({width:'-=130'},500);});});
</script>
<style>
div.prof_s {display:block;overflow:hidden;position:fixed;left:0;bottom:0;margin-bottom:20px;border:1px solid #ccc;background:#f2f2f2;border-left:0;height:200px;-moz-box-shadow:2px 3px 5px #bdbdbd;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;filter:alpha(opacity=70);}
div.prof_s:hover {cursor:pointer;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;filter:alpha(opacity=100);}
</style>
<div class="prof_s" style="width:22px;">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td align="left" width="10%"><img src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini-profil/deschide.png
"></td><td align="left" style="border-left:1px solid #ccc;padding-top:5px;padding-left:7px;" width="90%" valign="top">
<img src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>http://fierbinte.ucoz.ro/avatar/Fara_Avatar.gif<?endif?>" title="$USERNAME$" style="width:100px !important;height:100px !important;padding:2px;background:#f5f5f5;border:1px solid #ddd;">
<br>
<div style="margin-left:4px;">
<b>$USER_GROUP$</b><br>
<b>$IP_ADDRESS$</b><br>
Pe sait de <b>$USER_REG_DAYS$</b> zile<br>
<a href="$PM_URL$">Mesaje personale<?if($UNREAD_PM$)?> - <b style="color:red">$UNREAD_PM$</b><?endif?></a><br>
<a href="/index/11">Editează datele</a><br>
<a href="/index/10" onclick="$('.prof_s').hide();"><b>Ieşire</b></a>
</div>
</td></tr></table>
</div>
<?endif?>


Rezultatul:

Pomul se cunoaşte după roade, omul după fapte.
 
StapanulData: Vineri, 2012-06-22, 9:47 PM | Mesaj # 5
Neconectat
 Mini profil lateral.

Pasul 1: Panoul de Control - Design - Administrarea design-ului (şabloane) - pe pagina unde doriţi să fie instalat, după <body> adăugaţi codul:

Code
<!-- Mini profil -->     
<div class="layer">     
<ul class="layer_ul">     

<li><img style="width:32px;height:32px;" src="http://fierbinte.ucoz.ro/Forum/Diverse/Panou_lateral/omul.png" border="0" alt="" />     
<div class="layer_block">     
<div class="pad10">     
<h3>Profilul meu</h3>     
<ul class="layer_block_ul"><center>     
<?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" title="Avatarul lui $USERNAME$" border="0" alt="$USER_AVATAR_URL$"><?else?><img src="http://fierbinte.ucoz.ro/avatar/Fara_Avatar.gif" title="Avatarul lui $USERNAME$"><?endif?>     

<?if($GROUP_ICON$)?>$GROUP_ICON$<?else?>$USER_RANK_ICON$<?endif?>     
<br><p></p>     
<ul class="uz">     
<div style="height:5px;"></div>     
<a href="/index/8-1"><font color="#ffffff"><img src="http://fierbinte.ucoz.ro/Forum/Diverse/Panou_lateral/Profilul_meu.png" border="0" alt="" /></font></a>     
<br> <p></p> <p></p>     
<a href="/index/14"><font color="#ffffff"><img src="http://fierbinte.ucoz.ro/Forum/Diverse/Panou_lateral/mesaje_priv.png" border="0" alt="" /></font></a>      
<br> <p></p> <p></p>     
<a href="/load/0-0-0-0-1"><font color="#ffffff"><img src="http://fierbinte.ucoz.ro/Forum/Diverse/Panou_lateral/adauga_intrare.png" border="0" alt="" /></font></a>     
<br><p></p> <p></p>
<a href="/index/15-1"><font color="#ffffff"><img src="http://fierbinte.ucoz.ro/Forum/Diverse/Panou_lateral/lista_utili.png" border="0" alt="" /></font></a>     
<br><p></p> <p></p>    
<a href="/index/11"><font color="#ffffff"><img src="http://fierbinte.ucoz.ro/Forum/Diverse/Panou_lateral/setari.png" border="0" alt="" /></font></a>     
<br><p></p> <p></p>    
<a href="javascript:exit()"><font color="#ffffff"><img src="http://fierbinte.ucoz.ro/Forum/Diverse/Panou_lateral/Deconectare.png" border="0" alt="" /></font></a><script>function exit(){if (confirm("Eşti sigur că vrei să te deconectezi ?")){window.location.href = "$HOME_PAGE_LINK$index/10"}else{alert("vă mulţumim pentru viziză");}}</script>     
</ul> <p></p> <p></p>     
</center></div>     
</div>     
</li>     
<li><img style="width:32px;height:32px;" src="http://fierbinte.ucoz.ro/Forum/Diverse/Panou_lateral/suviect.png" border="0" alt="" />     
<div class="layer_block">     
<div class="pad10">     
<h3>Ultimele mesaje</h3>     
<ul class="layer_block_ul">
<link type="text/css" rel="StyleSheet" href="http://fierbinte.ucoz.ro/Forum/Diverse/Comentarii/comentarii.css">       
       <script type="text/javascript" src="http://fierbinte.ucoz.ro/Forum/Diverse/Comentarii/idee.js"></script>       
       <div class="iComm" id="iComm"><ul>       
       $MYINF_1$       
       </ul></div>      
</div>     
</div>     
</li>     
<li><img style="width:32px;height:32px;" src="http://fierbinte.ucoz.ro/Forum/Diverse/Panou_lateral/vizitatori.png" border="0" alt="" />     
<div class="layer_block">     
<div class="pad10">     
<h3>Vizitatorii de azi</h3>     
<ul class="layer_block_ul"><center>$MYINF_2$</center></div>     
</div>     
</li>     
<li><img style="width:32px;height:32px;" src="http://fierbinte.ucoz.ro/Forum/Diverse/Panou_lateral/cei_mai_buni.png" border="0" alt="" />     
<div class="layer_block">     
<div class="pad10">     
<h3>Cei mai fideli utilizatori</h3>     
<ul class="layer_block_ul">$MYINF_3$</div>     
</div>     
</li>     
</ul>     
</div>     
<style>     
.layer{position:fixed;left:0px;top:50px;width:41px;height:170px;background:url(http://fierbinte.ucoz.ro/Forum/Diverse/Panou_lateral/1.png) no-repeat top right}     
.layer_ul{padding:18px 0px 10px 7px;margin:0px;list-style:none;position:relative;}     
.layer_block{position:absolute;left:39px;padding:4px;top:0px;width:243px;height:430px;background:url(http://fierbinte.ucoz.ro/Forum/Diverse/Panou_lateral/2.png) no-repeat 0px top;display:none;color:#FFF}     
.layer_block h3{border-bottom:1px solid #fff;color:#FFF;margin:10px 14px 5px 5px;}     
.layer_ul li:hover .layer_block{display:block;cursor:default;}     
.layer_block_ul{padding:2px;margin:0px;list-style:none;}     
.layer_block_ul li{display:block;padding:0px;margin:0px 0px 0px 0px;border:1px solid #bcd959;height:auto;color:#333}     
.layer_block_ul li a{display:block;color:#FFF;font-weight:bold;}     
.layer_block_ul li span{display:block;}     
</style>     
<!-- Sfârşitul Mini profil -->


Pasul 2: Acum trebuie să creăm informatorii. Aici e explicat cum de creat informatorul pentru Ultimile mesaje. Cu informatorul Utilizatorii care au vizitat site-ul pentru ziua curentă probabil o să vă descurcaţi şi singuri. În caz că nu, postaţi un comentariu. Aici găsiţi ajutor pentru crearea informatorului cu Cei mai fideli utilizatori.

Rezultatul:
1 2 3 4
Pomul se cunoaşte după roade, omul după fapte.
 
Scripturi și teme pentru ucoz » Scripturi şi şabloane » Diverse » Mini profil a utilizatorului
  • Pagina 1 din 2
  • 1
  • 2
  • »
Căutare:
Copyright © 2019. Toate drepturile rezervate
Politicieni | Acţiunea 2012 | Powered by uCoz