Головна »Блог-платформа» Blogger »14 дивовижних прикладів css і html Blockquote стилів для настройки блоку цитування / цитат в Blogger і WordPress
Зверніть увагу на кожному з них, кожен з них підходить для будь-якого блогу, як для Blogger, так і WordPress. Детальна інформація про додавання блок цитат на свій блог / веб-сайт наведені внизу в розділі встановлення та налаштування.
Блок цитування з незвичайними межами і з зображенням сови
HTML код Blockquote:
>
blockquote p margin: 0;
padding-top: 10px;
>
Блок цитування з фіолетовою кутовий міткою і кордоном
HTML код Blockquote:
post blockquote p margin: 0;
padding-top: 10px;
>
Блок цитування в стилі мозаїки із зображенням в правому кутку
HTML код Blockquote:
post blockquote p margin: 0;
padding-top: 10px;
>
Блоки для цитат з класичною лівої кордоном
HTML код Blockquote:
HTML код Blockquote:
Блок цитування з червоною кутовий міткою
HTML код Blockquote:
post blockquote p margin: 0;
padding-top: 10px;
>
Блоки для цитат з лапками
HTML код Blockquote:
post blockquote p margin: 0;
padding-top: 10px;
>
HTML код Blockquote:
post blockquote p margin: 0;
padding-top: 10px;
>
HTML код Blockquote:
post blockquote p margin: 0;
padding-top: 10px;
>
HTML код Blockquote:
post blockquote p margin: 0;
padding-top: 10px;
>
Блок цитування з добре вирівняним зображенням нагорі
HTML код Blockquote:
post blockquote p margin: 0;
padding-top: 10px;
>
Блок цитування із зображенням стилю навісу у верхній і нижній частині
HTML код Blockquote:
post blockquote p margin: 0;
padding-top: 10px;
>
Блок цитування з оточеними межами
HTML код Blockquote:
Блок цитування людина мавпочка.
Як тільки ви отримаєте уявлення про те, як використовувати ці блоки цитат, то ви зможете самі створити художні та кумедні блоки для цитат, як на цьому зображення нижче.
HTML код Blockquote:
post blockquote p margin: 0;
padding: 20px;
>
Установка і настройка css Blockquote стилів:
Тепер давайте додамо один з цих дивних і унікальних Blockquote стилів на ваш блог, для цього виконайте наступні дії:
На WordPress все трошки по-іншому, в файлі style.css код може виглядати так:
blockquote - webkit-box-shadow: rgb (221, 221, 221) 4px 4px 4px;
Якщо ви не змогли знайти такий код, то це нормально.
>
.post blockquote p margin: 0;
padding-top: 10px;
>
Важливі області, які повинні бути налаштовані, виділені жирним шрифтом.
Тут ваш текст цитати
От і все! Сподіваюся, вам сподобалося, переконайтеся в тому, що ви підписані на останні CSS і HTML трюки, пов'язані з Blogger і WordPress блогу tidun-soft.ru. Не забудьте розповісти мені, як корисний цей пост був для вас.
Поділитися "14 дивовижних прикладів css і html Blockquote стилів для настройки блоку цитування / цитат в Blogger і WordPress"