LOG IN
Usuario:

Contraseña:


Últimos temas
» [PHPBB3] Tema Ubuntu
Avatar y Nombre de usuario. EmptyMar Feb 27, 2024 10:22 am por hoanglongnhatbao

» [PHPBB3] Fondo y otros efectos al texto llamado "Por X" debajo de los titulos de los post.
Avatar y Nombre de usuario. EmptyMar Mayo 30, 2023 8:52 am por hoanglongnhatbao

» Skin: Academy [Adaptado por: 15-tronos]
Avatar y Nombre de usuario. EmptyMar Mayo 30, 2023 8:47 am por hoanglongnhatbao

» [PHPBB3] KN-Anime - VAngel.
Avatar y Nombre de usuario. EmptyMar Mayo 30, 2023 8:46 am por hoanglongnhatbao

» [PHPBB3] Element Professional Style
Avatar y Nombre de usuario. EmptyMar Mayo 30, 2023 8:45 am por hoanglongnhatbao

» Menu minimalista
Avatar y Nombre de usuario. EmptyMar Mayo 30, 2023 8:44 am por hoanglongnhatbao

» [Todas] Efecto Slider Transition en el Logo
Avatar y Nombre de usuario. EmptyMar Mayo 30, 2023 8:43 am por hoanglongnhatbao

» [PHPBB3] Mejores Posteadores flotantes.
Avatar y Nombre de usuario. EmptyMar Mayo 30, 2023 8:41 am por hoanglongnhatbao

» [phpbb3] Agrandar el nombre de usuario en el perfil
Avatar y Nombre de usuario. EmptyMar Mayo 30, 2023 8:41 am por hoanglongnhatbao

Estadísticas
Tenemos 2351 miembros registrados
El último usuario registrado es Jhunky

Nuestros miembros han publicado un total de 41254 mensajes en 3360 argumentos.
Afiliados





No estás conectado. Conéctate o registrate

Ver el tema anterior Ver el tema siguiente Ir abajo  Mensaje [Página 1 de 1.]


1Avatar y Nombre de usuario. Empty Avatar y Nombre de usuario. Dom Jul 08, 2012 5:26 am

Toreto

Toreto
+100 post
Hola amigos Encantado
Pues vi que en el chat no me podrian ayudar y bueno aca lo hago.

Mi idea es saber cual es el codigo js para colocar e AVATAR y Nombre del usuario como tiene WD ahora.
Mi idea es tambien si podrian idear el css si no es mucho pedirles si no, no. Pero bueno, lo que basicamente quiero es que el usuario de foro al entrar al indice le salga su avatar y nombre. No se si me entiendan :S

Ejemplo: http://img.webme.com/pic/a/abstract-design/1.png


2Avatar y Nombre de usuario. Empty Re: Avatar y Nombre de usuario. Lun Jul 09, 2012 4:14 am

Toreto

Toreto
+100 post
up


3Avatar y Nombre de usuario. Empty Re: Avatar y Nombre de usuario. Lun Jul 09, 2012 6:04 am

Ayax

Ayax
Mod.Códigos
Según tengo entendido yo eso es el widget "conectarse" ó "conexión" , y se edita con templates, podrías dejar tu versión para darte el código, y para el nombre se usa esto
Código:
{USERNAME}
Se puede usar en los post o en los widgets y varias partes más pero en los templates y paginas HTML no... Zombie

http://biohazard.webmaster-foro.com

4Avatar y Nombre de usuario. Empty Re: Avatar y Nombre de usuario. Lun Jul 09, 2012 6:53 am

Toreto

Toreto
+100 post
punbb es mi version


5Avatar y Nombre de usuario. Empty Re: Avatar y Nombre de usuario. Lun Jul 09, 2012 7:26 am

Ayax

Ayax
Mod.Códigos
Zombie Bueno tendrás que editar el template que se encuentra en PA>Visualización>Templates>Portal>mod_login
Y buscas esto
Código:
<!-- BEGIN switch_profile -->
   <div class="main-head"><h3>{USERNAME}</h3></div>
   <div class="main-content clearfix details">
   <div class="left">
      {USERNAME_AVATAR}
   </div>
   <div><dl class="lftmodlebio">
      <dt>{L_MESSAGES}: </dt>
      <dd> <strong>{NB_MESSAGES}</strong></dd>
      <dt>{L_PM}: </dt>
      <dd> {NB_PM_UNREAD} / {NB_PM_READ}</dd>
      <dd style="text-align: center;"><a href="{U_PROFILE}">{L_MY_PROFILE}</a></dd>
          </dl></div>
   </div>
   <!-- END switch_profile -->

Y reemplazalo por esto
Código:
<!-- BEGIN switch_profile -->
   <div class="ayaxbac">
<div class="ayaxcontent">
<center><table><td><div class="ayaxavatar">{USERNAME_AVATAR}</div></td><td><strong>{USERNAME}</strong></td><td>INFORMACIÓN ADICIONAL</td></table></center>
   </div></div>
   <!-- END switch_profile -->

Luego vé a los CSS y agrega este CSS
Código:
#pun {padding-top: 200px;} .ayaxbac {position: absolute; left: auto; right: auto; top: 10px; background: url(http://29.media.tumblr.com/tumblr_luclzukrLU1qmmxb9o1_400.jpg); padding: 10px;}
.ayaxcontent {background: rgba(0, 0, 0, .1); text-align: center;color: #8A8A8A;margin: auto; box-shadow: 0px 0px 5px black;}

Puedes moverlo hacia abajo o hacia arriba con esto
"top: 10px;"
Que está en el "Ayaxbac"

http://biohazard.webmaster-foro.com

6Avatar y Nombre de usuario. Empty Re: Avatar y Nombre de usuario. Lun Jul 09, 2012 10:07 pm

Toreto

Toreto
+100 post
che, me entendiste lo que quiero hacer?


7Avatar y Nombre de usuario. Empty Re: Avatar y Nombre de usuario. Lun Jul 09, 2012 10:56 pm

Ayax

Ayax
Mod.Códigos
Sí, es lo mismo que está acá en webdesign no?
Bueno si sabes de HTML puedes hacerlo tu mismo con algunos div, el del avatar es este código
Código:
{USERNAME_AVATAR}
Que está y puede estar "Solo" en el template de mod_login
y el del nombre es este
Código:
{USERNAME}
Que puede estar en casi cualquier parte, los puedes posicionar como tu quieras.

http://biohazard.webmaster-foro.com

8Avatar y Nombre de usuario. Empty Re: Avatar y Nombre de usuario. Lun Jul 09, 2012 10:59 pm

Flerex

Flerex
+200 post
No, ayax. No es el widget de conexión.

No se permite dar el código ya que lo está utilizando WebD.

Saludos.

http://www.andorthel.com

Contenido patrocinado


Ver el tema anterior Ver el tema siguiente Volver arriba  Mensaje [Página 1 de 1.]

Permisos de este foro:
No puedes responder a temas en este foro.