Recordad que para pedir soporte alguno, debéis facilitar los datos de soporte oportunos por favor, mirad aquí y leer las Normas generales del foro, esto nos servirá de ayuda para dar el mejor soporte..

Gracias.

La Administración de phpBB España.

Como crear un bbcode con imagenesTema Solucionado

Dudas sobre BBCodes personalizados


Avatar de Usuario
nextgen
Ex Staff
Mensajes: 1724
Registrado: 25 Jul 2009, 03:16
Género:
Edad: 37

Re: Como crear un bbcode con imagenes

#16

Mensaje por nextgen »

Makoto escribió: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?


Iniciando desde cero...



Enlace:
BBCode:
HTML:

Ocultar enlaces al mensaje
Mostrar enlaces al mensaje
Avatar de Usuario
Makoto
Elite
Mensajes: 2929
Registrado: 10 Sep 2009, 23:44
Género:
Edad: 32

Re: Como crear un bbcode con imagenes

#17

Mensaje 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
URL del foro: FIIS-UNAC
Versión phpBB: phpBB3 ( 3.1.5)
Extensiones Instaladas
SPOILER_SHOW
  • Add User 1.0.2
  • Auto Database Backup 1.1.0
  • Auto Groups 1.0.0
  • Avatars on Memberlist 1.0.3
  • Board Announcements 1.0.2
  • Board Rules 1.0.1
  • cBB Chat 1.1.1
  • Fancy Lazy Topics loader 2.1.5
  • Genders 1.0.0
  • Last Post Avatar
  • Log failed logins
  • Rank Post Styling
  • Share On 1.0.0
  • SiteSplat BBCore 2.1.1
  • Sortables Captcha 2.0.0
  • Topic Author 1.0.1
  • Upload Extensions 3.1.2-beta2
Plantilla(s) usada(s):
  • FLATBOOTS 2.0.1
Servidor: Dattatec[/size]


Enlace:
BBCode:
HTML:

Ocultar enlaces al mensaje
Mostrar enlaces al mensaje
Avatar de Usuario
Alorse
Ex Staff
Mensajes: 5144
Registrado: 22 Mar 2008, 02:14
Género:
Edad: 32

Re: Como crear un bbcode con imagenes

#18

Mensaje 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 :)


Enlace:
BBCode:
HTML:

Ocultar enlaces al mensaje
Mostrar enlaces al mensaje
Avatar de Usuario
nextgen
Ex Staff
Mensajes: 1724
Registrado: 25 Jul 2009, 03:16
Género:
Edad: 37

Re: Como crear un bbcode con imagenes

#19

Mensaje 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 :)

Iniciando desde cero...



Enlace:
BBCode:
HTML:

Ocultar enlaces al mensaje
Mostrar enlaces al mensaje

Volver a “❓ Dudas sobre BBCode”