phpBB España Oficial

Código: Seleccionar todo

<div class="rounded_corners_top"><div class="left">El Titulo del bloque</div><div class="right"></div></div><div class="clear"></div>

<div class="bg4">

	<div class="content" style="color: #FFFFFF;">

el contenido del bloque


	</div>

</div>

	<div class="rounded_corners_bottom"><div class="left"></div><div class="right"></div></div><div class="clear"></div>

Código: Seleccionar todo

/* Top rounded corners */
div.rounded_corners_top {
	width: 100%;
	height: 30px;
	min-height: 29px;
	background: #000 url("{T_THEME_PATH}/images/rounded_corners_top.gif") repeat-x;
}
div.rounded_corners_top div.left {
	float: left;
	height: 12px;
	width: 335px;
	background: #000 url("{T_THEME_PATH}/images/rounded_corners_top_left.gif") no-repeat;
	color: #FFF;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	padding: 8px 0 10px 40px;
}
div.rounded_corners_top div.left a {
	color: #FFF;
	text-decoration: none;
}
div.rounded_corners_top div.left a:hover {
	text-decoration: underline;
}
div.rounded_corners_top div.right {
	float: right;
	width: 9px;
	height: 29px;
	background: #000 url("{T_THEME_PATH}/images/rounded_corners_top_right.gif") no-repeat;
}

/* Bottom rounded corners */
div.rounded_corners_bottom {
	width: 100%;
	height: 9px;
	background: #000 url("{T_THEME_PATH}/images/rounded_corners_bottom.gif") repeat-x;
}
div.rounded_corners_bottom div.left {
	float: left;
	width: 9px;
	height: 9px;
	background: #000 url("{T_THEME_PATH}/images/rounded_corners_bottom_left.gif") repeat-x;
}
div.rounded_corners_bottom div.right {
	float: right;
	width: 9px;
	height: 9px;
	background: #000 url("{T_THEME_PATH}/images/rounded_corners_bottom_right.gif") repeat-x;
}