Últimos temas
02. Libro de firmasVie Dic 14, 2018 6:30 pmcellet
NEOARGHIA +18 (ÉLITE)Miér Dic 05, 2018 12:07 pmRoshio
[Duda] Resuelto | Eliminar fondo Miér Nov 21, 2018 1:35 pmangiee
[Duda] El css se pierde.Vie Oct 19, 2018 3:57 pmangiee
élite + brothersites
vududoll ➹ reviews

Comparte
Ver el tema anteriorIr abajoVer el tema siguiente
avatar
user nuevo
el Miér Abr 11, 2018 6:24 pm
Mensajes :
30


Blood :
6555


Frase :
All that I want
Is to wake up fine
Tell me that I'm alright
That I ain't gonna die


Ok, tengo una duda que llevo tratando de resolver desde hace ya un tiempo y no logro dar con la solución, un par de personas me han explicado (a las cuales agradezco muchísimo) pero no entiendo, necesito que me detallen punto por punto las cosas y en fin, pido disculpas si no me he explico bien y por favor ténganme paciencia.

Tengo rato tratando de editar la pagina de perfil sencillo del foro, este de aquí:

Lo que trato de hacer es que quede así:


Cuando meto codes y todo eso logro que quede de esta forma:

Todo bien hasta ahí, pero luego cuando muevo la imagen para que quede junto al nombre como en la segunda captura, pasa esto:

Queda el espacio en donde se supone que estaba la imagen antes y pues ese vacío que queda se ve mal.
No se como arreglarlo, ya no se como moverlo con css, he tratado demasiado, ya me duele la cabeza, pero se que se puede y voy a hacerlo. Pero ya me di cuenta que necesito ayuda, así que si hay alguien que me brinde un consejito para poder lograr lo que quiero, que es dejar la imagen arriba junto al nombre y quitar el espacio que deja en el campo de datos, se lo agradeceré mucho y se irá al cielo con todo y tenis.

Gracias!
Ver perfil de usuario
Mensajes :
30


Blood :
6555


Frase :
All that I want
Is to wake up fine
Tell me that I'm alright
That I ain't gonna die


avatar
sub-moderador
el Jue Abr 12, 2018 2:12 am
Mensajes :
236


Blood :
43387


Frase :
________________________


Tenerme a mí es tenerlo todo, no hay escudo más poderoso, no hay recompensa más grande.

________________________




Reputación del mensaje :100% (1 voto)
¡Buenas, Blair!  

Para poder ayudarte necesitaría ver el code que utilizaste, al menos el del recuadro y lo que hay dentro que contiene los datos de perfil para saber a qué le tienes qué mover en el CSS para quitar el espacio que te desagrada. Otra opción sería poner el enlace al foro, pero sólo serviría si los invitados podemos ver el perfil de los usuarios. A simple vista sólo podría decirte que parece que el espacio se genera porque hay un div que no quitaste dentro del recuadro, pero no puedo saberlo con certeza si no sé como está construido el code.

¡Saludos!








Ver perfil de usuario
Mensajes :
236


Blood :
43387


Frase :
________________________


Tenerme a mí es tenerlo todo, no hay escudo más poderoso, no hay recompensa más grande.

________________________




avatar
user nuevo
el Jue Abr 12, 2018 9:14 am
Mensajes :
30


Blood :
6555


Frase :
All that I want
Is to wake up fine
Tell me that I'm alright
That I ain't gonna die


1. Muchas gracias por responder
2. Si bien te entendí, este es el code que ocupo para mover la imagen


Te dejo el link del perfil

Ver perfil de usuario
Mensajes :
30


Blood :
6555


Frase :
All that I want
Is to wake up fine
Tell me that I'm alright
That I ain't gonna die


avatar
sub-moderador
el Vie Abr 13, 2018 12:15 am
Mensajes :
236


Blood :
43387


Frase :
________________________


Tenerme a mí es tenerlo todo, no hay escudo más poderoso, no hay recompensa más grande.

________________________




Reputación del mensaje :100% (1 voto)
¡Uy! No sé si la forma en que yo lo estoy viendo es correcta y aparezcan todos los datos, a mí me aparece el perfil de esta manera en el foro de prueba que me pasaste. Si es correcto o si es así como debe de verse dime, por favor, es decir, no se ve fiel al de tu ejemplo.



Si hay algo de lo que me di cuenta, es que la imagen dentro del circulo, del gif, se ve un poco más arriba de lo que debería. Puedes acomodarlo desde el CSS, a mí me aparece:

Código:
div.prole:nth-child(1) {
    position: relative;
    width: 80px;
    height: 80px;
    overflow: hidden;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    top: -140px;
    left: -540px;
    border: 5px solid #f5f5f5;
}


el top de -140px, lo puse en -126px y se ve un poco más centrado.

También lo que noté es que el cuadro de los datos se ve un poco desproporcionado al de la foto de perfil, si así es como deses que se quede está bien, pero si deseas que esté del mismo tamaño, puedes cambiar el height de 500px  por 400px:


Código:
.profings {
    display: block;
    margin: 10px auto;
    background: #202020;
    padding: 10px;
    border: 1px solid #333333;
    width: 300px;
    height: 400px;
}


Si te sigue apareciendo el espacio ése que mencionas creo que la solición es agregarle también un top, en el CSS el original es éste:

Código:
.prole {
    display: block;
    padding: 5px;
    width: 250px;
    position: relative;
    background: #0f0f0f;
    float: right;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    color: #eeeeee;
    font-weight: bold;
    text-shadows: 1px 1px 1px #0f0f0f;
    margin-bottom: 5px;
    top: -80px;
}

como puedes ver al final del code puse un top de -80px, tú puedes cambiarle el número como desees, espero que eso haya resulto el problema del espaciado superior. Por favor, hazme saber si puede resolver tu problema.








Ver perfil de usuario
Mensajes :
236


Blood :
43387


Frase :
________________________


Tenerme a mí es tenerlo todo, no hay escudo más poderoso, no hay recompensa más grande.

________________________




avatar
user nuevo
el Vie Abr 13, 2018 11:24 am
Mensajes :
30


Blood :
6555


Frase :
All that I want
Is to wake up fine
Tell me that I'm alright
That I ain't gonna die


Hola, perdón por no avisar, pero es que como dije arriba, he estado tratando de que quede bien y he movido el codigo bastante, muchas gracias por tu tiempo @Athenea, voy a hacer lo que me has señalado y te aviso como sale. Gracias!
Ver perfil de usuario
Mensajes :
30


Blood :
6555


Frase :
All that I want
Is to wake up fine
Tell me that I'm alright
That I ain't gonna die


Contenido patrocinado
Ver el tema anteriorVolver arribaVer el tema siguiente
Permisos de este foro:
No puedes responder a temas en este foro.