• Страница 1 из 1
  • 1
Вид материала uCoz с кнопками с боку
Kosten
Четверг, 15 Октября 2015, 18:46 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
Светлый вид материала, который только подойдет под светлый дизайн. С левой стороны у него картинка, где в сами\ом виде длину можно настроит а вот ширину в стилях. С правой стороны идет серый каркас с кнопками, что смотрится оригинально под другие такие же коды.



Вид:

Код
<table class="mater">
<tr>
<td class="mirt">
<div class="matertitle"><a href="$ENTRY_URL$">$TITLE$</a>$MODER_PANEL$</div>
<div class="mesage">
<img src="$IMG_URL1$" width="200" alt="$TITLE$" title="$TITLE$">$MESSAGE$</div>
</td>
<td class="info">
<span class="date">$DATE$
</span><br><br>
<span class="user">$USERNAME$</span><hr>
<span class="cate">$CATEGORY_NAME$</span><hr>
<span class="com">$COMMENTS_NUM$</span><hr>
<span class="rade">$READS$</span><hr>
</td>
</tr>
</table>


CSS:

Код
.mater{width:100%;margin-bottom:20px;border:1px solid #D3D3D3;}
.matertitle a{font-size:12px;font-weight: bold;text-decoration: none !important;margin-bottom: 15px;}
.mesage img{border:4px solid #a5d0e1;float:left; margin-right: 15px;border-radius:5px;height:150px}
.mirt{padding :15px;}
.info{width:100px;padding:15px;background:#D3D3D3;}
.date{background:#4682B4;padding:5px;color:#fff;align: center;margin: 15px;}
.user {background: url(/images/user.png) no-repeat left center ;padding:10px;padding-left:20px}
.cate {background: url(/images/cat.png) no-repeat left center ;padding:10px;padding-left:20px}
.com {background: url(/images/comm.png) no-repeat left center ;padding:10px;padding-left:20px}
.rade {background: url(/images/eye.png) no-repeat left center ;padding:10px;padding-left:20px}


На его идет архив в корень сайта в папку images если есть такая, то в нее можно.
Прикрепления: 7272167.jpg (30.4 Kb)
Страна: (RU)
Dimstrik
Пятница, 16 Октября 2015, 02:52 | Сообщение 2
Оффлайн
Vip
Сообщений:621
Награды: 6
Этот вид материалов старый как моя бабушка smile я его видел ещё когда только пробовал осваивать uCoz а это было ой как давно !
Страна: (RU)
Kosten
Пятница, 16 Октября 2015, 12:16 | Сообщение 3
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
Dimstrik, но что теперь его за материал не считать.
Страна: (RU)
Dimstrik
Пятница, 16 Октября 2015, 15:38 | Сообщение 4
Оффлайн
Vip
Сообщений:621
Награды: 6
Kosten, Почему не считать, всё же он не плохой!
Страна: (RU)
Kosten
Пятница, 16 Октября 2015, 15:49 | Сообщение 5
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
Dimstrik, он только в мобильном устройстве не очень смотрится. Нужно закрыть все кнопки и тогда только нормально.
Страна: (RU)
Kosten
Пятница, 16 Октября 2015, 15:51 | Сообщение 6
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
Как закрыть от мобильного устройства, то что не нужно, смотрим ЗДЕСЬ так как всегда, что то приходиться закрывать.
Страна: (RU)
AnTron
Пятница, 16 Октября 2015, 19:52 | Сообщение 7
Оффлайн
Пользователи
Сообщений:38
Награды: 0
Что то все говорят старый, но не разу не видел его не на одном сайте.
Страна: (RU)
Canon
Пятница, 16 Октября 2015, 19:55 | Сообщение 8
Оффлайн
Пользователи
Сообщений:26
Награды: 0
Ставил его, он на светлом дизайне хорошо смориться, если к примеру ставить на серый или там светло -..... то не красиво будет, только на светлый идет.
Страна: (RU)
kredit-oformi
Суббота, 17 Октября 2015, 19:43 | Сообщение 9
Оффлайн
Vip
Сообщений:1975
Награды: 5
у меня раньше такой вид материалов стоял на доске объявлений светлый дизайн был и отлично смотрелся
Страна: (RU)
Kosten
Суббота, 17 Октября 2015, 20:20 | Сообщение 10
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
kredit-oformi, все говорят старый, только пару недель назад его увидел, хотя по вид материалу работал в интернете серьезно.
Страна: (RU)
Scheme
Пятница, 18 Марта 2016, 01:55 | Сообщение 11
Оффлайн
Пользователи
Сообщений:157
Награды: 1
Красивый, на одном сайте видел, но у него есть минус, если категория большая по знакам, то она в 2 строки идет, так здесь можно просто ее с кода убрать.
Страна: (RU)
  • Страница 1 из 1
  • 1
Поиск: