Серый вид материалов

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]

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

Pr0f1x

Дата: Суббота, 30.07.2011, 21:40 | Сообщение # 1

Администратор

Сообщений:: 841

Награды:: 2

100

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

Ставим в CSS:

Code

.vk {background:#F5F5F5; border:1px solid #ddd;}
    .titka {background:#EBEBEB;margin-top:5px;border:1px solid #DDD;border-left:none;border-right:none;padding:3px;padding-left:6px;font-weight:bold;font-family:tahoma;font-size:13px;}
    .text {font-family:tahoma;font-size:11px;padding-left:4px;margin-top:5px;}

    .det {background:#fafafa;margin-bottom:5px;border:1px solid #DDD;border-left:none;border-right:none;padding:3px;padding-left:6px;font-family:tahoma;font-size:11px;}
    .poster {float:left;border:1px solid #ccc;background:#fff;padding:4px;margin:5px;vertical-align :top;}
    .vk a {color:#000;text-decoration:none;}
    .vk a:hover {text-decoration:none;;border-bottom:1px dashed #000;}

Ставим в Вид материалов Новостей,Каталога файлов:

Code

<div class="vk">
    <div class="titka">
    <a href="$ENTRY_URL$">$TITLE$</a>$MODER_PANEL$</div>

    <table><tr><td valign="top">
    <div class="poster"><img src="Ваша картинка" width="150" height="100"></div></td>
    <td valign="top"><div class="text">$MESSAGE$</div></td>
    </table>
    <div class="det">Добавил: <b><a href="$PROFILE_URL$">$USERNAME$</a></b> | Комментариев: <b><a href="$COMMENTS_URL$">$COMMENTS_NUM$</a></b> | Просмотров: <b>$READS$</b></div>

    </div>

"Ваша картинка" вставляем свою картинку

Серый вид материалов

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