Оформление вид материала на сайте
 | |
| Здесь мы можем красиво оформить вид материала таких модулей как каталог файлов, статьи и блог. А просто добавим стилей, чтоб смотрелось стильно. Так как некоторые все больше когда создают сайт, они не меняют вид материала и стоят по умолчанию они. Вот как раз здесь вам и пригодится это оформление, так как вид сильно преображается. Здесь просто добавим уголки, которые вы можете создать сами или найти в сети под тематику. Так же описание будет ниже от самого название материала, что главное вы еще можете редактировать. Здесь применяться элементы как :bеfore и :аfter которое вам позволяют добавлять содержимое (это стили) до и после элемента, к которому были применены. Но также нужно знать и возможно пригодиться, что :before и :after отлично подойдет для такой функций как выделения цитат. Так идет при создание сайта:  Здесь уже измененный и можно уже увидеть разницу:  Приступаем к установке: Будем все делать через: Код <style> здесь стиль который ниже </style> И сам стиль: Код .eMessage:before { background: url("http://zornet.ru/Aben/4.png") no-repeat scroll left top transparent; /*сам уголочек*/ content: " "; /*оставляем пустым*/ display: block; height: 65px; width: 65px; float: left; } .eMessage:after { background: url("http://zornet.ru/Aben/3.png") no-repeat scroll right bottom transparent; /*сам уголочек*/ content: " "; /*оставляем пустым*/ display: block; height: 65px; /*высота уголка*/ width: 65px; /*ширина уголка*/ float: right; margin: 5px 0 10px 10px; /*я указала отступы для уголка после материала для красоты*/ }; Если у вас на главной стоит вид материала и изображением, а к примеру открыт другой модуль, то здесь вы можете его немного переделать не вмешиваясь в код. PS - но в этом случай вы можете прописать в CSS вашего сайта, но лучше делать через style, чтоб распространялся на один модуль портала. И для понимание редактирование, это для тех кто решит немного подправить как видите его, то все описано подробно в стилях которые представлены в этом материале. | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 7 | |
|
Здесь же можно все проверить и не переходить на сервис, просто сдвинуть браузер, и там все покажет, нормально или что то будет вылазит, посмотрел все нормально. На счет самого изображение, раньше много мне разных встречалось, сейчас пока некогда искать, то точно менять буду. Если кто менять будет, то делайте под размеры, которые указаны.
 | |
