Like Tree1Likes
  • 1 Post By jjuuaannk

BBCODE Imagen + Texto a la derecha

Esta es una discusión para el tema BBCODE Imagen + Texto a la derecha en el foro Tips y tutoriales, bajo la categoría Recursos para vBulletin (Descargas); Bueno amigos, aqui le explicare como tener un bbcode que podamos insertar una imagen con un texto a la derecha.... Primer paso: Ir A Admincp -> Códigos BB -> Agregar Nuevo Código BB Tendremos una ...
Página:


Resultados 1 al 8 de 8

Temas similares

  1. Por FIREWOLF en el foro Soporte para Productos/Plugins
  2. Por charlynorte en el foro vBulletin 3 - Preguntas, Problemas y Soluciones
  3. Por Calichex en el foro vBulletin 3 - Preguntas, Problemas y Soluciones
  4. Por hubie en el foro vBulletin 3 - Preguntas, Problemas y Soluciones
  5. Hacer BBCode de Imagen Respuestas: 0
    Por elpirataDVD en el foro Soporte para Productos/Plugins
  1. #1
    Miembro especial Miembro de diamante Array Avatar de jjuuaannk
    Fecha de ingreso
    26 sep, 07
    Ubicación
    Venezuela, Maracaibo
    Mensajes
    1,226
    Gustado
    421 Veces
    Me Gustan
    27 Veces

    Thumbs up BBCODE Imagen + Texto a la derecha

    Bueno amigos, aqui le explicare como tener un bbcode que podamos insertar una imagen con un texto a la derecha....

    Primer paso: Ir A Admincp -> Códigos BB -> Agregar Nuevo Código BB

    Tendremos una pantalla como esta:




    Titulo de nuestro BBCODE: Imagen+Texto

    Nombre de la Etiqueta: IMGT

    Remplazar:
    Código HTML:
    <!-- VBHispano.com -->
    <TABLE border=0 cellSpacing=0 cellPadding=0><tr><td>
    <img  src="{option}" border="0"> </td><td style="padding: 10px">{param}</td></tr></table>
    <!--/  VBHispano.com -->
    Ejemplo: [IMGT] texto [/IMGT]

    Descripción: Inserta una imagen a la derecha de un texto

    Usar {option}: Lo Elijemos a SI

    Imagen de Botón (Opcional): ./images/editor/imgt.png

    Y Guardamos...



    Nos debería de quedar de esta manera:





    Subimos esta imagen por FTP al directorio /images/editor/ para identificar nuestro bbcode

    y nos vamos hacer nuestro tema de prueba...


    Insertamos nuestro texto:

    Ejemplo:
    VBHISPANO.COM Solo podrán acceder y utilizar los servicios y/o contenidos de vBHispano , quienes a tenor de la legislación vigente en su lugar de residencia puedan válidamente emitir su consentimiento para la celebración de contratos. Quienes a tenor de la legislación vigente no posean tal capacidad para acceder u obligarse válidamente a los términos y condiciones aquí establecidos, deberán obtener inexcusablemente autorización previa de sus representantes legales, quienes serán considerados responsables de todos los actos realizados por los incapaces a su cargo.
    Cuando se trate de falta de capacidad por minoría de edad, la responsabilidad en la determinación de los servicios y contenidos a los que acceden los menores de edad corresponde a los mayores a cuyo cargo se encuentren.
    Seleccionamos el Texto y damos click a nuestro nuevo icono...


    Al dar click sobre nuestro nuevo icono nos pedira nuestra opcion, alli insertaremos la ruta de la imagen...

    Ejemplo de Imagen:
    http://files.vbulletin.com/images/cart/vbhero.png



    y nos quedara así:

    [imgt="http://files.vbulletin.com/images/cart/vbhero.png"]VBHISPANO.COM Solo podrán acceder y utilizar los servicios y/o contenidos de vBHispano , quienes a tenor de la legislación vigente en su lugar de residencia puedan válidamente emitir su consentimiento para la celebración de contratos. Quienes a tenor de la legislación vigente no posean tal capacidad para acceder u obligarse válidamente a los términos y condiciones aquí establecidos, deberán obtener inexcusablemente autorización previa de sus representantes legales, quienes serán considerados responsables de todos los actos realizados por los incapaces a su cargo.
    Cuando se trate de falta de capacidad por minoría de edad, la responsabilidad en la determinación de los servicios y contenidos a los que acceden los menores de edad corresponde a los mayores a cuyo cargo se encuentren.[/imgt]
    Y el Resultado seria:



    y Listo Tenemos nuestro nuevo BBCODE para insertar imágenes con texto a la derecha...



    Si desea que el texto rodee toda la imagen si dejar espacio debajo de ella,

    en remplazar pongan lo siguiente:

    Código HTML:
    <!-- VBHispano.com -->
    <img  src="{option}" style="float:left; padding: 10px 10px;"  border="0">{param}
    <!--/  VBHispano.com -->
    Siendo el Resultado:




    Un Saludo
    Última edición por jjuuaannk; 21/11/2009 a las 10:37
    brz299 le gusta esto.
    Outsistem.net - Disfruta del Ocio en Internet

    Software Taller 3.5 -La solución para el manejo y control de talleres de servicio técnico

  2. #2
    Miembro especial Miembro de diamante Array Avatar de Jhonnyf
    Fecha de ingreso
    06 sep, 08
    Ubicación
    Dentro de mi
    Mensajes
    1,125
    Gustado
    50 Veces
    Me Gustan
    1 Veces

    Predeterminado Re: BBCODE Imagen + Texto a la derecha

    Tu idea es buena, pero cuando haya mucho texto o la imagen sea muy grande vas a tener el siguiente detalle



    A mi parecer el texto deberia rodear a la imagen, pero es solo cuestion de gustos

    Saludos

  3. #3
    Miembro especial Miembro de diamante Array Avatar de jjuuaannk
    Fecha de ingreso
    26 sep, 07
    Ubicación
    Venezuela, Maracaibo
    Mensajes
    1,226
    Gustado
    421 Veces
    Me Gustan
    27 Veces

    Predeterminado Re: BBCODE Imagen + Texto a la derecha

    Para que el texto rodee la imagen y no se haga como nos explica el amigo Jhonnyf

    en remplazar pongan lo siguiente:

    Código HTML:
    <!-- VBHispano.com -->
    <img  src="{option}" style="float:left; padding: 10px 10px;"  border="0">{param}
    <!--/  VBHispano.com -->
    Siendo el Resultado:



    Saludos
    Última edición por jjuuaannk; 21/11/2009 a las 10:36
    Outsistem.net - Disfruta del Ocio en Internet

    Software Taller 3.5 -La solución para el manejo y control de talleres de servicio técnico

  4. #4
    Miembro especial Miembro de diamante Array Avatar de Jhonnyf
    Fecha de ingreso
    06 sep, 08
    Ubicación
    Dentro de mi
    Mensajes
    1,125
    Gustado
    50 Veces
    Me Gustan
    1 Veces

    Predeterminado Re: BBCODE Imagen + Texto a la derecha

    Ahora tienes otro detalle, el texto esta muy pegado a la imagen y no se ve bien, y las img no aceptan padding asi que metelo mejor en un DIV

    Código PHP:
    <div style="padding: 1px 15px 5px 1px; display: block; ">
    {
    option}
    </
    div>
    {
    param
    he hecho un BBCODE para poner Adsense al igual que tu lo haces con una imagen, pero lastimosamente no puedo poner el enlace... lo cual es medio extraño ya que los foros son de tematica diferente. (Soporte Básico vBulletin y Soporte Avanzado vBulletin)

    "Cosas del Orinoco, que yo no sé ni tu tampoco "

  5. #5
    Miembro especial Miembro de diamante Array Avatar de jjuuaannk
    Fecha de ingreso
    26 sep, 07
    Ubicación
    Venezuela, Maracaibo
    Mensajes
    1,226
    Gustado
    421 Veces
    Me Gustan
    27 Veces

    Predeterminado Re: BBCODE Imagen + Texto a la derecha

    bueno le he probado poniendo padding a la imagen y me ha funcionado...
    ahy esta la imagen de muestra

    saludos
    Outsistem.net - Disfruta del Ocio en Internet

    Software Taller 3.5 -La solución para el manejo y control de talleres de servicio técnico

  6. #6
    Miembro especial Miembro de diamante Array Avatar de Jhonnyf
    Fecha de ingreso
    06 sep, 08
    Ubicación
    Dentro de mi
    Mensajes
    1,125
    Gustado
    50 Veces
    Me Gustan
    1 Veces

    Predeterminado Re: BBCODE Imagen + Texto a la derecha

    A mira, si aceptaba padding, y acabo de testear tu ¿? codigo mejorado

    Algo nuevo se aprende cada dia, solo que no sé quien aprendió de quien el dia de hoy XD

  7. #7
    Miembro Array
    Fecha de ingreso
    07 may, 09
    Mensajes
    18
    Gustado
    0 Veces
    Me Gustan
    0 Veces

    Predeterminado Re: BBCODE Imagen + Texto a la derecha

    yo, de los 2
    muchas gracias amigos

    es con el ejemplo nº 1, sin rodear la imagen
    la 1º imagen, es bbcode texto más imagen, y la 2º es imagen + imagen, es decir, usando el mismo bbcode, pero en vez de señalar texto, he señalado el grupo de imagenes pequeña y le he puesto de referencia la grande, bien, no?



    perdon por el doble post
    Última edición por FIREWOLF; 22/11/2009 a las 06:50 Razón: Fusionando mensaje automáticamente por doble post.

  8. #8
    Miembro especial Miembro de platino Array Avatar de tetsenoske
    Fecha de ingreso
    09 feb, 10
    Ubicación
    En NcR Nacaru XD
    Mensajes
    338
    Gustado
    67 Veces
    Me Gustan
    364 Veces

    Predeterminado Re: BBCODE Imagen + Texto a la derecha

    de casualidad esto no andará para v4.x???

Etiquetas para este tema