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 1
  • 1
Scripturi și teme pentru ucoz » Scripturi şi şabloane » Căsuțe | Block-uri » Ultimile comentarii
Ultimile comentarii
LiberData: Joi, 2012-07-26, 10:27 AM | Mesaj # 1
Neconectat
 Pasul 1: Panoul de Control - Unelte - Informatori - creați un informator cu următoarele date - [ Comentarii · Intrări · Data intrării D · Intrări: 4 · Coloane: 1 ]. În șablonul informatorului adăugați acest cod:

Code
<div class="osninf"><div class="inftitl"><b>Materialul:</b> <a href="$ENTRY_URL$"><?substr($ENTRY_TITLE$,0,17)?></a></div><b>$NAME$</b> a scris: <div class="infmes">$MESSAGE$</div></div>


Pasul 2: Panoul de Control - Design - Administrarea design-ului (CSS) - adăugați aici aceste stiluri:

Code
/* Informatorul comentariilor */    
.osninf {padding:8px;border-bottom:1px solid #8A2BE2;}    
.inftitl b, .osninf b {color:#006400;}    
.inftitl {color: #fff;font-family: arial;font-weight: bold;text-decoration: none;line-height: 16px;}    
.inftitl a:hover {color: #6495ED;font-family: arial;font-weight: bold;text-decoration: none;line-height: 16px;border-bottom: 1px dashed #A52A2A;}    
.infmes {border:1px dashed #DC143C;margin:5px 0 3px 0;padding:5px;background:#fff;font-size:7pt;    
color:#FF1493;}    
/* ------------- */


* Codul informatorului ($MYINF_1$) îl puneți într-o căsuță, sau unde doriți. Pentru a schimba culorile, în codul din Pasul 2, editați #8A2BE2, #006400, #6495ED...

Rezultatul:
 
andreimikeData: Vineri, 2012-07-27, 2:14 PM | Mesaj # 2
Neconectat
 Pasul 1: Creăm un Informator. Intrăm în Panoul de control - Unelte - Informatori - creaţi un Informator nou - alegeţi Secţiunea Comentarii, Modulul dorit, Număr de intrări 3, Număr de coloane 1, Lungimea maximă a textului pentru comentariu 0. Salvaţi. Apăsaţi pe această imagine şi înlocuiţi codul din fereastra deschisă cu:

Code
<li onmouseover="balloon.showTooltip(event,'load:iComm_$NUMBER$')">       
       <div class="mini-comment">       
       <?if($USER_AVATAR_URL$)?>       
       <a href="$PROFILE_URL$" class="avatar">       
       <img src="$USER_AVATAR_URL$" width="40" height="45">       
       </a>       
       <?else?>       
       <a href="$PROFILE_URL$" class="avatar"><img src="http://fierbinte.ucoz.ro/avatar/Fara_Avatar.gif" width="40" height="45"></a>       
       <?endif?>       
       <a href="$PROFILE_URL$"><span style="color:red"><?if($USERNAME$)?><b>$USERNAME$</b><?else?><?endif?></span></a>       
       a scris: <a href="$ENTRY_URL$">$ENTRY_TITLE$</a>       
       </div>       
       <span id="iComm_$NUMBER$" style="display:none">       
       <b>$MESSAGE$</b>       
       </span>       
       </li>


Pasul 2: Codul de mai jos deja îl puneţi intr-un block existent, sau creaţi unul nou... Nu uitaţi să schimbaţi numărul informatorului (dacă e nevoie) - $MYINF_1$

Code
<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>


Rezultatul:
 
OmulPaianjenData: Marţi, 2012-08-21, 10:02 AM | Mesaj # 3
Neconectat
 Instalare: Panoul de Control - Unelte - Informatori - creați un informator cu urmatoarele date. În șablonul informatorului băgați aceste coduri:

Code
<div class="webo4ka_comment_tema"><a href="$ENTRY_URL$"><?substr($ENTRY_TITLE$,0,25)?></a></div>  

<div class="webo4ka_comment">  
<div class="webo4ka_comment_user">  
<a href="$PROFILE_URL$" title="Profilul" target="_blank"><b>$USERNAME$</b></a>  
</div>  
<div class="webo4ka_comment_text">$MESSAGE$</div> </div>  

<div class="webo4ka_comment_end"></div>
</div>
<center><font color="#0000FF">--------</font><font color="#FFFF00">-----------------</font><font color="#FF0000">--------</font></center>

<style>
.webo4ka_comment_tema {margin-bottom: -5px; color:#666666; text-shadow:1px 1px 1px #fff; font-size: 11pt;}

.webo4ka_comment {background-image: url(http://fierbinte.ucoz.ro/Forum/Diverse/Casute_Block/Parerea_voastra_fundal.png); overflow: hidden; background-repeat: no-repeat; width: 217px;}
.webo4ka_comment_end {background-image: url(http://fierbinte.ucoz.ro/Forum/Diverse/Casute_Block/Parerea_voastra_fundal_sfarsit.png); height: 13px; width: 217px; margin-bottom:25px;}

.webo4ka_comment_user {font-weight: bold; padding-left: 60px; margin-top: 7px; margin-bottom: 10px; color:#666666; text-shadow:1px 1px 1px #fff; font-size: 11pt;
}
.webo4ka_comment_text {margin-top: 30px; margin-right: 5px; margin-left: 5px; color:#666666; text-shadow:1px 1px 1px #fff; font-size: 11pt;}
</style>


Rezultatul:
 
OmulPaianjenData: Marţi, 2012-08-21, 5:28 PM | Mesaj # 4
Neconectat
 Pasul 1: Panoul de Control - Unelte - Informatori - creați un informator cu următoarele date:

[ Denumire informator: Ultimile Comentarii · Secţiune: Comentarii · Modul: Toate modulele · Intrări: 4 · Coloane: 1 ]


în șablonul informatorului adăugați aceste coduri:

Code
<div class="uzer_coment_v">   
   <div class="uzer_name">   
   <?if($USERNAME$)?> <a href="$PROFILE_URL$" target="_blank">$USERNAME$</a><?else?>$NAME$<?endif?>   
   </div>   
   <div class="uzer_data">$DATE$</div>   
</div>   

<div class="uzer_massage">   
   <a href="$ENTRY_URL$" target="_blank">   
   <?if($USER_AVATAR_URL$)?>   
<img class="coment_avatar" src="$USER_AVATAR_URL$" /><?else?><img class="coment_avatar" src="http://fierbinte.ucoz.ro/Forum/Diverse/Casute_Block/Fara_avatar.jpg" alt="no" /><?endif?>   
   $MESSAGE$   
   </a>   
</div>


Pasul 2: Panoul de Control - Design - Administrarea design-ului (CSS) - pentru aspect deschis adăugați aceste stiluri:

Code
/* Ultimile comentarii */   
.uzer_coment {   
   overflow: hidden;   
   width:230px;   
   background: #fff;   
   border:1px solid #D6D6D6;   
   border-bottom:none;   
}   

.uzer_coment_v {   
   float:left;   
   width:230px;   
   height:27px;   
   background: url('http://fierbinte.ucoz.ro/Forum/Diverse/Casute_Block/Comentarii_deschis_2.png') repeat-x top;   
   border-top: 1px solid #fff;   
}   
     
.uzer_coment_v a:link,   
.uzer_coment_v a:visited {color:#888;}   
.uzer_coment_v a:hover {color:#333;}   
     
.uzer_coment_v a:link,   
.uzer_coment_v a:visited,   
.uzer_coment_v a:hover {   
   text-decoration:none;   
   font:11px Verdana,Arial,Helvetica, sans-serif;   
   font-weight: bold;   
   text-shadow: 1px 1px 1px #fff;   
}   

.uzer_name {   
   float:left;   
   padding: 6px 0px 0px 10px;   
}   
     
.uzer_data {   
   float:right;   
   font:11px Verdana,Arial,Helvetica, sans-serif;   
   font-weight: bold;   
   color:#888;   
   text-shadow: 1px 1px 1px #fff;   
   padding: 6px 10px 0px 0px;   
}   
     
.uzer_massage {   
   background: url('http://fierbinte.ucoz.ro/Forum/Diverse/Casute_Block/Comentarii_deschis.png') repeat-x top;   
   width:230px;   
   float:left;   
   overflow: hidden;   
   padding: 10px 5px 10px 5px;   
   border-bottom: 1px solid #D6D6D6;   
}   
     
.uzer_massage :link,   
.uzer_massage :visited {   
   display: block;   
   text-decoration: none;   
   color:#555;   
}   

.uzer_massage:hover {   
   color:#555;   
   background: url('http://fierbinte.ucoz.ro/Forum/Diverse/Casute_Block/Comentarii_deschis.png') repeat-x top #F3F3F3;   
}   

.coment_avatar {   
   width:45px;   
   height:45px;   
   float:right;
   background: #F3F3F3;   
   padding: 3px;   
   margin-left: 3px;   
   border:1px solid #D6D6D6;   
}   
/* ------------------------ */


pentru aspect întunecat:

Code
/* Ultimile comentarii */   
.uzer_coment {   
   overflow: hidden;   
   width:230px;   
   background: #fff;   
   border:1px solid #D6D6D6;   
   border-bottom:none;   
}   

.uzer_coment_v {   
   float:left;   
   width:230px;   
   height:27px;   
   background: url('http://fierbinte.ucoz.ro/Forum/Diverse/Casute_Block/Comentarii_inchis_2.png') repeat-x top;   
   border-top: 1px solid #fff;   
}   
     
.uzer_coment_v a:link,   
.uzer_coment_v a:visited {color:#888;}   
.uzer_coment_v a:hover {color:#333;}   
     
.uzer_coment_v a:link,   
.uzer_coment_v a:visited,   
.uzer_coment_v a:hover {   
   text-decoration:none;   
   font:11px Verdana,Arial,Helvetica, sans-serif;   
   font-weight: bold;   
   text-shadow: 1px 1px 1px #fff;   
}   

.uzer_name {   
   float:left;   
   padding: 6px 0px 0px 10px;   
}   
     
.uzer_data {   
   float:right;   
   font:11px Verdana,Arial,Helvetica, sans-serif;   
   font-weight: bold;   
   color:#888;   
   text-shadow: 1px 1px 1px #fff;   
   padding: 6px 10px 0px 0px;   
}   
     
.uzer_massage {   
   background: url('http://fierbinte.ucoz.ro/Forum/Diverse/Casute_Block/Comentarii_inchis.png') repeat-x top;   
   width:230px;   
   float:left;   
   overflow: hidden;   
   padding: 10px 5px 10px 5px;   
   border-bottom: 1px solid #D6D6D6;   
}   
     
.uzer_massage :link,   
.uzer_massage :visited {   
   display: block;   
   text-decoration: none;   
   color:#555;   
}   

.uzer_massage:hover {   
   color:#555;   
   background: url('http://fierbinte.ucoz.ro/Forum/Diverse/Casute_Block/Comentarii_inchis.png') repeat-x top #F3F3F3;   
}   

.coment_avatar {   
   width:45px;   
   height:45px;   
   float:right;
   background: #F3F3F3;   
   padding: 3px;   
   margin-left: 3px;   
   border:1px solid #D6D6D6;   
}   
/* ------------------------ */


* Pentru a edita mărimea căsuței, modificați aceste stiluri: width:230px;

Rezultatul:
 
Scripturi și teme pentru ucoz » Scripturi şi şabloane » Căsuțe | Block-uri » Ultimile comentarii
  • Pagina 1 din 1
  • 1
Căutare:
Copyright © 2019. Toate drepturile rezervate
Politicieni | Acţiunea 2012 | Powered by uCoz