|
Цитата с красивым оформлением
|
|
| Small_vampire | Дата: Вторник, 06.12.2011, 05:23 | Сообщение # 1 |
|
The Girl Who Loves Vampires
Группа: Администраторы
Сообщений: 756
Награды: 13
Репутация: 18
Статус:  | Цитата с красивым оформлением
В этом уроке я покажу, как с помощью CSS сделать своеобразную цитату, такого вида:
В CSS прописываем:
Code blockquote {
background-attachment: scroll;
background-clip: border-box;
background-color: rgb(163, 207, 219);
background-image: none;
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
border-left-color: rgb(130, 166, 199);
border-left-style: solid;
border-left-width: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
color: rgb(93, 115, 124);
font-family: "Trebuchet MS";
font-size: 8pt;
font-weight: 400;
line-height: 12pt;
margin-bottom: 10px;
margin-left: 25px;
margin-right: 25px;
margin-top: 5px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
padding-top: 10px;
text-align: justify;
}
background-color: rgb(163, 207, 219); - цвет фона цитаты
border-left-color: rgb(130, 166, 199); - цвет сноски справа
color: rgb(93, 115, 124); - цвет текста
font-family: "Trebuchet MS"; - шрифт текста
Чтобы сделать вашу цитату, нужно текст который вы хотите занести в цитату обособить тэгами blockquote. Например:
Code <blockquote>Здесь будет текст</blockquote>
Вот и все. Если возникают вопросы - задаем!
Автор: Small_vampire
При копировании урока обязательна активная ссылка на сайт!
|
| |
| |
| Алина | Дата: Понедельник, 12.12.2011, 19:50 | Сообщение # 2 |
 Моя версия-быть счастливой!
Группа: Друзья
Сообщений: 250
| Quote В этом уроке я покажу, как с помощью CSS сделать своеобразную цитату, такого вида:
какого такого?скинь скрин или что-то вроде скрина
|
| |
| |
| Small_vampire | Дата: Вторник, 13.12.2011, 04:45 | Сообщение # 3 |
|
The Girl Who Loves Vampires
Группа: Администраторы
Сообщений: 756
Награды: 13
Репутация: 18
Статус: | Алина, как раз после этого предложение я вставила цитату где написано "здесь будет текст"
   
|
| |
| |
| Алина | Дата: Четверг, 15.12.2011, 23:25 | Сообщение # 4 |
|
Моя версия-быть счастливой!
Группа: Друзья
Сообщений: 250
| Small_vampire, ооййй...я думала это под ваш диз у вас так...ААА...спасибо.классно!
|
| |
| |
| Perepiska99 | Дата: Пятница, 16.12.2011, 21:38 | Сообщение # 5 |
 Талант
Группа: Пользователи
Сообщений: 72
Награды: 0
Репутация: 0
Статус: | Quote (Small_vampire) В CSS прописываем:
Помню впихенул туда что-то,у меня сайт был без цвета.Всё в html кодах.
|
| |
| |
| Tasha | Дата: Вторник, 27.12.2011, 18:33 | Сообщение # 6 |
 Талантище
Группа: Модераторы
Сообщений: 238
Награды: 0
Репутация: 7
Статус: | пасиб)
|
| |
| |
| selkaselka | Дата: Пятница, 23.03.2012, 23:59 | Сообщение # 7 |
 Стажер
Группа: Проверенные
Сообщений: 28
Награды: 1
Репутация: 0
Смайл настроения:  Статус: | а куда код вставлять?в какое место цсс????и где будет появляться формочка? 
|
| |
| |
| Small_vampire | Дата: Воскресенье, 08.04.2012, 18:00 | Сообщение # 8 |
|
The Girl Who Loves Vampires
Группа: Администраторы
Сообщений: 756
Награды: 13
Репутация: 18
Статус: | selkaselka, в ксс можно вверх. это не важно. рамочка будет появляться ТОЛЬ тогда когда вы закавычите текст (который будет в цитате) вот в это
Code <blockquote>Здесь будет текст</blockquote>
|
| |
| |
| MileyCyrus1999 | Дата: Среда, 15.08.2012, 23:36 | Сообщение # 9 |
 Ученик
Группа: Пользователи
Сообщений: 3
Награды: 0
Репутация: 0
Статус: | всё равно непонимаю как ставить
|
| |
| |
