Bueno, un foro tiene un efecto en los iconos de perfil que me gustó mucho y quisiera saber algún código css para lograrlo.Así lo tengo yo:


Así quiero que quede:



Gracias de antemano ;D

pasame el foro para ver el codigo.

Ok ;D

.contatc {
background-image: url("https://i.servimg.com/u/f47/14/77/93/81/backgr10.png");
background-repeat: repeat;
border-top-width: 1px;
border: 1px solid #303030;
text-align: center;
height: 30px;
padding-top: 10px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

prueba con este codigo, si no funciona, tendrias que pedir el codigo al dueño del foro porque me parece que es una edicion del template.

Pues no, no funcionó u.u
el dueño de ese foro desapareció xDD
mejor espero haber si alguien sabe como ;D

Código:

.user-contact {
background-image: url("http://i47.servimg.com/u/f47/14/77/93/81/backgr10.png");
background-repeat: repeat;
border-top-width: 1px;
border: 1px solid #303030;
text-align: center;
height: 30px;
padding-top: 10px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

ahora solo usa unas imagenes que queden bien , saludos.

Hay alguna forma de centrar las imágenes de los iconos?

up...

Slash+ escribió:Hay alguna forma de centrar las imágenes de los iconos?

no te conformas con nada eh?.

y no, no se puede.

jeje es lo único que falta xD

aquí se muestra que sí:

Slash+ escribió:Ok ;D

Podes tener mas cuidado flaco? pone en spoiler los links.

Está en oculto pero como eres admin lo puedes ver jojo

upppppppppppppppppppppppppppppppppppppppppppppp
ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp

up

Código:

.user-contact {
background-image: url("http://i47.servimg.com/u/f47/14/77/93/81/backgr10.png");
background-repeat: repeat;
border-top-width: 1px;
border: 1px solid #303030;
text-align: center;
height: 30px;
padding-top: 10px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
float: center;

}

Creo que ahí?

Mmm...no, sigue igual :S

Siempre me há costado centrar las cosas xdd

Código:

.user-contact {
background-image: url("http://i47.servimg.com/u/f47/14/77/93/81/backgr10.png");
background-repeat: repeat;
border-top-width: 1px;
border: 1px solid #303030;
text-align: center;
height: 30px;
padding-top: 10px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
float: center;
margin-left: 35%;
align: center;
text-align: center;
}

Ahora ?

jeje no, se centró pero todo, se pusieron aun lado de los de edición xD

up

up

Tienes que hacer edición de templates, ve a PA>Visualización>Templates>General>Viewtopic_body ,busca esto

Código:

<div class="user-contact">
                     {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
                  </div>

y reemplazalo por esto

Código:

<div class="user-contact">
                     <center>{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}</center><!-- BEGIN contact_field --> <center>{postrow.displayed.contact_field.CONTENT}</center><!-- END contact_field -->
                  </div>

Solo queda un último problema...al momento de poner ese código sólo acepta tres imágenes, al momento de aparecer la cuarta y quinta se ponen debajo de la segunda..es extraño....mira:
no creo que sea por el tamaño del cuadro puesto que se pondrían abajo del primero o tercero..pero no del segundo...

Entonces reemplazalo por este

Código:

<div class="user-contact">
                    <center>{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field -->{postrow.displayed.contact_field.CONTENT}</center><!-- END contact_field -->
                  </div>

Pero ahora la cuarta o quinta imagen aparece debajo de la primera...
osea, borro la imagen del sitio web pero aun así aparece la otra de bajo de la primera..porqué?

Ah.. que raro, xd intenta con ese a ver..

Código:

<center><div class="user-contact">
                  <center>{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field -->{postrow.displayed.contact_field.CONTENT}<!-- END contact_field --></center>
                  </div></center>

Y agrega este CSS

Código:

.user-contact {width: 100%;}