PDA

Ver la Versión Completa : Guías Guía ilustrada: Como instalar Banderas u otro dato en el Perfil del Usuario



lms
21/01/2010, 00:27
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 (Solo los usuarios registrados pueden ver enlaces)
Country Flag and simcard model and .. - vBulletin.org Forum (Solo los usuarios registrados pueden ver enlaces)

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


Tener las imágenes (en nuestro ejemplo gif de las banderas, 277)
Cualquier programa ftp.
Listas de las opciones (276).



Tiempo Probable:


Menos de 5 minutos.


Pasos:


:instrucciones:


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

Solo los usuarios registrados pueden ver enlaces (Solo los usuarios registrados pueden ver enlaces)

2-Subir la carpeta flag por ftp a Solo los usuarios registrados pueden ver enlaces
Solo los usuarios registrados pueden ver enlaces (Solo los usuarios registrados pueden ver enlaces)

3-Ingresamos a nuestro Panel de Administración de VB a Campos de Perfil:
Solo los usuarios registrados pueden ver enlaces (Solo los usuarios registrados pueden ver enlaces)

4-Seleccionamos Crear Nuevo Campo de Perfil, seguidamente en Tipo de Campo de Perfil, escogemos Menú de Selección Única y continuamos:
Solo los usuarios registrados pueden ver enlaces (Solo los usuarios registrados pueden ver enlaces)

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 usaran el que tengan libre):
Solo los usuarios registrados pueden ver enlaces (Solo los usuarios registrados pueden ver enlaces)
Nota: La lista de países esta en el adjunto.


6-Salvamos y nos queda de esta forma:
Solo los usuarios registrados pueden ver enlaces (Solo los usuarios registrados pueden ver enlaces)


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

{vb:rawphrase 'posts'} {vb:raw post.posts}



Solo los usuarios registrados pueden ver enlaces (Solo los usuarios registrados pueden ver enlaces)

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

Código:



Nacionalidad
Solo los usuarios registrados pueden ver enlaces{vb:stylevar imgdir_button}/flags/{vb:raw post.field5}.GIF


Solo los usuarios registrados pueden ver enlaces (Solo los usuarios registrados pueden ver enlaces)


9-Salvamos y el resultado final es este:
Solo los usuarios registrados pueden ver enlaces (Solo los usuarios registrados pueden ver enlaces)



Agradecimientos:


A Welshy2008 (Solo los usuarios registrados pueden ver enlaces) y Cobro (Solo los usuarios registrados pueden ver enlaces) por dicha modificación (Solo los usuarios registrados pueden ver enlaces) y por autorizar su traducción al Español.


20-01-2010 23:46
Salud2

276

277

quito12
21/01/2010, 04:26
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

lms
21/01/2010, 09:17
<!-- 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

quito12
21/01/2010, 16:40
exelente anda perfecto muchas gracias

sin duda le da otro color a los foros

Dark Neo
22/01/2010, 00:29
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,,,,.,.

lms
22/01/2010, 00:58
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

Alundra
15/08/2010, 20:11
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.

lms
15/08/2010, 22:29
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:

<!-- 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).


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:

{vb:raw template_hook.postbit_userinfo_left}
para postbit_legacy:

{vb:raw template_hook.postbit_userinfo_right}

Justo antes debes de colocarlo.

Salud2

Alundra
15/08/2010, 23:20
Ok, probaré, gracias.

Alundra
16/08/2010, 22:37
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...

lms
17/08/2010, 00:59
<!-- Inicio Asociación -->
<vb:if condition="$post['field7']"> <dt>Asociación</dt> <dd>{vb:raw post.field7}</dd></vb:if>
<!-- Fin Asociación -->

Salud2

Alundra
17/08/2010, 01:27
Eres un solete... voy a intentarlo.

Gracias

Alundra
17/08/2010, 14:29
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.

Alundra
17/08/2010, 15:03
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

lms
17/08/2010, 18:01
La ruta de las imágenes la tienes mal (o no has subido las imágenes). Repasa.

Salud2

Alundra
17/08/2010, 20:18
Ok,

te pongo unas capturas de pantalla, para que veas lo que he puesto en la plantilla (que es lo que tú ponías en tu mensaje, yo solo hice copy-pega y cambié el numero del campo... y he repasado, pero lo veo igual...), y lo que sale en el foro:

Solo los usuarios registrados pueden ver enlaces

Solo los usuarios registrados pueden ver enlaces



la banderita, antes salía bajo el nombre, ahora vuelve a salir debajo.. en fin, cada vez sale donde quiere, jejej...

Saludos

Alundra
17/08/2010, 20:23
No he podido editar el mensaje anterior... te pongo aquí la imagen con el avatar, y como ves, la información sale en el lado, en vez de abajo.

Solo los usuarios registrados pueden ver enlaces

lms
17/08/2010, 22:36
Coloca la bandera de Europa en el directorio flags en buttons, o sea, image/buttons/flags. Como la extensión de los archivos de imagen es .gif (en minúscula) cambia el texto <img src="{vb:stylevar imgdir_button}/flags/{vb:raw post.fieldX}.GIF" por <img src="{vb:stylevar imgdir_button}/flags/{vb:raw post.fieldX}.gif" y me dices si te aparece. Ten en cuenta que si tienes un estilo instalado, el directorio flags debe de estar ubicado en el directorio buttons de cada estilo.

Querría que me pasases el texto de tus plantillas posbit ya que veo que no coincide con el mio (hazlo por MP).

Salud2

Alundra
17/08/2010, 22:58
Hola

No da resultado.
De todas formas, decirte que los archivos de todas las banderas, sí que van con GIF (en mayúsculas)... o sea que creo que está mejor la frase como estaba, pero aún así he probado por si acaso, pero nada.

No tengo más estilos instalados que el que había por defecto, porque estuve buscando pero no me ha convencido ninguno... aunque hay uno que me gusta bastante, pero no sé como se llama y no lo puedo localizar, luego te diré donde lo he visto, porque es muy clásico y seguro que cuando lo veas tú sí vas a saber como se llama...

Bueno, ahora el tema es que sigue la cosa como estaba... enseguida te mando la plantilla por mp.

Te mando las dos... la postbit y la postbit legacy??

lms
18/08/2010, 08:54
A ser posible, si

Salud2

Alundra
18/08/2010, 09:41
Te las acabo de enviar.

Saludos

lms
18/08/2010, 17:40
Te acabo de responder.

Las tienes perfectas salvo (a lo mejor) las rutas de las imágenes de las banderas.

Salud2

lms
18/08/2010, 18:17
Dejo el paquete de banderas que hay aquí instalado (en adjuntos en el primer post - banderas.zip).

Salud2

Alundra
19/08/2010, 10:30
Hola, te he enviado un privado. Yo es que debo ser muy torpe, pero no veo las banderas en el archivo que has enviado, jeje...

lms
19/08/2010, 17:24
Las tienes en elprimer post, como adjuntos, y se llaman flags1, flags2 y flags3.

Salud2

lms
19/08/2010, 20:03
Prueba con este código (o el que tengas):
Busca:

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

<!-- Inicio Nacionalidad -->
<vb:if condition="$post['field8']"> <dt>País</dt> <dd>{vb:raw post.field8}</dd><img src="{vb:stylevar imgdir_button}/flags/{vb:raw post.field8}.gif" alt="{vb:raw post.field8}" border="" /></vb:if>
<!-- Fin Nacionalidad -->
{vb:raw template_hook.postbit_userinfo_left}
Y pon en su vez:

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

<!-- Inicio Nacionalidad -->
<vb:if condition="$post['field8']"><dt>País</dt> <dd>{vb:raw post.field8}</dd><img src="{vb:stylevar imgdir_button}/flags/{vb:raw post.field8}.gif" alt="{vb:raw post.field8}" border="" /></vb:if>
<!-- Fin Nacionalidad -->
{vb:raw template_hook.postbit_userinfo_left}

Fíjate que he quitado dos espacios de "$post['field6']"> <dt>Asociación:</dt> y "$post['field8']"> <dt>País</dt>

A ver si así te aparecen abajo en vez de al lado.

Salud2

Alundra
19/08/2010, 23:14
jeje.. nada, he conseguido que se vean las banderas, eso sí, pero los datos siguen apareciendo a la derecha.

Saludos.

Alundra
20/08/2010, 12:06
CONSEGUIDO!!!!

Gracias por todo, lms, al fin, después de muchas vueltas, hemos podido colocar la info en el lugar que quería, bajo el avatar:

Solo los usuarios registrados pueden ver enlaces
Verdad que queda mucho mejor??

Saludos.

lms
20/08/2010, 17:44
Sí. Mucho mejor.

No me importa que me digais como lo habéis hecho ya que aún no he instalado la versión 4.0.6 y lo haré en breve y, supongo, tendré el mismo problema (es más fácil así y queda para el resto).

Salud2

Alundra
22/08/2010, 23:19
Perdona que no haya pasado antes, pero es que me fuí el finde y no he vuelto hasta ahora mismo.

Por supuesto que os pongo cómo lo he hecho.

He de decir, que además de vuestra ayuda, he contado con la de mi marido, que a pesar de no tener mucha idea de estas cosas estuvo dándole vueltas conmigo y buscando, hasta que al final, dimos con lo que queríamos poner... incluso hemos puesto la asociación en negrita, nos pareció que quedaría mejor, jeje..

En fin.. os dejo el trozo de la plantilla para que veais cómo lo he dejado:

Plantilla POSTBIT

{vb:raw template_hook.postbit_userinfo_left}

Y justo, debajo:


<!-- Inicio Asociación -->
<br clear=left>
<vb:if condition="$post['field6']"><dt>Asociación:</dt>
<B><dd>{vb:raw post.field6}</dd> </B> </vb:if>
<!-- Fin Asociación -->

<!-- Inicio Nacionalidad -->
<vb:if condition="$post['field8']">
<dt>Nacionalidad</dt>
<vb:if condition="$post['field8']=='España'">
<img src="\foro\images\buttons\flags\Espana.GIF" alt="España" border="" />
<vb:else />
<img src="\foro\images\buttons\flags\{vb:raw post.field8}.GIF" alt="{vb:raw post.field8}" border="" />
</vb:if>
</vb:if>
<!-- Fin Nacionalidad -->

Plantilla POSTBIT LEGACY

{vb:raw template_hook.postbit_userinfo_right}

Y justo, debajo:


<!-- Inicio Asociación -->
<br clear=left>
<vb:if condition="$post['field6']"><dt>Asociación:</dt> <B> <dd>{vb:raw post.field6}</dd> </B> </vb:if>
<!-- Fin Asociación -->

<!-- Inicio Nacionalidad -->
<vb:if condition="$post['field8']">
<dt>Nacionalidad</dt>
<vb:if condition="$post['field8']=='España'">
<img src="\foro\images\buttons\flags\Espana.GIF" alt="España" border="" />
<vb:else />
<img src="\foro\images\buttons\flags\{vb:raw post.field8}.GIF" alt="{vb:raw post.field8}" border="" />
</vb:if>
</vb:if>
<!-- Fin Nacionalidad -->

Espero que esto os sirva de ayuda.
A mí desde luego me gusta el resultado, jejejj y ya no lo toco.

Un saludo.

lms
22/08/2010, 23:52
Muy bueno el condicional para que figure la Ñ de España.

Gracias.

Salud2

leiitoh
06/12/2010, 22:16
Espectacular el tutorial, gracias men!!! Me re sirvio :d

Pachacutec
28/12/2010, 22:08
Saludos y perdon por esto pero soy novato y bueno no se como subir las imagenes :( me indican paso a paso?

lms
29/12/2010, 03:51
Eso es manejo de ftp. Debes de subirlas al directorio tuforo/images/buttons/flags (deberás crear el directorio flags dentro del directorio buttons existente) por FTP. El manejo del FTP depende del programa que uses. ¿Cual es?

Salud2

BYG
16/10/2011, 13:59
Para todo aquel que no le salgan las banderas de paises en su foro vBulletin 4.1.2 ,os dejo aqui el código que yo he puesto en mi postbit_legacy y salen a la primera:


<vb:if condition="$post['field5']"><div class="post_field"><dt>País</dt> <dd><img src="{vb:stylevar imgdir_button}/flags/{vb:raw post.field5}.GIF" alt="{vb:raw post.field5}" border="" /></dd></div></vb:if>

Por supuesto en donde pone field5 ,debeis cambiar el número por el de vuestro perfil personalizado.

Espero les sirva, saludos.