Como crear un bbcode con imagenesTema Solucionado

[nextgen]

Error corregido
al final del reemplazo html del codigo proporcionado por Alorse coloque

Código: Seleccionar todo

<br style="clear: both" />

Reemplaza <br style="clear: both" /> por <br style="clear: both;" />

PD: Mami Kawada no es Idol verdad?

[Makoto]

aunuqe me surge una duda ya que con el bbcode se colocara cada vez que se use, se colocara los css no es mejor ponerlo en stylesheat.css=?
[Mami]
bueno para las idols en japon hay categorias,Mami Kawada seria una idol pero jpop algo asi como lady gaga pero de japon, me foro trara de idols pero un concepto mas mmm como decirlo xD

Definicion de Idol

[Alorse]

aunuqe me surge una duda ya que con el bbcode se colocara cada vez que se use, se colocara los css no es mejor ponerlo en stylesheat.css=?

Tu pediste un BBCode, igual el CSS no consume nada de recursos, solo que al ver el código fuente de la pagina si se verían muchos CSS repetidos, pero eso pasa con cualquier BBCode.

Pero respondiendo a la pregunta: da igual, tu veras

[nextgen]

Entonces copia este código en tu stylesheet.css

Código: Seleccionar todo

.bbcodeidol{
	background: url("images/quote_icon.png")  #eff8ff 6px 8px no-repeat;
	border: 1px solid #dbdbdb;
	width: auto;
	float: left;
	font-size: 0.95em;
	margin: 2px 0 0 -1px;
	padding: 5px;
	border-color:#77a8ce;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.bbcodeidol cite {
	font-style: normal;
	font-weight: bold;
	margin-left: 20px;
	display: block;
	font-size: 0.9em;
}
.bubble {
	width: 9px; height: 13px;
	background-image: url("images/quote-left.png");
	background-repeat: no-repeat;
	margin-left: 1px;
	margin-top: 13px;
	position: relative;
	float: left;
}

Dejando el reemplazo html así

Código: Seleccionar todo

<img src="{URL}" title="" style="float: left;" />
<div class="bubble"></div>
	<div class="bbcodeidol">
	<cite>{SIMPLETEXT} repondió:</cite>
	{TEXT}
</div>

PD: Buen trabajo Fredo, si me permiten los 2 me llevo este bbcode