FontAwesome en el perfil, mp, foro y ficha en la caja de perfil

Vie Ene 12, 2018 5:26 pm

Hola, he visto en un foro que puede colocar el FontAwesome como opción en lugar de colocar imágenes en el perfil del cuadro de perfil. Mi foro tiene FontAwesome, sólo quería saber cómo poner.

Previa del sitio del foro en el que vi:
FontAwesome en el perfil, mp, foro y ficha en la caja de perfil Opera_12

FontAwesome en el perfil, mp, foro y ficha en la caja de perfil Opera_12

¡Agradezco si me ayudan! FontAwesome en el perfil, mp, foro y ficha en la caja de perfil 915109

Sáb Ene 13, 2018 11:37 am

Hola Mayu, trataré de responder aunque no he usado FontAwesome personalmente, sino Ionicons así que de cierta forma es similar.

1. Tener instalada la font (la cual dices que ya tienes) FontAwesome en el perfil, mp, foro y ficha en la caja de perfil 1f44c

FontAwesome en el perfil, mp, foro y ficha en la caja de perfil 1f44c

2. Ir a los templates del foro, en este caso editaremos el perfil (como la imagen que pusiste de ejemplo) así que abrimos el template viewtopic_body (Anuncio de un tema)
3. Buscamos la parte que deseas cambiar, en este caso las imagenes de Ver Perfil, Enviar MP, Email, etc que sería esta:

Código:: <dd> {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} {postrow.displayed.contact_field.CONTENT} </dd>

4. Cambiamos cada parte con un elemento div y con una letra según la imagen que desees:

Código:: {postrow.displayed.PROFILE_IMG} > VER PERFIL {postrow.displayed.PM_IMG} > ENVIAR MP {postrow.displayed.EMAIL_IMG} > ENVIAR EMAIL {postrow.displayed.contact_field.CONTENT} > OTRO CAMPO QUE AGREGUES

Código:: <a class="fontA" href="{postrow.displayed.PROFILE_IMG}">A</a> <a class="fontA" href="{postrow.displayed.PM_IMG}">B</a> <a class="fontA" href="{postrow.displayed.EMAIL_IMG}">C</a> <a class="fontA" href="{postrow.displayed.contact_field.CONTENT}">D</a>

Entonces vas a agregar en el CSS los elementos para estilizarlo como quieras:

Código:: a.fontA { display: inline-block; font-family: FontAwesome; color:white; font-size:25px; margin:5px; }

Y creo que eso es todo FontAwesome en el perfil, mp, foro y ficha en la caja de perfil 3384307471

Si no funciona te recomiendo leer este tutorial para editar elementos usando javascript, que se encuentra en el panel de Avanzado de nuestros tutos de códigos.

PD. Necesitas tener más de 25 mensajes publicados para ver este panel.

Dom Ene 14, 2018 5:42 pm

¡Muchas gracias por responderme!

No funcionó muy bien, queda apareciendo esas cosas:

FontAwesome en el perfil, mp, foro y ficha en la caja de perfil Opera_14

FontAwesome en el perfil, mp, foro y ficha en la caja de perfil Opera_14

Las letras que puedo borrar, pero aún así aparecen las puntuaciones. FontAwesome en el perfil, mp, foro y ficha en la caja de perfil 211071935

Lun Ene 15, 2018 10:12 am

Hola, estuve revisando esto pero parece que no es posible sin que se haga con javascript, incluso busque una forma de usar fontAwesome en el foro de asistencia de Foroactivo pero no encontré nada. ¿Podrías dejarme link del foro en que viste esto por favor?

La única forma que se me ocurre para cambiarlo es solo con estos dos campos:

Código:: <a class="fontA" href="{USERLINK}">A</a> <a class="fontA" href="http://dixinmortal.vampire-legend.net/privmsg?mode=post&u=">B</a>

Dom Ene 21, 2018 11:12 pm

Gracias!

He visto esta función aquí:
http://londoncity-rpg.foroactivo.com

Lun Ene 22, 2018 12:16 pm

Hola Mayu, estuve revisando elforo que me pasaste y efectivamente no son imágenes, pero, tampoco es FontAwesome, el admin está usando iconos, así como aquí en Dix, tiene instalada la Font de iconos en el skin y solo usa el código de icono para colocarlo, y también otra cosa que vi es que el admin uso Javascript en algunas partes para hacer su perfil. Creo que lo mejor (y lo más fácil) sería usando elementos de ::before o ::after en los que quieres cambiar junto con el nth-child.

Y te quedaría algo así, claro que tu puedes sustituir la palabra 'PERFIL' con la letra del FontAwesome que tu desees.
FontAwesome en el perfil, mp, foro y ficha en la caja de perfil Immpyvv3SlKVC2QddyjArw

FontAwesome en el perfil, mp, foro y ficha en la caja de perfil Immpyvv3SlKVC2QddyjArw

FontAwesome en el perfil, mp, foro y ficha en la caja de perfil 882850440

Elementos

Dragon Ball

Pronto

Paraíso Personal

Amor y Amistad

Conejo de Pascua

FontAwesome en el perfil, mp, foro y ficha en la caja de perfil