Стильный вид цитаты с изображением на сайт
 | |
| Здесь представлены стили на две цитаты, которые по дизайн одинаковы, только изображение внутри каждого разные, что говорит о том свое можно поставить по своей тематике. Сама цитата будет идти пунктирной линией и под светлый дизайн отлично подойдет. Возможно можно попробовать и на темный, но здесь не проверял его на этом оттенке цвета. Что по изображению, по их будет 2 и чтоб вам легче было, сразу и два стиля пропишу. Также как говорилось, вы можете найти картинку в формате PNG и по аналогичным размерам заменить, это не трудно, так как идет одна ссылка. Теперь все по установке: Если вы уже меняли и ставили оригинальные, то находим их в CSS и убираем, и вместо тех которые стояли, ставим эти стили. Но бывает такое, что кто то не менял или только создал, вам нужно найти начало стиля .quoteMessage и все что с ним связано, также убрать, это просто идет стандартный. И потом на это же место уже поставить свой. Первая версия:  Код .quoteMessage {border:#491919 1px dashed !important;/*вид обводки*/ overflow: auto; width:90%; color:#491919; /*цвет шрифта*/ font-family: normal Verdana,Arial,Helvetica,sans-serif; margin: 5 5 5 0; background: url(http://zornet.ru/Aben/Abryn/atyn.png) 0 0 no-repeat; max-height: 300px !important; padding-bottom: 20px; padding-left: 50px; padding-right: 10px; padding-top: 10px;} Вторая версия:  Код .quoteMessage {border:#491919 1px dashed !important;/*вид обводки*/ overflow: auto; width:90%; color:#491919; /*цвет шрифта*/ font-family: normal Verdana,Arial,Helvetica,sans-serif; margin: 5 5 5 0; background: url(http://zornet.ru/Aben/Abryn/sadit.png) 0 0 no-repeat; max-height: 300px !important; padding-bottom: 20px; padding-left: 50px; padding-right: 10px; padding-top: 10px;} Здесь не чего не изменено от автора, также можно поставить так, ятоб углы были закругленные. Или вообще вывести на другую гамму, все прописано в самом стили, то за что отвечает, вообщем как поняли, можно еще доработать как сами видите на своем ресурсе. При установке, этот вид цитаты будет работать ао всему сайту а точнее по всем модулям, это как форум или каталог файлов, мы устанавливаем общее на сайт. | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 9 | |
|
| |
