Информер комментариев

Новые сообщения · Правила форума · Поиск

Оставить отзыв · Пожаловаться · RSS

Страница 1 из 1
1

ZekaPentagon Оффлайн

Проверенный

Дата: Среда, 2015-03-18, 13:48 | Сообщение # 1

Всем привет, мне нужна небольшая помощь: у вот код и css информера комментариев.

Код

<div class="comments-in"> <div class="comments-user-ava"> <a href="$PROFILE_URL$"> <img src="$USER_AVATAR_URL$" width="35" height="35"> </div> <div class="comments-user-text"> <div class="comments-user-info-mat"> <a href="$PROFILE_URL$"> $USERNAME$</a> <span>• $DATE$ в $TIME$</span> </div> «$MESSAGE$»<br> <a href="$ENTRY_URL$"> $ENTRY_TITLE$</a> </div> </div>

Код

.last-comments {background:#fff;padding:3px;border-radius:5px;}
.last-comments .comments-in {border-bottom: 1px solid #efeeee; padding: 8px 8px 8px; margin: 0 1px 0 1px; overflow: hidden;}
.last-comments .comments-in .comments-user-ava {float: left; width: 35px;}
.last-comments .comments-in .comments-user-ava img {display: block; width: 35px;border-radius:50%;border:2px solid #ddd;}
.last-comments .comments-in .comments-user-text {margin: 0 0 0 46px; font-size: 12px; color: #333;}
.last-comments .comments-in .comments-user-text img {display:none;}
.last-comments .comments-in .comments-user-text a {color: #999;font-weight:bold;font-size: 11px;margin-top:5px;}
.last-comments .comments-in .comments-user-text .comments-user-info-mat {overflow: hidden; margin: 0 0 4px 0; font-size: 12px; color: #232323;}
.last-comments .comments-in .comments-user-text .comments-user-info-mat a {color: #3b7fa1;font-weight:bold;font-size: 12px;}
.last-comments .comments-in .comments-user-text .comments-user-info-mat .cuim_right {float: right; font-size: 12px; color: #ce8989;}
.last-comments .comments-in .comments-user-text .comments-user-info-mat .cuim_right a {color: #ce8989;}
.last-comments .comments-in .comments-user-text .comments-user-info-mat span {color:#999;font-size:11px;}
.last-comments-cnt {padding: 0 0 0 0; }

Проблема заключается в том, что если в комментарии есть смайлик, то его вид "ломается", пытался убрать смайлики через display:none, но проблема остается. Кто поможет? За ранние спасибо.

Профиль

waak Оффлайн

Проверенный

Дата: Среда, 2015-03-18, 21:03 | Сообщение # 2

здравствуйте! у вас в стилях полный бардак я немного его поправил цвета и размеры текста я думаю вы сами сможете поменять смайлики тоже поправил сделал их по 15 px если захотите сделать их больше то в этой строчке поставьте нужный вам размер

.comments-user-text img {width: 15px; height: 15px; margin: -5px 5px; }

также чтоб смайлик был по центру текста я его сместил в низ на пять пикселей

вот стили

Код

.comments-in {border-bottom: 1px solid #efeeee; padding: 8px 8px 8px;margin: 5px opx; overflow: hidden;background: #FFF;}
  .comments-user-ava {float: left; width: 35px; height: 35px; border-radius:50%;border:2px solid #ddd;overflow: hidden;}
.comments-user-ava img {width: 35px;}
.comments-user-text {margin: 0 0 0 46px; font-size: 12px; color: #333;}
.comments-user-text img {width: 15px; height: 15px; margin: -5px 5px; }
.comments-user-text a {color: #999;font-weight:bold;font-size: 11px;margin-top:5px;}
.comments-user-info-mat {overflow: hidden; margin: 0 0 4px 0; font-size: 12px; color: #232323;}

самое главное когда вы пишете стили сразу для нескольких классов то их нужно указать через запятую в вашем же коде нет не одной запятой

Помог? ставь +
Разработка дизайна - верстка, помощь по установке шаблона на uCoz.
Связь
skype - tolik-waak
Мой сайт

Профиль

ZekaPentagon Оффлайн

Проверенный

Дата: Среда, 2015-03-18, 22:23 | Сообщение # 3

waak, проблема остается если в комментарии более одного смайлика

Профиль

waak Оффлайн

Проверенный

Дата: Среда, 2015-03-18, 22:28 | Сообщение # 4

Дайте ссылку на сайт где вы используйте данный вид комментариев

Помог? ставь +
Разработка дизайна - верстка, помощь по установке шаблона на uCoz.
Связь
skype - tolik-waak
Мой сайт

Профиль

lifee Оффлайн

Проверенный

Дата: Пятница, 2016-04-22, 12:58 | Сообщение # 5

upiter, ты в title добавляешь html код с изображением. Нельзя так делать.

Добавлено (22.04.2016, 12:58)
---------------------------------------------
ZekaPentagon, скинь сайт, нужно посмотреть.

Профиль

Информер комментариев

Страница 1 из 1
1