Як змінити дизайн гаджета постійні Новомосковсктелі, шпаргалки блогерша

Копіюємо до себе в чернетку цей код

# Followers1 background: # F0F0FF;
overflow: hidden;
border: 1px solid # C04D00;
border-radius: 5px;
box-shadow: none; /

-webkit-transition: box-shadow 0.9s ease, border 0.5s ease, height 0.5s ease-in;
-moz-transition: box-shadow 0.9s ease, border 0.5s ease, height 0.5s ease-in;
-o-transition: box-shadow 0.9s ease, border 0.5s ease, height 0.5s ease-in;
transition: box-shadow 0.9s ease, border 0.5s ease, height 0.5s ease-in;
height: 80px;
width: auto;
>

# Followers1: hover background: # FAF5FF;
border: 1px solid # A08BED;

-webkit-box-shadow: 0 1em 1em .3em rgba (0,0,6,0.5); / * Chrome * /
-moz-box-shadow: 0 1em 1em .3em rgba (0,0,6,0.5); / * FF * /
box-shadow: 0 1em 1em .3em rgba (0,0,6,0.5);
height: 300px;
>
# Followers1> h2 <
display: none;
>

# Followers1-wrapper box-shadow: none;
-webkit-transition: box-shadow 1s ease;
-moz-transition: box-shadow 1s ease;
-o-transition: box-shadow 1s ease;
transition: box-shadow 1s ease;
>
# Followers1-wrapper: hover -webkit-box-shadow: inset 0 0 1em .3em # c9f;
-moz-box-shadow: inset 0 0 1em .3em # c9f;
box-shadow: inset 0 0 1em .3em # c9f;
height: 300px;
>

Давайте зараз розберемося в налаштуваннях. Тут, звичайно, можна багато чого поміняти, але зупинимося, на мій погляд, на основних. Вони виділені синім кольором. Розглянемо зверху вниз по порядку.

background: # F0F0FF; -колір основного фону
# C04D00-колір рамки
height: 80px; -це висота гаджета в стані спокою
height: 300px; - ця висота всього гаджета. Її потрібно буде редагувати на свій смак. У двох місцях.
Зверніть увагу на 2 рядки в коді # Followers1> h2 <
display: none; цю ділянку відповідає за назву гаджета. Якщо залишити в такому вигляді, то він буде без назви. У себе я його прибрала. І, як бачите, назва залишилася. Ну ось ніби і все настройки.

Коли код готовий, заходимо в шаблон-змінити HTML. Знаходимо рядок]]> і прямо над нею вставляємо його. Зберігаємо.

Хочу звернути увагу ще на один момент. Так як, шаблони можуть бути різні потрібно перевірити ось такий ідентифікатор гаджета постійні Новомосковсктелі- # Followers1. У вас він може бути дещо іншою # Followers2 або 3. У цьому випадку ці цифри потрібно поміняти на свої. І давайте подивимося, як це дізнатися.

В результаті, ми отримуємо новий дизайн гаджета постійні Новомосковсктелі. І додамо місця в боковій колонці. Посвята також прочитати статтю як закрити посилання гаджета постійні Новомосковсктелі.

На сьогодні у мене все. Теплих вам осінніх дні з. Побачимося.
Удачі всім нам.

Ой, а що це там нижче? Ну треба ж! Натискаємо!