Alert box

1. Заливаем пикчи в /images/misc

2. Админка-> Дополнительные BB коды-> Добавить BB коды:

Информация

Заголовок: Information
Название BB кода: Information
Замена:

<style>
.information-box
{
	color: #000;
	border: 1px solid #000;
	-moz-border-radius: 5px;
	background-color: #FCF8C7;
	padding: 6px;
	text-align:left;
}

.warning-box img,
.information-box img
{
	float:left;
	margin-top: 10px;
	margin-right: 5px;
	vertical-align:middle;
	border: 0px;
}

.warning-box h2,
.warning-box p,
.information-box h2,
.information-box p
{
	padding: 0px;
	margin:  0px;
	margin-left: 60px;
}

.warning-box h2,
.information-box h2
{
	padding-bottom: 4px;
	font-size: 14px;
	border-bottom: 1px solid #000;
}

.warning-box h1,
.information-box h1
{
	padding: 0px;
	margin:  0px;
	margin-left: 60px;
	font-size: 12px;
        font-weight:normal;
}

.warning-box h6,
.information-box h6
{

	margin:  20px;
	padding: 0px;
	margin-left: 60px;
	font-size: 12px;
        font-weight:normal;
}

.warning-box
{
	background-color: #FFCCCC;
}

.warning-box ul
{
	margin-left: 30px;
}
.codemain {
	BORDER-RIGHT: #000 1px dotted; PADDING-RIGHT: 2px; BORDER-TOP: #000 1px dotted; PADDING-LEFT: 2px; BACKGROUND: #fafcfe; PADDING-BOTTOM: 2px; MARGIN: 0px auto; BORDER-LEFT: #000 1px dotted; COLOR: #465584; PADDING-TOP: 2px; BORDER-BOTTOM: #000 1px dotted; FONT-FAMILY: Courier, Courier New, Verdana, Arial
</style>


<div class='information-box'>
 <img src='./images/misc/information.gif' alt='information' />
 <h2><strong>Информация</strong></h2>
<h1><font color="#000000">{param}</font></h1>
<br><br>
</div>

Пример: [info]Так будет выглядеть информация с использованием этого BB кода[/info]
Описание: Используется для выделения полезной и важной информации.
Изображение кнопки: ./images/misc/bbc_info.gif

Уведомление

Заголовок: Notice
Название BB кода: Notice
Замена:

<style>
.information-box
{
	color: #000;
	border: 1px solid #000;
	-moz-border-radius: 5px;
	background-color: #FCF8C7;
	padding: 6px;
	text-align:left;
}

.warning-box img,
.information-box img
{
	float:left;
	margin-top: 10px;
	margin-right: 5px;
	vertical-align:middle;
	border: 0px;
}

.warning-box h2,
.warning-box p,
.information-box h2,
.information-box p
{
	padding: 0px;
	margin:  0px;
	margin-left: 60px;
}

.warning-box h2,
.information-box h2
{
	padding-bottom: 4px;
	font-size: 14px;
	border-bottom: 1px solid #000;
}

.warning-box h1,
.information-box h1
{
	padding: 0px;
	margin:  0px;
	margin-left: 60px;
	font-size: 12px;
        font-weight:normal;
}

.warning-box h6,
.information-box h6
{

	margin:  20px;
	padding: 0px;
	margin-left: 60px;
	font-size: 12px;
        font-weight:normal;
}

.warning-box
{
	background-color: #FFCCCC;
}

.warning-box ul
{
	margin-left: 30px;
}
.codemain {
	BORDER-RIGHT: #000 1px dotted; PADDING-RIGHT: 2px; BORDER-TOP: #000 1px dotted; PADDING-LEFT: 2px; BACKGROUND: #fafcfe; PADDING-BOTTOM: 2px; MARGIN: 0px auto; BORDER-LEFT: #000 1px dotted; COLOR: #465584; PADDING-TOP: 2px; BORDER-BOTTOM: #000 1px dotted; FONT-FAMILY: Courier, Courier New, Verdana, Arial
</style>


<div class='information-box'>
 <img src='./images/misc/notice.gif' alt='information' />
 <h2><strong>Уведомление</strong></h2>
<h1><font color="#000000">{param}</font></h1>
<br><br>
</div>

Пример: [notice]Так будет выглядеть уведомление[/notice]
Описание: Используется для важных уведомлений.
Изображение кнопки: ./images/misc/bbc_notice.gif

Предупреждение

Заголовок: Warning
Название BB кода: Warning
Замена:

<style>
.warning-box,
.information-box
{
	color: #000;
	border: 1px solid #000;
	-moz-border-radius: 5px;
	background-color: #FCF8C7;
	padding: 6px;
	text-align:left;
}

.warning-box img,
.information-box img
{
	float:left;
	margin-top: 10px;
	margin-right: 5px;
	vertical-align:middle;
	border: 0px;
}

.warning-box h2,
.warning-box p,
.information-box h2,
.information-box p
{
	padding: 0px;
	margin:  0px;
	margin-left: 60px;
}

.warning-box h2,
.information-box h2
{
	padding-bottom: 4px;
	font-size: 14px;
	border-bottom: 1px solid #000;
}

.warning-box h1,
.information-box h1
{
	padding: 0px;
	margin:  0px;
	margin-left: 60px;
	font-size: 12px;
        font-weight:normal;
}

.warning-box h6,
.information-box h6
{

	margin:  20px;
	padding: 0px;
	margin-left: 60px;
	font-size: 12px;
        font-weight:normal;
}

.warning-box
{
	background-color: #FFCCCC;
}

.warning-box ul
{
	margin-left: 30px;
}
</style>


<div class='warning-box'>
<img src='./images/misc/warning.gif' alt='warning' />
<h2><strong>Предупреждение</strong></h2>
<h1><font color="#000000">{param}</font></h1>
<br><br>
</div>

Пример: [notice]Так будет выглядеть предупреждающее сообщение[/notice]
Описание: Используется для предупреждений.
Изображение кнопки: ./images/misc/bbc_warning.gif

Внимание

Заголовок: Attention
Название BB кода: Attention
Замена:

<style>
.information-box
{
	color: #000;
	border: 1px solid #000;
	-moz-border-radius: 5px;
	background-color: #FCF8C7;
	padding: 6px;
	text-align:left;
}

.warning-box img,
.information-box img
{
	float:left;
	margin-top: 10px;
	margin-right: 5px;
	vertical-align:middle;
	border: 0px;
}

.warning-box h2,
.warning-box p,
.information-box h2,
.information-box p
{
	padding: 0px;
	margin:  0px;
	margin-left: 60px;
}

.warning-box h2,
.information-box h2
{
	padding-bottom: 4px;
	font-size: 14px;
	border-bottom: 1px solid #000;
}

.warning-box h1,
.information-box h1
{
	padding: 0px;
	margin:  0px;
	margin-left: 60px;
	font-size: 12px;
        font-weight:normal;
}

.warning-box h6,
.information-box h6
{

	margin:  20px;
	padding: 0px;
	margin-left: 60px;
	font-size: 12px;
        font-weight:normal;
}

.warning-box
{
	background-color: #FFCCCC;
}

.warning-box ul
{
	margin-left: 30px;
}
.codemain {
	BORDER-RIGHT: #000 1px dotted; PADDING-RIGHT: 2px; BORDER-TOP: #000 1px dotted; PADDING-LEFT: 2px; BACKGROUND: #fafcfe; PADDING-BOTTOM: 2px; MARGIN: 0px auto; BORDER-LEFT: #000 1px dotted; COLOR: #465584; PADDING-TOP: 2px; BORDER-BOTTOM: #000 1px dotted; FONT-FAMILY: Courier, Courier New, Verdana, Arial
</style>


<div class='information-box'>
 <img src='./images/misc/attention.gif' alt='information' />
 <h2><strong>Внимание</strong></h2>
<h1><font color="#000000">{param}</font></h1>
<br><br>
</div>

Пример: [notice]Внимание! Внимание![/notice]
Описание: Используется для различных объявлений и т.п..
Изображение кнопки: ./images/misc/bbc_attention.gif

Help

Заголовок: Help
Название BB кода: Help
Замена:

<style>
.help-box,
.information-box
{
	color: #000;
	border: 1px solid #000;
	-moz-border-radius: 5px;
	background-color: #d5eeb6;
	padding: 6px;
	text-align:left;
}

.help-box img,
.information-box img
{
	float:left;
	margin-top: 10px;
	margin-right: 5px;
	vertical-align:middle;
	border: 0px;
}

.help-box h2,
.help-box p,
.information-box h2,
.information-box p
{
	padding: 0px;
	margin:  0px;
	margin-left: 60px;
}

.help-box h2,
.information-box h2
{
	padding-bottom: 4px;
	font-size: 14px;
	border-bottom: 1px solid #000;
}

.help-box h1,
.information-box h1
{
	padding: 0px;
	margin:  0px;
	margin-left: 60px;
	font-size: 12px;
        font-weight:normal;
}

.help-box h6,
.information-box h6
{

	margin:  20px;
	padding: 0px;
	margin-left: 60px;
	font-size: 12px;
        font-weight:normal;
}

.help-box
{
	background-color: #d5eeb6;
}

.help-box ul
{
	margin-left: 30px;
}
</style>


<div class='help-box'>
<img src='./images/misc/help.gif' alt='warning' />
<h2><strong>Help</strong></h2>
<h1><font color="#000000">{param}</font></h1>
<br><br>
</div>

Пример: [notice]Помогите, пожалуйста![/notice]
Описание: Используется для сообщений о помощи
Изображение кнопки: ./images/misc/bbc_help.gif

Originally Posted by TAIFUN

Название BB кода: Information

Originally Posted by TAIFUN

Пример: [info]Так будет выглядеть информация с использованием этого BB кода[/info]

Небольшая поправочка)) Название BB кода: Info

Оффтоп

TAIFUN, коды на 5 баллов. Я пожалуй один возьму специально для особоодаренных на моем форуме, которые текста нужного в сообщениях не видят.

Krukodgadam, кто сказал?

Отличные дополнение! спасибо большое! уверен сгодится

TAIFUN, Спасибо большое!
А можно запретить как-то, например код предупреждение, для применения пользователями?!

Originally Posted by Nissan

TAIFUN, Спасибо большое!
А можно запретить как-то, например код предупреждение, для применения пользователями?!

Хак Comments Tags v1.3.2 (коментарии, предупреждения админа и модера)
Вот ссылка
http://vbsupport.ru/forum/showpost.p...&postcount=297

Wolfdemon,
Оффтоп

Тысячу извинений, что-то поиск результатов не дал

Оффтоп

Originally Posted by Nissan

Wolfdemon,
Оффтоп

Тысячу извинений, что-то поиск результатов не дал

Я заметил^^ поетому сразу подредактировал пост и ссылку вставил

Хак лажовый по одной простой причине - использование css3, который далеко не все говно-бразеры поддерживают. Беда в том, что большинство лузеров их юзают...