На сайте иногда должны присутствовать информационные блоки, которые несли бы суть того или иного решения.
Пропишем в CSS вашей темы общий стиль кнопок
.message {
line-height: 24px;
font-weight: normal;
padding: 15px 15px 15px 80px;
position: relative;
margin: 10px 0;
border-radius: 5px;
}
Светло зеленый:
CSS
.success-message {
background: url("http://website-desing.ru/images/success.png") no-repeat scroll 15px 3px #EEF4D4;
border: 1px solid #8FAD3D;
}
HTML
<div class="success-message message">Светло зеленый информационный блок</div>
Светло красный:
CSS
.success-message {
background: url("http://website-desing.ru/images/success.png") no-repeat scroll 15px 3px #EEF4D4;
border: 1px solid #8FAD3D;
}
HTML
<div class="success-message message">Светло зеленый информационный блок</div>
Светло синий:
CSS
.message-message {
background: url("http://website-desing.ru/images/message.png") no-repeat scroll 15px 3px #C6D8F0;
border: 1px solid #4282CC;
}
HTML
<div class="message-message message">Светло синий информационный блок.</div>
Светло желтый:
CSS
.warning-message {
background: url("http://website-desing.ru/images/warning.png") no-repeat scroll 15px 3px #FFEA97;
border: 1px solid #E2B500;
}
HTML
<div class="warning-message message">Светло желтый информационный блок.</div>
Автор публикации
Высшая ступень членства компании AitThemes - Agency Multi Membership
Комментарии 0