Página 2 de 2
					
				Re: Como crear un bbcode con imagenes
				Publicado: 14 Mar 2012, 01:02
				por nextgen
				Makoto escribió:Error corregido
al final del reemplazo html del codigo proporcionado por Alorse coloque
    
 
Reemplaza 
<br style="clear: both" /> por 
<br style="clear: both;" />
PD: Mami Kawada no es Idol verdad?
 
			
					
				Re: Como crear un bbcode con imagenes
				Publicado: 14 Mar 2012, 01:04
				por 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 
			
					
				Re: Como crear un bbcode con imagenes
				Publicado: 14 Mar 2012, 01:06
				por Alorse
				Makoto escribió: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 

 
			
					
				Re: Como crear un bbcode con imagenes
				Publicado: 14 Mar 2012, 01:09
				por 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 
