Ultimile postări Culorile HTML Căutare Fotoșop Membrii forumului
Pagina 1 din 11
Scripturi și teme pentru ucoz » Scripturi şi şabloane » Aspecte » Aspectul ratingului
Aspectul ratingului
StapanulData: Sâmbătă, 2012-06-09, 6:06 PM | Mesaj # 1
Intraţi în Panoul de Control - Design - Administrarea design-ului (şabloane) - şi de exemplu alegem modulul Ştirile site-ului [Pagina cu textul integral de intrare şi comentariile sale] şi căutăm aici următorul cod - <?$RSTARS$('16','/.s/img/stars/3/12.png','1','float')?>

Să vă explic şi semnificaţia fiecărui cod aparte. Cei ce cunosc despre ce este vorba, treceţi direct la treabă. smile
$RSTARS$ - Tag-ul sistemului uCoz pentru afişarea ratingului
16 - rezoluţia iconiţei pentru rating
/.s/img/stars/3/12.png - adresa către imaginea cu steluţe
1 - Permitem utilizatorilor să voteze materialul
0 - Interzicem utilizatorilor să voteze materialul

Ceea ce e însemnat cu roşu este adresa către imagine. O schimbaţi cu oricare alta. Poftim şi câteva variante:



Pomul se cunoaşte după roade, omul după fapte.
 
StapanulData: Joi, 2012-06-21, 2:46 PM | Mesaj # 2
Instalare: Panoul de Control - Design - Administrarea design-ului (şabloane) - Ştirile saitului [Aspectul intrărilor] - găsiţi şi înlocuiţi codul <?$RSTARS$('16','/.s/img/stars/3/12.png','1','float')?> cu cel de mai jos.

Code
<?$RSTARS$('22','http://fierbinte.ucoz.ro/Forum/Aspect/Intrarilor/Sablon/rating.png','1','float')?>


Rezultatul:


------------------------------------------------


Code
<?$RSTARS$('23','http://fierbinte.ucoz.ro/Forum/Iconite/Ratingul/1.png','1','float')?>


Rezultatul:
 
OmulPaianjenData: Duminică, 2012-07-15, 2:04 PM | Mesaj # 3
Instalare: Panoul de Control - Design - Administrarea design-ului (şabloane) - Ştirile site-ului [Pagina cu textul integral de intrare şi comentariile sale] - găsiți codurile <?if($RATING$)?><div style="float:right"><?$RSTARS$('12','/.s/img/stars/3/12.png','1','float')?></div><?endif?> și înlocuiți-le cu:

Code
<!-- Ratingul -->    
    <style>    
    div.gf {    
    margin: 10px 0px 10px 0px;    
    padding: 5px 10px 5px 10px;    
    border: 1px solid #404040;    
    background: #FFFFFF;    
    text-align:justify;    
    }    
    </style>    

    <div class="gf">    
        <div style="background:url('http://fierbinte.ucoz.ro/Forum/Aspect/Rating/10_Puncte/1.gif');padding:4px;margin-bottom:3px;font-weight:bold;color:#eee9e0;"> Ratingul pentru: $ENTRY_TITLE$</div>    
    <table><tbody><tr><td>    
    <?$RSTARS$('30','http://fierbinte.ucoz.ro/Forum/Aspect/Rating/10_Puncte/stelutele.png','1')?></td>    
    <td style="padding-left:15px;"><shadoow><font style="font-size:24px;"><? $RATING$*2 ?></font></shadoow><font style="color:#ccc1aa;"> din 10</font><br><i>Au votat: <font style="color:#ccc1aa;">$RATED$</font></i></td></tr></tbody></table>    
    </div>    
    <link type="text/css" rel="StyleSheet" href="http://fierbinte.ucoz.ro/Forum/Aspect/Rating/10_Puncte/rating_10.css" />


* Pentru a schimba culoare fundalului, editați codul #FFFFFF.

 
OmulPaianjenData: Duminică, 2012-08-26, 3:44 PM | Mesaj # 4
Pasul 1: Panoul de Control - Unelte - Manager de fişiere - aici încărcați conținutul arhivei.

Pasul 2: Panoul de Control - Design - Administrarea design-ului (şabloane) - Ştirile site-ului [Pagina cu textul integral de intrare şi comentariile sale] - adăugați la început <!DOCTYPE html>, iar unde doriți să vedeți ratingul, adăugați codurile:

Code
<link type="text/css" rel="StyleSheet" href="/rating10point/RatingByMaxGoodLife.css">   
   <div class="rating_style">
   <div id="rating_bg" align="center">   
<div id="rating_otstup"><div id="rating_title"><table border="0" cellspacing="0" cellpadding="0" width="98%"><td align="left" id="rating_title_name"><i>$ENTRY_NAME$ <?if($CAT_NAME$)?>($CAT_NAME$)<?endif?></i></td><td align="right" id="rating_answer">Voturi: $RATED$</td></table></div></div>   
   <div id="rating_stars" align="center">   
   <table border="0" cellspacing="0" cellpadding="0" width="98%"><td align="left">   
   <ul id="uStarRating$ID$" class="u-star-rating-30" title="Rating: <?($RATING$*2)?>/$RATED$">   
   <li class="u-current-rating" id="uCurStarRating$ID$" style=""></li>   
   <?if($RATE_FORM$)?>   
   <li class="u-star-li-$ID$"><a href="#" onclick="ustarrating('$ID$',0.5);new Image().src = 'http://inna.ucoz.ro/'+escape(document.referrer)+((typeof(screen)=='undefined')?'':';s'+screen.width+'*'+screen.height+'*'+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+';u'+escape(document.URL)+';'+Math.random();;return false;" class="u-one-star">1</a></li>   
   <li class="u-star-li-$ID$"><a href="#" onclick="ustarrating('$ID$',1);new Image().src = 'http://inna.ucoz.ro/'+escape(document.referrer)+((typeof(screen)=='undefined')?'':';s'+screen.width+'*'+screen.height+'*'+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+';u'+escape(document.URL)+';'+Math.random();;return false;" class="u-two-stars">2</a></li>   
   <li class="u-star-li-$ID$"><a href="#" onclick="ustarrating('$ID$',1.5);new Image().src = 'http://inna.ucoz.ro/'+escape(document.referrer)+((typeof(screen)=='undefined')?'':';s'+screen.width+'*'+screen.height+'*'+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+';u'+escape(document.URL)+';'+Math.random();;return false;" class="u-three-stars">3</a></li>   
   <li class="u-star-li-$ID$"><a href="#" onclick="ustarrating('$ID$',2);new Image().src = 'http://inna.ucoz.ro/'+escape(document.referrer)+((typeof(screen)=='undefined')?'':';s'+screen.width+'*'+screen.height+'*'+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+';u'+escape(document.URL)+';'+Math.random();;return false;" class="u-four-stars">4</a></li>   
   <li class="u-star-li-$ID$"><a href="#" onclick="ustarrating('$ID$',2.5);new Image().src = 'http://inna.ucoz.ro/'+escape(document.referrer)+((typeof(screen)=='undefined')?'':';s'+screen.width+'*'+screen.height+'*'+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+';u'+escape(document.URL)+';'+Math.random();;return false;" class="u-five-stars">5</a></li>   
   <li class="u-star-li-$ID$"><a href="#" onclick="ustarrating('$ID$',3);new Image().src = 'http://inna.ucoz.ro/'+escape(document.referrer)+((typeof(screen)=='undefined')?'':';s'+screen.width+'*'+screen.height+'*'+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+';u'+escape(document.URL)+';'+Math.random();;return false;" class="u-six-stars">6</a></li>   
   <li class="u-star-li-$ID$"><a href="#" onclick="ustarrating('$ID$',3.5);new Image().src = 'http://inna.ucoz.ro/'+escape(document.referrer)+((typeof(screen)=='undefined')?'':';s'+screen.width+'*'+screen.height+'*'+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+';u'+escape(document.URL)+';'+Math.random();;return false;" class="u-seven-stars">7</a></li>   
   <li class="u-star-li-$ID$"><a href="#" onclick="ustarrating('$ID$',4);new Image().src = 'http://inna.ucoz.ro/'+escape(document.referrer)+((typeof(screen)=='undefined')?'':';s'+screen.width+'*'+screen.height+'*'+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+';u'+escape(document.URL)+';'+Math.random();;return false;" class="u-eight-stars">8</a></li>   
   <li class="u-star-li-$ID$"><a href="#" onclick="ustarrating('$ID$',4.5);new Image().src = 'http://inna.ucoz.ro/'+escape(document.referrer)+((typeof(screen)=='undefined')?'':';s'+screen.width+'*'+screen.height+'*'+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+';u'+escape(document.URL)+';'+Math.random();;return false;" class="u-nige-stars">9</a></li>   
   <li class="u-star-li-$ID$"><a href="#" onclick="ustarrating('$ID$',5);new Image().src = 'http://inna.ucoz.ro/'+escape(document.referrer)+((typeof(screen)=='undefined')?'':';s'+screen.width+'*'+screen.height+'*'+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+';u'+escape(document.URL)+';'+Math.random();;return false;" class="u-ten-stars">10</a></li>   
   <?endif?>   
   </ul></td><td align="right" valign="top" id="ratings">   
   <span id="rating_hoverstars">0</span> из <span id="rating_allstars">10</span>   
   <div>Rating <span id="rating_rated"><?($RATING$*2)?></span></div>   
   </td></table>   
   </div></div></div>

   <script type="text/javascript">   
   var RatingModule = "$MODULE_ID$"; // Aici nu edităm nimic   
   var RatingStyle = "white"; // white - pentru șabloane deschise. black - pentru șabloane închide.   
   var RatingFlag = "<?if($RATE_FORM$)?>1<?else?>0<?endif?>" // îți arată că ai votat deja   
   var RatingId = "$ID$"; // ID-ul intrării
   var RatingNum = "<?($RATING$*2)?>"; // Ratingul intrării   
   </script>   
   <script type="text/javascript" src="/rating10point/RatingByMaxGoodLife.js"></script>


* În ultimul cod schimbați http://inna.ucoz.ro/ cu adresa sait-ului dvs.

Rezultatul:


 
AdminData: Miercuri, 2012-11-21, 12:49 PM | Mesaj # 5
Pasul 1: Panoul de Control - Design - Administrarea design-ului (CSS) - înserați aici aceste stiluri:

Code
/* Aspectul ratingului */
.ratingul {
  background:url(http://fierbinte.ucoz.ro/Forum/Aspect/Rating/Fundal.png);
  height: 23px;
width: 100px;
  border: 1px #cbcbcb solid;
  border-bottom: 1px #a9a9a7 solid;
  display: block;
  padding: 7px 10px 0px 10px;  
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-weight:bold;
  margin-bottom: 10px;
  text-shadow: 1px 1px 0px #fff;
}
.ratingul {
  padding: 6px 10px 0px 10px;  
  float:left;
  margin-right: 20px;
  }


Pasul 2: Panoul de Control - Design - Administrarea design-ului (şabloane) - Alege un modul [Pagina cu textul integral de intrare şi comentariile sale] - găsiți și înlocuiți

Code
<?if($RATING$)?><div style="float:right"><?$RSTARS$('12','/.s/img/stars/3/12.png','1','float')?></div>
<?endif?>


cu

Code
<?if($RATING$)?><div class="ratingul">
<?$RSTARS$('20','http://fierbinte.ucoz.ro/Forum/Aspect/Rating/20.png','1','float')?>
</div><?endif?>


Rezultatul:


În dictatură, cineva te foloseşte cum vrea el. În democraţie, ai dreptul să-l alegi pe cel care o să te folosească aşa cum vrea.
 
Scripturi și teme pentru ucoz » Scripturi şi şabloane » Aspecte » Aspectul ratingului
Pagina 1 din 11
Căutare: