Страница 1 из 11
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Вид материалов для uCoz от ДимДимыча
Вид материалов для uCoz от ДимДимыча
ДимДимыч
Дата: Суббота, 19.11.2016, 15:41 | Сообщение # 1
Vip
Сообщений:45
Награды: 3


Хочу предоставить вам очередной вид материалов для сайтов uCoz. Вид материалов сам по себе сделан оригинально и немного не стандартно и об этом говорит два левых закруглённых угла.



Вот сам код вида материалов.

Код
<div class="vid">
<div class="vid-img"><img src="$IMG_URL1$" alt="$TITLE$" title="$TITLE$"></div>
<div class="vid-title"><a href="$ENTRY_URL$">$TITLE$</a></div>
<div class="vid-text">$MESSAGE$</div>
<div class="vid-detali"><li>$DATE$</li><li><a href="$COMMENTS_URL$">Комментарии ($COMMENTS_NUM$)</a></li></div>
</div>


А вот стили материала

Код

.vid {
background-color: #ccc;
display: inline-block;
border-radius: 100px 0 0 100px;
margin-bottom: 10px;
}
.vid-title {
background-color: #353A3C;
width: 541px;
margin-left: 100px;
padding: 10px 0;
}
.vid-title a {
font-family: monospace;
font-size: 14px;
color: #ad977b;
text-decoration: none;
}
.vid-title a:hover {
color: #977e5e;
}
.vid-img {
float: left;
width: 200px;
height: 200px;
border-radius: 100px;
}
.vid-img img {
width: 200px;
height: 200px;
border-radius: 100px;
}
.vid-text {
margin-top: 5px;
height: 65px;
overflow: hidden;
text-align: justify;
padding: 5px;
font-size: 13px;
line-height: 17px;
font-family: monospace;
}
.vid-detali {
display: inline-block;
padding: 5px 0 5px 0;
border-top: solid 1px #ABABAB;
margin-left: 5px;
margin-top: 5px;
}
.vid-detali a {
font-family: monospace;
color: #ad977b;
text-decoration: none;
}
.vid-detali a:hover {
color: #977e5e;
}
.vid-detali li {
font-family: monospace;
list-style: none;
float: left;
border-right: solid 1px #A3A3A3;
padding-right: 5px;
margin-right: 5px;
}

.vid-detali li:last-child {
border: 0;
padding: 0;
margin: 0;
}


Кому нравится этот вид материалов пользуйтесь на здоровье и на удачу сайту!
Прикрепления: 7529495.jpg(111Kb)
Kosten
Дата: Суббота, 19.11.2016, 15:55 | Сообщение # 2
Администраторы
Сообщений:12706
Награды: 39


ДимДимыч, ты где такой нарыл вид материала, вот это реально оригинально смотрится.

Kosten
Дата: Суббота, 19.11.2016, 15:56 | Сообщение # 3
Администраторы
Сообщений:12706
Награды: 39


Закину на главную. но поставлю на тестовый, интересно посмотреть. 47a

ДимДимыч
Дата: Суббота, 19.11.2016, 15:58 | Сообщение # 4
Vip
Сообщений:45
Награды: 3


Цитата Kosten ()
ДимДимыч, ты где такой нарыл вид материала, вот это реально оригинально смотрится.


Давно видел такой дизайн, но это был не вид материалов а блок информации. Вот вспомнил и решил с нуля сделать, может не такой как я видел, это было давно, но вот что получилось.
Kosten
Дата: Суббота, 19.11.2016, 16:00 | Сообщение # 5
Администраторы
Сообщений:12706
Награды: 39


Но сейчас поставлю, сделаю скрин и потом на главную скину, добро!

Kosten
Дата: Суббота, 19.11.2016, 16:13 | Сообщение # 6
Администраторы
Сообщений:12706
Награды: 39


Поставил, так немного цвета изменил, так он почти адаптирован под мобильные аппараты, только со цветом поработать.

ДимДимыч
Дата: Суббота, 19.11.2016, 16:19 | Сообщение # 7
Vip
Сообщений:45
Награды: 3


Кому как нравится, каждый под себя или свой сайт замоделит.
Kosten
Дата: Суббота, 19.11.2016, 16:26 | Сообщение # 8
Администраторы
Сообщений:12706
Награды: 39


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

Но вид материала, что только не придумают. 09a


FeStemBer
Дата: Суббота, 19.11.2016, 17:02 | Сообщение # 9
Проверенные
Сообщений:296
Награды: 1


Хоть что то новое на сайте можно увидеть, то почти все одинаково на всех сайтах.
ДимДимыч
Дата: Суббота, 19.11.2016, 17:04 | Сообщение # 10
Vip
Сообщений:45
Награды: 3


FeStemBer, Если я выкладываю материал, то делаю или сам или что то ищу что нет на других сайтах, в ином случае я не вижу смысла это публиковать. Пусть будет мало материала зато не копия.
FeStemBer
Дата: Суббота, 19.11.2016, 17:07 | Сообщение # 11
Проверенные
Сообщений:296
Награды: 1


Цитата ДимДимыч ()
Пусть будет мало материала зато не копия.

Полностью согласен и заинтересованные пользователи будут намного чаще посещать сайт.
ucozmental
Дата: Суббота, 19.11.2016, 17:29 | Сообщение # 12
Пользователи
Сообщений:91
Награды: 0


ДимДимыч, вы забыли поставить NO AVATAR, просто может быть какая то статья, и здесь бы пригодилось. А так сделали не скажу что оригинально, это простой вид, просто красиво закруглили, что отлично смотрится, можно на других так сделать и смотреться будет ужасно, здесь вот наоборот, все в цель.
Kosten
Дата: Суббота, 19.11.2016, 17:57 | Сообщение # 13
Администраторы
Сообщений:12706
Награды: 39


Оригинальный от автора смотрится не много по другому, в первом посту код на его, и при установке он будет смотреться немного в другой цветовой гамме.

Вот так он будет:



Что по немного цвета переделаны, то здесь смотрим вид материала, там просто убран светло коричневый оттенок.
Прикрепления: 4925875.png(209Kb)


Slavik
Дата: Суббота, 19.11.2016, 23:06 | Сообщение # 14
Проверенные
Сообщений:1444
Награды: 1


Красивый вид!. 11a

MIR-HACK.RU - Добро пожаловать в мир читов!
kiva
Дата: Воскресенье, 20.11.2016, 16:41 | Сообщение # 15
Пользователи
Сообщений:3
Награды: 0


Согласен, необычно смотрится.
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Вид материалов для uCoz от ДимДимыча
Страница 1 из 11
Поиск: