Приветствую Вас Mehmon | RSS

Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Реклама

Красивая верстка вида комментариев для ucoz сайтов
17.06.2015, 18:48:55
Красивая верстка вида комментариев для ucoz сайтов с использованием CSS стилей 
 
В материале представлено два кода, непосредственно с самим видом комментариев и с кодом CSS стилей 
 
Что придает элегантность вида комментариев 
 
В виде комментариев отображается аватар и дата комментариев 
 
Установка вида комментариев на ucoz сайт. 
 
Заходим : Панель управления дизайн » управление дизайном » комментарии » вид комментариев и вместо старого кода вставляем этот 
 
Код
<?if($CLASS$)=='cBlock1'?>  
  <div style="padding-bottom:9px;">  
  <table cellspacing="0" width=100%><tr><td width=96 valign=top>  
  <div class="ob_wp1"><div style="padding-top:4px;padding-left:4px">  
  <div class="ob_wp">  
  <div style="padding-top:4px;padding-left:4px"> <?if($USER_AVATAR_URL$)?><a href="$PROFILE_URL$" title="$USERNAME$"><img src="$USER_AVATAR_URL$" width=65 height=65 class="com_wp"></a><?else?><a href="$PROFILE_URL$" title="$USERNAME$"><div class="com_wp"></div></a><?endif?>  
  </div> </div> </div></div>  
   
   
  <div style="margin-left:-15px"> <center>  
  <?if($MODER_PANEL$)?>  
  <a href="javascript://" rel="new_uWnd" onclick="del_item($ID$);return false;" id="di$ID$" style="text-decoration:none">удалить</a>  
  <?endif?>  
  </center></div>  
  </td><td valign=top>  
   
  <div style="position: absolute;margin-left:-9px;margin-top:14px;"><div id="triangle-left"></div></div>  
  <div class="mess_wp">  
  <div style="padding:6px">  
  <table><tr>  
  <td valign=top><div class="tim_wp"><div style="font-family:Tahoma;color:#797979;padding-left:7px;padding-right:7px;padding-top:4px;padding-bottom:7px">$TIME$</div></div></td>  
  <td><div style="font-family:Tahoma;color:#595959;padding-left:7px;"><b>$MESSAGE$</b></div></td>  
  </tr></table>  
  </div>  
   
  </div>  
  </div>  
  </td></tr></table>  
 
  <?else?>  
  <div style="padding-bottom:9px;">  
  <table cellspacing="0" width=100%><tr><td valign=top>  
  <div class="mess_wp">  
  <div style="padding:6px">  
  <table><tr>  
  <td valign=top>  
  <div class="tim_wp"><div style="font-family:Tahoma;color:#797979;padding-left:7px;padding-right:7px;padding-top:4px;padding-bottom:7px">$TIME$</div></div></td>  
  <td><div style="font-family:Tahoma;color:#595959;padding-left:7px;"><b>$MESSAGE$</b></div></td>  
  </tr></table>  
  </div>  
   
  </div>  
  </div>  
  </td><td width=96>  
  <div style="position: absolute;margin-left:-2px;margin-top:14px;"><div id="triangle-left1"></div></div>  
  <div style="float:right">  
  <div class="ob_wp1"><div style="padding-top:4px;padding-left:4px">  
  <div class="ob_wp">  
  <div style="padding-top:4px;padding-left:4px"> <?if($USER_AVATAR_URL$)?><a href="$PROFILE_URL$" title="$USERNAME$"><img src="$USER_AVATAR_URL$" width=65 height=65 class="com_wp"></a><?else?><a href="$PROFILE_URL$" title="$USERNAME$"><div class="com_wp"></div></a><?endif?>  
  </div> </div> </div></div></div>  
  <div style="margin-right:-24px"> <center>  
  <?if($MODER_PANEL$)?>  
  <a href="javascript://" rel="new_uWnd" onclick="del_item($ID$);return false;" id="di$ID$" style="text-decoration:none">удалить</a>  
  <?endif?>  
  </center></div>  
  </td></tr></table>  
  <?endif?>
 
 
Далее пропишем стили для вида комментариев 
 
Идем в Панель управления дизайн » управление дизайном » общие шаблоны » таблица стилей 
и вставляете в самый низ данный код 
 
Код
.com_wp {border-radius:50%;background:#fff;width:65;height:65}  
  .ob_wp { width:73;height:73;background: #20242b;border-radius:50%; }  
   
  .ob_wp1 { width:81;height:81;background:rgba(255,255,255,0.3);;border-radius:50%; }  
   
  .mess_wp{box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);border-radius:4;background: #efefef;  
  background: -moz-linear-gradient(top, #efefef 0%, #dbdbdb 100%);  
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#dbdbdb));  
  background: -webkit-linear-gradient(top, #efefef 0%,#dbdbdb 100%);  
  background: -o-linear-gradient(top, #efefef 0%,#dbdbdb 100%);  
  background: -ms-linear-gradient(top, #efefef 0%,#dbdbdb 100%);  
  background: linear-gradient(to bottom, #efefef 0%,#dbdbdb 100%);  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dbdbdb',GradientType=0 );  
  }  
  .tim_wp{background:d7d7d7;border-radius:4;}  
  #triangle-left {  
  width: 0;  
  height: 0;  
  border-top: 7px solid transparent;  
  border-right: 9px solid #e1e1e1;  
  border-bottom: 7px solid transparent;  
  }#triangle-left1 {  
  width: 0;  
  height: 0;  
  border-top: 7px solid transparent;  
  border-left: 9px solid #e1e1e1;  
  border-bottom: 7px solid transparent;  
  }
Добавил: Filmla | W | Теги: Красивая верстка вида комментариев
Просмотров: 689 | Размещено до: 17.07.2015 | Рейтинг: 5.0/1

Дустлар билан улашинг



Всего комментариев: 0
avatar
  Filmla.ru   Главная   Регистрация   Вход  
block6
Форма входа
block6

block7
Поиск

Яндекс поиск
block7

Наш баннер фильм
Uzbek kino filmla va boshqa kino filmla WWW.filmla.ru da onlayn va bepul



UZMEGAVIDEO.RU


UZMEGA.SITE


UZBNEWS.SITE


Посоветовать другу фильмы

Реклама

В кинематографе есть уникальное явление, вызывающее бурные эмоции у зрителей. Конечно, это Кино фильмы с их неповторимым колоритом. По замыслу режиссеров, все действие сопровождается музыкой, танцами, а актеры должны играть свои роли с детской непосредственностью. Возможно, именно эта искренность привлекает миллионы поклонников. Особенно популярны эти картины у отечественной публики, поэтому воспроизведение сюжетов на русском и Узбекском языке пользуется повышенным спросом. Теперь уже можно не довольствоваться редкими встречами с любимым видом искусства. Смотреть кино фильмы в любое время – это всеобщее желание посетителей онлайн кинотеатра. Долгие годы считалось, что перевод в них не обязателен. События понятны без слов благодаря другим средствам выразительности. Но времена меняются, и очень приятно видеть, как знакомые герои начинают говорить приятным мелодичным голосом на русском и узбекском языке. Прекрасные песни остаются в оригинальном исполнении, но голос за кадром не забывает кратко передать содержание текста. Лучшие кино фильмы убеждают зрителей в том, что все люди братья и сестры. Но не всё так безобидно, как кажется на первый взгляд. За весельем и массовыми танцами скрываются жуткие события: кровная месть, измены, убийства и сложные расследования. Отдельно стоит сказать про выбор актёров и декорации. Именно они играют немалую роль в успехе онлайн проектов по всему миру, даже если сюжеты просты и узнаваемы. Красочность заставляла смотреть картины, даже когда они не были снабжены качественной озвучкой. Сейчас можно вдоволь насладиться не только музыкальным сопровождением, но и понять все тонкости отношений героев. Это стало возможным благодаря тому, что кино фильмы на русском и узбекском языке всегда можно найти в специальной подборке для поклонников этого направления кинематографа. Онлайн киноленты повествуют не только о любви. В них затрагиваются социальные проблемы, например, непреодолимая пропасть между людьми из разных каст или огромная разница между богатством и жизнью в бедных кварталах.


Добро пожаловать на WwW.FiLmLa.Ru Приятного просмотра и спасибо что посетили сайт.

Copyright MyCorp © 2024