DEMO |
Вид комментариев с стиле flat. Сверстан из одной темы для сайта.
В ваш CSS-файл стилей добавьте этот код: Код #comment{ display:block; margin:10px 0 0 0; width:600px; height:auto; padding:0px; box-shadow: 0 3px 0px #1a1823; background:#2b2937; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .reply{padding:0 0 0 5px;} .date{ display:block; float:right; font-size:12px; font-weight:normal; padding:8px 8px 0px 8px; margin:0px; } .commenttext p{padding:0px 10px 0px 0px;} .commenttext{ width:100%; overflow:hidden; padding:0px 0px 15px 0px; margin:0px; font: 14px Calibri, Arial, sans-serif; } .commenttext span{ display:block; font-size: 18px; font-family:Calibri, Arial, sans-serif; font-weight:bold; color:#ccc; } .padd{height:100%;padding:0px 0px 0 10px;display:block;width:100px;float:left;clear:both;} .ava{border:2px solid #fff;float:left;margin:0px;border-radius:50%;clear:both;padding:0px;width:70px;height:70px;}
Теперь в вид комментариев ставим вот такую HTML разметку: Код <div id="comment"> <div class="date"><?if($MODER_PANEL$)?>$MODER_PANEL$<?endif?> $DATE$ <?if($ANSWER_URL$)?><a class="reply" href="$ANSWER_URL$"> Ответить</a><?endif?></div> <div class="commenttext"> <span class="padd"> <img class="ava" src='<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>/img/noavatar.png<?endif?>'/> </span> <span><?if($USERNAME$)?>$USERNAME$<?else?>$NAME$<?endif?>:</span> <p> $MESSAGE$ </p> </div> </div>
И не забудьте сменить это: /img/noavatar.png на свой файл "Нет аватара" Вот и все, проще некуда...
|
|
Добавлять комментарии могут только зарегистрированные пользователи. Регистрация | Вход
|
« Октябрь 2013 » | Пн | Вт | Ср | Чт | Пт | Сб | Вс | | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 |
Полезная информация
Мы настоятельно рекомендуем вам использовать браузеры последних версий. Нажмите на иконку, чтобы перейти к скачиванию нужного вам браузера
Для правильного отображения сайта, вам понадобится минимальное разрешение экрана 1024 x 768px, оптимальное разрешение: 1280 x 1024px
Mozilla Firefox - один из лучших браузеров (рекомендуем)
Opera - Популярный браузер, но не полностью поддерживает CSS3
Google Chrome - один из лучших и быстрых браузеров
Safari - Качественый браузер от компании Apple
Яндекс.Браузер - браузер от Яндекс на платформе Chrome
|