• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Красивый вид комментариев для сайта ucoz (Светлый)
Красивый вид комментариев для сайта ucoz (Светлый)
Kosten
Понедельник, 09 Июля 2012 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44355
Награды: 70


О комментариях
Красивый вид комментариев для сайта ucoz (Светлый), приятно не мозолит глаз смотрится на светлых дизайн сайтах, вид без багов..работает красиво и смотрится также, также на серых сайтах будит смотреться отлично.Так что пробуйте менять дизайн своего сайта начав с комментариев. Как устанавливается будит описано ниже.
Приступаем к установке:
Идем по натоптанной дорожке в админ панель свою потом дизайн ищем комментарий и рядом вид комментариев что надо нам. Заходим туда и меняем код на свой тоесть сносим старый и прописываем свой код который здесь.
Code
<table class="NewsComm<?if($IS_NEW$)?> NotRead<?endif?><?if($LEVEL$)?> Level<?endif?>" cellpadding="0" cellspacing="0" width="100%">   
   <tr align="left">   
   <td class="CommAva"><img src="$USER_AVATAR_URL$"></td>   
   <td class="CommArrow" align="right"><img src="http://zornet.ru/zornet_ru4/st.png"></td>   
   <td class="CommMess">   
   <div class="CommInf" style="width:auto;height:auto;">   
   <a href="$PROFILE_URL$"><font style="<?if($USERNAME$='ник_администратора')?>color:red<?endif?>">$USERNAME$</font></a> $DATE$ в $TIME$ написал:   
   <div style="float:right;"><?if($MODER_PANEL$)?>$MODER_PANEL$ <?endif?>#$NUMBER$</div>   
   </div>   
   <?if(!$IS_OWN$)?><a href="$ANSWER_URL$" class="CommAnswer" title="Ответить"><?endif?>   
   $MESSAGE$   
   <?if($PAGE_ID$='usercomments')?><br><a href="$ENTRY_URL$" target="_blank"><b><small>Перейти к новости</small></b></a><?endif?>   
   <?if(!$IS_OWN$)?></a><?endif?>   
   </td>   
   </tr>   
   </table>   

<style type="text/css">  
   .NewsComm {margin-top: 10px;}   
   .Level {opacity: .5;   
   -webkit-transition: all 200ms ease;   
   -moz-transition: all 200ms ease;   
   -o-transition: all 200ms ease;   
   }   
   .Level:hover {opacity: 1;}   
   td.CommAva {vertical-align: top;}   
   td.CommAva img {   
   width: 60px;   
   height: 60px;   
   border-right: 1px solid rgba(0,0,0,.2);   
   border-bottom: 1px solid rgba(0,0,0,.2);   
   -webkit-border-radius: 2px;   
   -moz-border-radius: 2px;   
   border-radius: 2px;   
   padding: 3px;   
   background-color: #e0e0e0;   
   }   
   td.CommArrow {   
   width: 9px;   
   vertical-align: top;   
   }   
   td.CommArrow img {padding: 6px 0 0 5px;}   
   td.CommMess {   
   width: 100%;   
   background-color: rgba(0,0,0,.1);   
   padding: 5px 10px;   
   vertical-align: top;   
   -webkit-text-shadow: 1px 1px 0 rgba(255,255,255,.5);   
   -moz-text-shadow: 1px 1px 0 rgba(255,255,255,.5);   
   text-shadow: 1px 1px 0 rgba(255,255,255,.5);   
   -webkit-border-radius: 2px;   
   -moz-border-radius: 2px;   
   border-radius: 2px;   
   border-right: 1px solid rgba(0,0,0,.2);   
   border-bottom: 1px solid rgba(0,0,0,.2);   
   }   
   .NotRead {background: url('http://zornet.ru/zornet_ru4/lin.png') repeat-y right top;}   
   div.CommInf {   
   border-bottom: 1px solid rgba(0,0,0,.1);   
   padding-bottom: 5px;   
   margin-bottom: 4px;   
   font-size: 9px;   
   color: #888;   
   }   
   div.CommInf font {font-weight: bold; text-decoration: underline;}   
   .CommAnswer {text-decoration: none; color: inherit;}   
   .CommAnswer:hover {color: darkblue; cursor: pointer;}  
</style>
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Красивый вид комментариев для сайта ucoz (Светлый)
  • Страница 1 из 1
  • 1
Поиск: