Страница 1 из 11
Форум » UCOZ ВЕБМАСТЕРУ » Скрипты для uCoz » Форум » Стиль оформления цитаты с картинкой
Стиль оформления цитаты с картинкой
Дата: Пятница, 08.12.2017, 21:37 | Сообщение # 1
Группа: Гл.Администратор Ранг: Сержант Сообщений: 27 Награды: 0
Репутация: 1
Статус: Offline
Сайт пользователя:
Skype пользователя:
Давайте рассмотрим одну красивую и интересно сделанную по оформлению цитату. Которая полностью создана на CSS и устанавливается на сайт. Ее можно быстро встроить в любое описание на материал, также органично смотрится на сайте, так как в себе несет красивую стилистику.

А это безусловно само изображение, которое вы можете сменить и поставить свое. И потом под него уже вывести оттенок цвета шрифта, и все это делается в этом стиле и не нужно что то выставлять на основном. Теперь у вас есть возможность создавать красивые и уникальные статьи, где цитата будет великолепно смотреться.

Как всегда рассмотрим, как реально будет.



Код
[color=green]Приступаем к установке:[/color]

Первым делом идем в админ панель в CSS:

blockquote {  
  background-image:url(http://zornet.ru/zorner_ru_1/Veb/87d1a569e41e4471b4bf4611725a360e.jpg);  
  font-size: 14px;  
  color: #fff;  
  border: 2px dotted #26dbfe;  
  padding: 35px;  
  margin:1em 20px;  
  border-radius: 10px;  
  -o-border-radius: 10px;  
  -moz-border-radius: 10px;  
  -webkit-border-radius: 10px;  
}


Чтоб поставить, то вам нужно описание разместить в blockquote, как пример, смотрим ниже.
Код
<blockquote> Здесь ваше описание на фоне, что будет </blockquote>
Дата: Вторник, 26.12.2017, 22:48 | Сообщение # 2
Группа: Новорег Ранг: Рядовой Сообщений: 7 Награды: 0
Репутация: 1
Статус: Offline
Сайт пользователя:
Skype пользователя:
Это она и будет с таким фоном?

Дата: Вторник, 26.12.2017, 23:35 | Сообщение # 3
Группа: Гл.Администратор Ранг: Сержант Сообщений: 27 Награды: 0
Репутация: 1
Статус: Offline
Сайт пользователя:
Skype пользователя:
да ,но фон можно настроить и под себя
Форум » UCOZ ВЕБМАСТЕРУ » Скрипты для uCoz » Форум » Стиль оформления цитаты с картинкой
Страница 1 из 11
Поиск:

19
Участников
28
Темы
44
Ответов
Приветствуем нового участника Guyver.
Правила сайта и форума: Прочтите во избежании бана
Цвета групп на нашем сайте
Гл. Админ - Админ - Модератор - Дизайнер - Журналист - Премиум - Проверенный - Постоянный - Пользователь - Новичок