Форум Diz-Cs.Ru
Преимущества регистрации:
Возможность создания тем
Общение с пользователями
Найдете множество полезной информации
Найдете своих единомышленников
ЗИМА НА DIZ-CS.RU
  • Страница 1 из 1
  • 1
Модератор форума: -SAM-  
Серый вид материалов
Дата: Пт, 10.06.2011, 17:29:14 | Сообщение # 1
Аватар не установлен
OFF
Премиум
2510 Сообщения:
438 Награды:
82 Отзывы:


Представляю вашему вниманию уже готовый сверстанный серый вид материалов, очень похож на вид материалов 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>


"Ваша картинка" вставляем свою картинку
Сообщение отредактировал So_Happy - Пт, 10.06.2011, 17:30:03
Дата: Пт, 01.07.2011, 18:42:54 | Сообщение # 2
Аватар не установлен
OFF
Пользователь
72 Сообщения:
30 Награды:
0 Отзывы:
Сайт пользователя:
Спасибо
Дата: Вс, 24.07.2011, 17:05:40 | Сообщение # 3
Аватар не установлен
OFF
Пользователь
575 Сообщения:
91 Награды:
0 Отзывы:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:
Источник?! getlost
  • Страница 1 из 1
  • 1
Поиск: