» »

Блоки информационного предупреждений uCoz


Красиво созданные блоги, которые будут предупреждать того или иного пользователя на форуме. Они идут в порядке разной гаммы цвета.

Код
<h1>Информационные блоки предупреждений</h1>
<div class="warn_red">Это блок предупреждения!</div>
<div class="warn_yellow">Это блок предупреждения!</div>
<div class="info">Это блок предупреждения!</div>


стили:

Код
<style type="text/css">
DIV.warn_red {
  background:transparent url(/warn_red.gif) no-repeat scroll 14px 13px;
  padding:2px 0 0 27px;
  color:#CC0000;
  font-size:14px;
  font-weight:bold;
  padding-bottom:7px;
  border:1px solid #D3D5C3;
  border-radius:5px 5px 5px 5px;
  margin-bottom:5px;
  padding:14px 20px 6px 48px;
  min-height:30px;
  max-width:600px;
}
DIV.info {
  background:url("/icon_i.png") no-repeat scroll 14px 13px #FFFBCF;
  border:1px solid #D3D5C3;
  border-radius:5px 5px 5px 5px;
  margin-bottom:5px;
  padding:14px 20px 6px 48px;
  min-height:30px;
  max-width:600px;
}
DIV.warn_yellow {
  border:1px solid #D3D5C3;
  border-radius:5px 5px 5px 5px;
  margin-bottom:5px;
  padding:14px 20px 6px 48px;
  min-height:30px;
  max-width:600px;
  color:#E9A708;
  font-size:14px;
  font-weight:bold;
  background:transparent url(/warn_yellow.gif) no-repeat scroll 14px 13px;
}
</style>
28.12.2015 Загрузок: 1 Просмотров: 415 Комментарий: (10)

Поделиться в социальных сетях

Материал разместил

Комментарий: 5
Dixes
Dixes 28.12.2015 18:001
0
везде пойдёт.
Dixes
Dixes 30.12.2015 00:042
0
<style> пишется везде, в любом документе.
Kosten
Kosten 30.12.2015 02:163
0
Да в любом модуле можно установить style, кроме CSS. Основном его ставят под один скрипт, да чтоб еще сами стили не ругались, и это исключать не нужно.

Dixes
Dixes 30.12.2015 10:494
0
кажется должно понятно, если стили в тегах <style type="text/css">
то можно под div ставить
Сопрано
Сопрано 01.01.2016 00:355
0
Dixes, но основном под дивы и ставят.
avatar