Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje16-01-2012, 21:46 (UTC)    
Título del mensaje: [CSS] Pequeño Avatar | Extra Foro

Hola!,

En esta ocacion les entrego un codigo css bastante sensillo, generalmente los saco de otros aportes echo por usuarios y los modifico logrando otras cosas.

Aqui esta el codigo:
Cita:
<style>td[width="123"] a[href="profil-NUMERO DE USUARIO.htm"]{
background-image: url('URL DEL AVATAR');
background-repeat: no-repeat;
background-position: center left;
padding-top: 76px;}

td[width="123"]{padding-left:2px;padding-top:59px;
padding-width:59px; background-image: url('IMAGEN NO AVATAR'); background-repeat: no-repeat;}
</style>


Explicare brevemente el codigo y el tamaño del avatar.
Tamaño del Avatar: 38 x 50 px (38px de alto y 50px de ancho)
El color Rojo: Hay tenemos que poner el numero de usuario, por ejemplo 1,2,3.
El color Azul: Hay tenemos que poner la url de la imagen del avatar.
El color Marron: Es la imagen del no avatar, esta se asignara siempre la misma a todos los usuarios que no tengan avatar, es importante que sea mas chica de 38 x 50px dado que cuando coloquemos el avatar al usuario esta quedara por debajo.

Vista Previa:
design-pwg.es.tl/Foro/thema-1-prueba.htm

Saludos!
Moderador Design-PWG.

______________

10 años ayudando a PWG.

Soporte PWG: ayuda@paginawebgratis.es
Reportes: support-es@webme.com
Mensaje16-01-2012, 21:57 (UTC)    
Título del mensaje: Re: [CSS] Pequeño Avatar | Extra Foro

Buen Aporte ! y Interesante Código

+10
Mensaje16-01-2012, 22:42 (UTC)    
Título del mensaje:

Buen codigo aunque seria mejor que el usuario pudiera cambiar la imagen de perfil,pero esta bien 9.5/10

Saludos
______________

Noticias Relevantes
Diablo III llegara el 15 de mayo
Se desvela Angry Birds Space
Call of Duty: Black Ops 2 podria anunciarse el 28
La portatil Neo Geo es oficial
Hemos activado nuestro foro... ¡ Entrar al foro !


Ultima edición por noti-gamer el Lun Ene 16, 2012 6:43 pm; editado 1 vez
Mensaje18-01-2012, 15:39 (UTC)    
Título del mensaje:

Gracias por comentar a los dos.

@noti-gammer
: como todos sabemos el extra foro es muy basico y creando un formulario tipo contacto se puede usar tranquilamente.

Saludos!
Moderador Design-PWG.

______________

10 años ayudando a PWG.

Soporte PWG: ayuda@paginawebgratis.es
Reportes: support-es@webme.com


Ultima edición por design-pwg el Mie Ene 18, 2012 11:39 am; editado 1 vez
Mensaje18-01-2012, 17:17 (UTC)    
Título del mensaje:

Buen aporte me gusta :P! muy util sera :P
Mensaje18-01-2012, 17:43 (UTC)    
Título del mensaje: Re: [CSS] Pequeño Avatar | Extra Foro

El codigo es similar a este:
http://www.paginawebgratis.es/forum/viewtopic.php?t=62487

Me gusto mucho el codigo, lo usare para ponerme una imagen ami xD

Gracias :D
______________
Es una reina, es una reina, fiesta fiesta. Tito el bambino
Mensaje19-01-2012, 03:00 (UTC)    
Título del mensaje: graciasss

justo lo que estaba buscando gracias , intente hacerlo yo pero no lo logre
______________
WebTwo de RadioVijaer.
Mensaje19-01-2012, 06:42 (UTC)    
Título del mensaje:

Muchas gracias por los comentarios. @brianpwg especifique claramente que el codigo es modificado de otros aportes.

Cita:
Generalmente los saco de otros aportes echo por usuarios y los modifico logrando otras cosas.


Saludos!
______________

10 años ayudando a PWG.

Soporte PWG: ayuda@paginawebgratis.es
Reportes: support-es@webme.com
Mensaje21-01-2012, 17:29 (UTC)    
Título del mensaje: VAYA

REALMENTE IMPRESIONANTE ^__^
______________
Reglas de PWG: http://www.paginawebgratis.es/forum/viewtopic.php?t=50516
Reglas del Foro: http://www.paginawebgratis.es/forum/viewtopic.php?t=22887
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group