Стильный вид цитаты с изображением на сайт - Скрипты - UCOZ - Каталог файлов - Каморка
kamorka
Menu
Войти
Регистрация
Посетители за сегодня
Обратная связь
Опрос
Правила чата
Пользователи онлайн
−Мини-чат
+Мини-чат
0
Онлайн всего: 5
Гостей: 5
Пользователей: 0
   Категории
Комментарии
༒AДМИНИСТРАТОР༒
21-Декабря-2021
noНе выводит сообщения в чат.
Ответить
Vitalya
18-Апреля-2021
Игор приносим свои извинения за предоставленные не удобства, сайт проходит перекваливфикацыю, по эт
Ответить
igor_ponyshkov
10-Апреля-2021
noЭТО МЕНЮ НЕ РАБОТАЕТ https://wampi.ru/image/RnPeLYV
Ответить
Milan_Shubin
01-Июля-2018
Спасибо, вы не виноват, эта все zornet не указывает авторов и источник, если ему так написать то ба
Ответить
Vitalya
01-Июля-2018
Приносим свои извинения, всё исправим...
Ответить
KaMoRkA.uCoz.com -- uCoz -- Скрипты
Стильный вид цитаты с изображением на сайт
Здесь представлены стили на две цитаты, которые по дизайн одинаковы, только изображение внутри каждого разные, что говорит о том свое можно поставить по своей тематике. Сама цитата будет идти пунктирной линией и под светлый дизайн отлично подойдет. Возможно можно попробовать и на темный, но здесь не проверял его на этом оттенке цвета. Что по изображению, по их будет 2 и чтоб вам легче было, сразу и два стиля пропишу. Также как говорилось, вы можете найти картинку в формате PNG и по аналогичным размерам заменить, это не трудно, так как идет одна ссылка.

Теперь все по установке: Если вы уже меняли и ставили оригинальные, то находим их в CSS и убираем, и вместо тех которые стояли, ставим эти стили.

Но бывает такое, что кто то не менял или только создал, вам нужно найти начало стиля .quoteMessage и все что с ним связано, также убрать, это просто идет стандартный. И потом на это же место уже поставить свой.

Первая версия:
Code
/*****Code*****/
.codeMessage {border:#000000 1px dashed !important;/*вид обводки*/ overflow: auto; width:90%;  
color:#000000; /*цвет шрифта*/  
font-family: normal Verdana,Arial,Helvetica,sans-serif;  
margin: 5 5 0;  
background: url(http://kamorka.ucoz.com/img/code_quote/atyn.png) 0 0 no-repeat;  
max-height: 250px !important;  
padding-bottom: 10px;  
padding-left: 35px;  
padding-right: 10px;  
padding-top: 10px;}


/*****Quote*****/
.quoteMessage {border:#000000 1px dashed !important;/*вид обводки*/ overflow: auto; width:90%;  
color:#000000; /*цвет шрифта*/  
font-family: normal Verdana,Arial,Helvetica,sans-serif;  
margin: 5 5 0;  
background: url(http://kamorka.ucoz.com/img/code_quote/atyn.png) 0 0 no-repeat;  
max-height: 250px !important;  
padding-bottom: 10px;  
padding-left: 35px;  
padding-right: 10px;  
padding-top: 10px;}


/*****TxT*****/
.txtMessage {border:#000000 1px dashed !important;/*вид обводки*/ overflow: auto; width:90%;  
color:#000000; /*цвет шрифта*/  
font-family: normal Verdana,Arial,Helvetica,sans-serif;  
margin: 5 5 0;  
background: url(http://kamorka.ucoz.com/img/code_quote/atyn.png) 0 0 no-repeat;  
max-height: 250px !important;  
padding-bottom: 10px;  
padding-left: 35px;  
padding-right: 10px;  
padding-top: 10px;}

Вторая версия:
Code
.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;}

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

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

Важно!

При копировании материала указывать ссылку на источник.

- 453
- 08-Декабря-2016
- 0
Материал разместил:

Похожий материал
Статьи сайта
12-Ноября-2017 в 23:41:03
Рай для верстальщика: синхронизация окон браузеров
29-Июня-2017 в 12:30:13
Что такое информер и зачем нужен на сайте
29-Июня-2017 в 10:21:53
Ограничить длину заголовка и описание к материалу для uCoz
05-Марта-2017 в 12:54:01
Сокращаем "Описание" в вид материалов
01-Марта-2017 в 17:08:05
Не форматируется флешка? Решение есть