ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Стильный вид цитаты с изображением на сайт

Стильный вид цитаты с изображением на сайт

Стильный вид цитаты с изображением на сайт
Здесь представлены стили на две цитаты, которые по дизайн одинаковы, только изображение внутри каждого разные, что говорит о том свое можно поставить по своей тематике. Сама цитата будет идти пунктирной линией и под светлый дизайн отлично подойдет. Возможно можно попробовать и на темный, но здесь не проверял его на этом оттенке цвета. Что по изображению, по их будет 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;}


Здесь не чего не изменено от автора, также можно поставить так, ятоб углы были закругленные. Или вообще вывести на другую гамму, все прописано в самом стили, то за что отвечает, вообщем как поняли, можно еще доработать как сами видите на своем ресурсе.

При установке, этот вид цитаты будет работать ао всему сайту а точнее по всем модулям, это как форум или каталог файлов, мы устанавливаем общее на сайт.
05 Декабря 2016 Просмотров: 1204 Комментариев: (9)

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

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

Оставь свой отзыв

Комментарии: 9
Kolinkor
Kolinkor 05 Декабря 2016 18:151
0
На блог больше подойдет чем на сайт или на форум.
Alex_L_X
Alex_L_X 05 Декабря 2016 20:282
0
вроде как код вызова blockquote
Kosten
Kosten 05 Декабря 2016 20:463
0
Как понять вызова? Это замена стандартной функций цитаты. Проверил на тестовом сайте, работает нормально.
Alex_L_X
Alex_L_X 05 Декабря 2016 21:044
0
В каком модуле ты проверил?
Kosten
Kosten 05 Декабря 2016 21:565
0
На форуме.
Kosten
Kosten 05 Декабря 2016 21:596
0
А вот проверил на каталоге файлов, но и на остальных модулях также должно, но кроме фотоальбома.

Сафрон
Сафрон 05 Декабря 2016 23:197
0
Давно не встречал, но больше всего нужны эти цитаты, когда есть диалог, а так пока и стандартные пойдут.
FeStemBer
FeStemBer 06 Декабря 2016 00:138
0
Нормальные цитаты, от стандартных только отличает, что можно под цвет вывести, хотя и там можно, и это небольшая кнопка и уже все по другому смотрится.
Советник
Советник 06 Декабря 2016 00:339
0
Нужно и под код такой дизайн делать, но если только изменить цвет.
avatar