» »

Стильный в колонку вид материала на uCoz

Стильный в колонку вид материала на uCoz

Простой и в тоже время стильный вид материала на сайт в колонку на сайт uCoz. Где красиво будет выделено изображение и обычная кнопка. Которая по своему размеру почти не будет по своей ширине уступать основе. Здесь все очень просто и он не какой тематике не привязан, здесь вы можете установить его как посчитаете нужным. Где то он хорошо может подойти на кино онлайн, и также не нужно исключать тему такую как софт портал.

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

Приступаем к установке:

1. Скачиваем архив и потом распечатываем и там будет папка (stylesheets) что переносим файловый менеджер.
2. Теперь осталось подключить стили, которые закачали в корень сайта. Идем в CSS и в самый вверх ставим.

Код
@import '/stylesheets/screen.css';


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

Код
<section class="blank items">  
  <div class="item">  
  <img src="$IMG_URL1$" alt="Image">  
   
  <div class="item-info">  
  <h1>$TITLE$</h1>  
  <p>$MESSAGE$</p>  
  <a href="$ENTRY_URL$" class="button button-buy">Читать далее</a>  
  </div>  
  </div>  
  </section>


На этом вся установка закончена, если что то в дизайн менять, то все делаем через файл стилей.

Источник: uon.ucoz.com
28.01.2017 Загрузок: 13 Просмотров: 753 Комментарий: (5)

Поделиться в социальных сетях

Материал разместил

Комментарий: 5
FeStemBer
FeStemBer 28.01.2017 00:391
0
Больше интересуем, во сколько колонок можно сделать, но здесь как видимо все в настройках CSS нужно будет делать.
tsakonter
tsakonter 28.01.2017 00:442
0
Таких вид материала много и есть которые идут со шрифтом, что здесь как раз не помешает и красивее будет, что согласен он простой и редактировать проще, стили вывести в окно и создавать как нужно тебе по дизайну.
Сафрон
Сафрон 28.01.2017 00:543
0
Так больше всего, вам предоставлен код рабочий без ошибок, а здесь вы сами можете его доработать и будет уникален, и возможно полностью изменить и по шрифтовым иконкам полностью согласен, здесь они бы не помешали.
Kosten
Kosten 28.01.2017 01:075
0
Видать так и сделан, можно добавить оператор и установить картинку нет изображение, хотя лучше под каждую статью ставить или под весь материал.
Kosten
Kosten 28.01.2017 01:064
0
Здесь вообще, кто хочет установить оригинальные по своему дизайн шрифтовые иконки, то переходим и скачиваем их, также можно стили установить вверх сайта и потом устанавливать по всему сайту.
avatar