Comunicación

Comunicación Module
Colapsar
Aún no hay anuncio.

Guía ilustrada: Como instalar Banderas u otro dato en el Perfil del Usuario

Título Module
Mover Eliminar Colapsar
X
Módulo detalles de charla Module
Colapsar
  • Filtrar
  • Hora
  • Mostrar
Clear All
Nuevos mensajes

  • Guías Guía ilustrada: Como instalar Banderas u otro dato en el Perfil del Usuario

    Guía ilustrada: Como instalar Banderas u otro dato en el Perfil del Usuario.

    :datos:





    Primero hay que aclarar, que la hice basada en varias guías, entre ellas:
    Country Flags - Postbit & Postbit_Legacy. vB 4.0 Beta 4 - vBulletin.org Forum
    Country Flag and simcard model and .. - vBulletin.org Forum


    :descripcion:
    • Lo que se busca es insertar un campo nuevo en el perfil del usuario, que lo identifique, ya sea sexo, nacionalidad, marca de carro, preferencias de SO entre otros. Esta modificación se vera en el posbit y en el Perfil del Usuario, de forma textual o grafica (en nuestro caso buscamos que aparezca la imágenes gif de las banderas de nuestro país). Para ello se trabajara con una pequeña modificación en una plantilla.

    :requisitos:


    Tiempo Probable:
    • Menos de 5 minutos.

    Pasos:



    :instrucciones:


    1-Cerciorarse de tener todas las imágenes con sus respectivos nombres:



    2-Subir la carpeta flag por ftp a www.tusitio.com/images/buttons/


    3-Ingresamos a nuestro Panel de Administración de VB a Campos de Perfil:


    4-Seleccionamos Crear Nuevo Campo de Perfil, seguidamente en Tipo de Campo de Perfil, escogemos Menú de Selección Única y continuamos:


    5-Rellenamos los datos necesarios, yo lo llene de una forma, pero se puede variar a nuestro gusto (para modo ejemplo seguiré trabajando con field5 o Desplegar Orden 5, ustedes usarán el que tengan libre):

    Nota: La lista de países esta en el adjunto.


    6-Salvamos y nos queda de esta forma:



    7-Ahora vamos a modificar una plantilla. En Estilos y Plantillas, seleccionamos Buscar dentro de Plantillas y en el ingresamos:

    Código PHP:
    {vb:rawphrase 'posts'} {vb:raw post.posts




    8-Agregar después de
    Código PHP:
    {vb:rawphrase 'posts'} {vb:raw post.posts
    esto

    Código:
    <!-- Nacionalidad -->
     <vb:if condition="$post['field7']"><div class="post_field">
     <dt>Nacionalidad</dt>
     <vb:if condition="$post['field7']=='Espana'">
     <dd><img src="./images/buttons/flags/{vb:raw post.field7}.GIF" alt="España" /></dd>
     <vb:else />
     <dd><img src="./images/buttons/flags/{vb:raw post.field7}.GIF" alt="{vb:raw post.field7}" /></dd>
     </vb:if>
     </div>
     </vb:if>
     <!-- Fin Nacionalidad -->



    9-Salvamos y el resultado final es este:




    Agradecimientos:


    A
    Welshy2008 y Cobro por dicha modificación y por autorizar su traducción al Español.


    20-01-2010 23:46
    Salud2

    Adjunto

    Adjunto

  • #2
    Re: Guía ilustrada: Como instalar Banderas u otro dato en el Perfil del Usuario

    e fajado las flags pero falta el txt con sus names o devo copiar uno a uno ?


    otra cosa podras transcrivir el codigo en si de nacionalidad para no tener que copiar de la img

    desde ya gracias muy buen tuto

    Camentario


    • #3
      Re: Guía ilustrada: Como instalar Banderas u otro dato en el Perfil del Usuario

      Código:
      <!-- Inicio País -->
      <vb:if condition="$post['fieldX']"> <dt>País:</dt> <img src="{vb:stylevar imgdir_button}/flags/{vb:raw post.fieldX}.gif" alt="{vb:raw post.fieldX}" border="" /></vb:if>
      <!-- Fin País -->
      Cambia la X de "$post['fieldX']"> y de {vb:raw post.fieldX}.GIF por el nº de id del campo personalizado (en el ejemplo, el 5).

      Salud2

      Camentario


      • #4
        Re: Guía ilustrada: Como instalar Banderas u otro dato en el Perfil del Usuario

        exelente anda perfecto muchas gracias

        sin duda le da otro color a los foros

        Camentario


        • #5
          Re: Guía ilustrada: Como instalar Banderas u otro dato en el Perfil del Usuario

          Buena info men, ya la habias colocado con lo del sexo, ya que para Masculino o Femenino se miraba cool. Pero como siempre al pendiente y aunque no están todas las banderas, quizá sólo algunas podrían servirme. Pero en fin es muy bueno y ya asi se puede complementar al gusto.

          Un saludo enorme,,,,.,.

          Camentario


          • #6
            Re: Guía ilustrada: Como instalar Banderas u otro dato en el Perfil del Usuario

            Para añadir un campo personalizado es lo mismo. Cambia el id del campo y el texto e imágenes a colocar.

            Aún así, no viene mal como recordatorio.

            Salud2

            Camentario


            • #7
              Re: Guía ilustrada: Como instalar Banderas u otro dato en el Perfil del Usuario

              Hola,
              quería preguntar dos cosas (a riesgo de ser pesada ya...). La primera... el nombre del país no aparece junto a la bandera?

              Es que me gustaría aplicar el tema de las banderas a las asociaciones de la federación, para ello, subiría los minilogos de cada asociación, pero también me gustaría que apareciese el nombre... o lo añado al jpg, y así va todo junto?

              Otra cosa es que no encuentro en la plantilla la frasecita que pones... cuando le doy a buscar, se sale al menu principal. (Me refiero a cuando le doy a buscar:
              {vb:rawphrase 'posts'} {vb:raw post.posts}

              Nada, que no lo encuentra.. que puedo estar haciendo mal??

              Gracias.

              Camentario


              • #8
                Re: Guía ilustrada: Como instalar Banderas u otro dato en el Perfil del Usuario

                Iniciado por Alundra Ver mensaje
                Hola,
                quería preguntar dos cosas (a riesgo de ser pesada ya...). La primera... el nombre del país no aparece junto a la bandera?

                Es que me gustaría aplicar el tema de las banderas a las asociaciones de la federación, para ello, subiría los minilogos de cada asociación, pero también me gustaría que apareciese el nombre... o lo añado al jpg, y así va todo junto?
                Usa este código:
                Código:
                <!-- Inicio País -->
                <vb:if condition="$post['fieldX']"> <dt>País</dt> <dd>{vb:raw post.fieldX}</dd><img src="{vb:stylevar imgdir_button}/flags/{vb:raw post.fieldX}.gif" alt="{vb:raw post.fieldX}" border="" /></vb:if>
                <!-- Fin País -->
                Cambia la X de "$post['fieldX']"> y de {vb:raw post.fieldX}.GIF por el nº de id del campo personalizado (en el ejemplo, el 5).

                Iniciado por Alundra Ver mensaje
                Otra cosa es que no encuentro en la plantilla la frasecita que pones... cuando le doy a buscar, se sale al menu principal. (Me refiero a cuando le doy a buscar:
                {vb:rawphrase 'posts'} {vb:raw post.posts}

                Nada, que no lo encuentra.. que puedo estar haciendo mal??

                Gracias.
                Plantillas postbit y postbit_legacy (las dos). Busca:
                para postbit:
                Código PHP:
                                                        {vb:raw template_hook.postbit_userinfo_left
                para postbit_legacy:
                Código PHP:
                                {vb:raw template_hook.postbit_userinfo_right
                Justo antes debes de colocarlo.

                Salud2

                Camentario


                • #9
                  Re: Guía ilustrada: Como instalar Banderas u otro dato en el Perfil del Usuario

                  Ok, probaré, gracias.

                  Camentario


                  • #10
                    Re: Guía ilustrada: Como instalar Banderas u otro dato en el Perfil del Usuario

                    Hola,

                    A ver, creo que en principio sólo voy a poner el nombre de las asociaciones (en principio reservaré el tema de las imágenes para las nacionalidades)... me podríais indicar cual sería el texto que tendría que poner en el postbit? Me gustaría que apareciese algo así debajo de cada avatar:

                    Asociación:
                    xxxxxxxx


                    Gracias y perdonar tantas molestias...

                    Camentario


                    • #11
                      Re: Guía ilustrada: Como instalar Banderas u otro dato en el Perfil del Usuario

                      Código PHP:
                      <!-- Inicio Asociación -->
                      <
                      vb:if condition="$post['field7']"> <dt>Asociación</dt> <dd>{vb:raw post.field7}</dd></vb:if>
                      <!-- 
                      Fin Asociación --> 
                      Salud2

                      Camentario


                      • #12
                        Re: Guía ilustrada: Como instalar Banderas u otro dato en el Perfil del Usuario

                        Eres un solete... voy a intentarlo.

                        Gracias

                        Camentario


                        • #13
                          Re: Guía ilustrada: Como instalar Banderas u otro dato en el Perfil del Usuario

                          Hola lms,

                          Dos cosillas...

                          Una, que no se ven las banderitas de los paises... se ve el recuadro con una x, eso porqué puede ser??

                          La otra, que en el admin, se ha desplazado ese bloque a la derecha del avatar (bueno lo de asociación y lo de nacionalidad, quiero decir)... en vez de estar debajo como en los demás...

                          A ver si me puedes decir que he hecho mal..

                          Gracias.

                          Camentario


                          • #14
                            Re: Guía ilustrada: Como instalar Banderas u otro dato en el Perfil del Usuario

                            Bueno, lo de que se queda a la derecha del avatar ya sé que pasa.

                            Se queda a la derecha "si hay avatar".

                            Mientras no hay avatar puesto, los campos siguen en la parte inferior...

                            como lo podría arreglar? es que no queda muy estético que digamos...

                            Gracias

                            Camentario


                            • #15
                              Re: Guía ilustrada: Como instalar Banderas u otro dato en el Perfil del Usuario

                              La ruta de las imágenes la tienes mal (o no has subido las imágenes). Repasa.

                              Salud2

                              Camentario

                              Trabajando...
                              X