12-12-17, 12:09
uCozer
uCozer (Member)
  • Репутация: 100
  • Форум: 101
DalVeR
DalVeR (Admin)
  • Репутация: 2000
  • Форум: 38
masterlv
masterlv (Member)
  • Репутация: 2
  • Форум: 4
Lappuse 1 no 11
uCozer.uCoz.Lv - Forums » uCoz sistēma » Vizuālie skripti » Komentāru izskats V4
Komentāru izskats V4
uCozerДата: Pirmdiena, 11-03-13, 16:26 | Сообщение # 1
Member
  • Сообщений: 101
  • Репутация:
  • Замечания: 0%
Iekš CSS ievietojam šo kodu:
Code
/* Komentāru izskats v12 uCozer.ucoz.lv
   ------------------------------------------*/   
.cell_comment {   
   float:left;   
   width:98%;   
   color:#666;   
   background:#fff;   
   margin: 10px 0px;   
   border: 5px solid #000000;   
   border-radius:3px; overflow: hidden;   
}   

.comment_top {   
   float:left;   
   width:100%;   
   padding:5px 0px;   
   background:#000000;   
   border-bottom: 1px solid #000000;   
}   

.comment_name{   
   margin-left: 10px;   
   color:#FFFFFF;   
}   

.comment_number {   
   float:right;   
   background:#000000;   
   margin-right: 10px;   
}   

.comment_top span {   
   font:9px Verdana,Arial,Helvetica, sans-serif;   
   color:#000000;   
}   

.comment_mp,   
.comment_page {   
   float:right;   
   margin-right: 15px;   
}   

.comment_message {   
   float:left;   
   font:115%/1.5 Verdana,Arial,Helvetica, sans-serif;   
   text-align:justify;   

   width:94%;   
   overflow: hidden;   
   padding: 10px 15px 10px 15px;   
}   

.comment_avatar {   
   float:right;   
   width:40px;   
   height:50px;   
   margin: 0px 0px 10px 15px;   
   border: 3px solid #000000;   
   border-radius:3px;   
}   

.comment_bottom {   
   float:left;   
   width:100%;   
   padding:6px 0px 5px 0px;   
   background:#000000;   
   border-top: 1px solid #000000;   
   font:10px Verdana,Arial,Helvetica, sans-serif;   
}   

.comment_answer:link,   
.comment_answer:visited{   
   float:left;   
   margin: 0px 0px 0px 20px;   
   background:#000000;   
   padding: 2px 7px 2px 7px;   
   text-shadow: 1px 1px 1px #000000;   
   color:#FFFFFF;   
}   

.comment_answer:hover {   
   background:#000000;   
}   

.comment_answer:active {   
   box-shadow:inset 0px 0px 3px #000000!important;   
}   

.comment_like:link,   
.comment_like:visited{   
   float:right;   
   background:#FFFFFF;   
   padding: 2px 7px 2px 7px;   
   text-shadow: 1px 1px 1px #000000;   
   color:#000000;   
}   

.comment_like:hover {   
   background:#828282;   
}   

.comment_like:active {   
   box-shadow:inset 0px 0px 3px #000000!important;   
}   

.comment_bottom strong {   
   float:right;   
   padding: 2px 10px 2px 10px;   
   background:#FFFFFF;   
   margin-right: 20px;   
}   

.comment_answer_admin{   
   float:left;   
   width:94%;   
   margin-top: 10px;   
   padding: 10px 20px 10px 20px;   
   background:#000000;   
   border-radius:3px;   
}   

.comment_avatar_admin{   
   float:right;   
   width:50px;   
   height:50px;   
   margin: 0px 0px 10px 25px;   
   border: 3px solid #000000;   
   border-radius:3px;   
}   

.cell_comment a:hover img {   
   filter: progid: DXImageTransform.Microsoft.Alpha(opacity=85);   
   -moz-opacity: 0.7;   
   opacity: 0.7;   
   filter: alpha(opacity=85);   
}


Dodieties: CP -> Customize design -> Appearance of comments -> kur doto aizstāj ar šo kodu:

Code
<div class="cell_comment">   

   <div class="comment_top">   
   <strong class="comment_name"><?if($USERNAME$)?>$USERNAME$ <?else?>$NAME$<?endif?></strong>   
   <span> raksta: | $DATE$ | $TIME$ <?if($MODER_PANEL$ && $EMAIL$)?><a href="$EMAIL_JS$" title="Email"> ( E-mail )</a><?endif?></span>   
   <a href="#ent$ID$" onclick="if (document.getElementById('comEnt$ID$')){$('body').scrollTo( { top:$('#comEnt$ID$').offset().top-22, left:0}, 500 );return false;}" name="ent$ID$"><strong class="comment_number">#$NUMBER$</strong></a>   
   <?if($ENTRY_URL$)?><a class="comment_page" href="$ENTRY_URL$" target="_blank" title="Pāriet pie komentāra">Komentārs </a><?endif?>   
   <?if($MODER_PANEL$)?><span class="comment_mp">$MODER_PANEL$</span><?endif?>   
   </div>   

   <div class="comment_message">   
   <?if($USERNAME$)?><a href="$PROFILE_URL$"><img class="comment_avatar" alt="$USERNAME$" src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>http://ucozwebmeistars.ucoz.lv/Pamacibas2/comment_no_avatar.jpg<?endif?>" /></a><?else?><img src="http://ucozwebmeistars.ucoz.lv/Pamacibas2/comment_no_avatar.jpg" class="comment_avatar" alt="avatar" /><?endif?>   
   $MESSAGE$   
   <?if($ANSWER$)?><div class="comment_answer_admin"><a href="/index/8-1" ><img class="comment_avatar_admin" alt="admins" src="http://ucozwebmeistars.ucoz.lv/Pamacibas2/avatarz.jpg"></a>$ANSWER$</div><?endif?>   
   </div>   

   <div class="comment_bottom">   
   <?if($ANSWER_URL$)?><a href="$ANSWER_URL$" class="comment_answer">Atbildēt</a><?endif?>   
   <strong> <?if($COMMENT_RATING$>0)?>Like | +$COMMENT_RATING$ <?endif?> <?if($COMMENT_RATING$=0)?><?if($GOOD_COMMENT_URL$)?><?else?>Patīk |<?endif?> $COMMENT_RATING$ <?endif?></strong>   
   <?if($GOOD_COMMENT_URL$)?><a class="comment_like" href="$GOOD_COMMENT_URL$">Patīk</a><?endif?>   
   </div>   

</div>


Iznākums:
 
uCozer.uCoz.Lv - Forums » uCoz sistēma » Vizuālie skripti » Komentāru izskats V4
Lappuse 1 no 11
Meklēšana:
Uzturēšanu nodrošina uCoz