AAA Главная
Примеры PHP Примеры JavaScript Примеры Ajax Примеры CSS,HTML

Информационные блоки предупреждений

Это блок предупреждения!
Это блок предупреждения!
Это блок предупреждения!
Исходный код этого примера:

<style type="text/css">
DIV.warn_red {
	background:transparent url(/pic/icon/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("/pic/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(/pic/icon/warn_yellow.gif) no-repeat scroll  14px 13px;
}
</style>

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

скачать warn_red.gif, скачать warn_yellow.gif, скачать icon_i.png.


.

© Copyright 2008-2016 by KDG