2 resultados encontrados para pr-dato

Problema nos avatares

Solucionei o problema e ao mesmo tempo acabei adaptando o efeito de passar o mouse sobre o avatar (hover), pois ficava em cima do nick do usuário.

Infelizmente acabei esquecendo de pedir alguns ids, peço perdão. Por isso, vamos começar por eles. Localize: #pr-cuerpo e #pr-name a e os substitua pelos códigos abaixo.

#pr-cuerpo

Código:: #pr-cuerpo { height: 510px; margin-left: -30px; margin-top: -5px; overflow: hidden; width: 200px; }

#pr-name a

Código:: #pr-name a { background: #0d0d0d; border-bottom: 10px solid #44473E; display: block; font-family: Oswald; font-size: 20px; font-variant: normal; font-weight: lighter; line-height: 35px; padding: 10px; text-align: right; text-shadow: 1px 1px 1px #000; text-transform: lowercase; width: 200px; margin-left: -20px; }

Agora vamos substituir os que você me passou. Segue pela ordem:

#pr-avatar e #pr-info

Código:: #pr-avatar { width: 200px; height: 400px; transition: all 1.7s ease-in-out; -moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; } #pr-info { width: 200px; height: 325px; padding: 10px; background: #0d0d0d; margin-top: -410px; margin-left: 250px; transition: all 1.7s ease-in-out; -moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; }

.pr-campo:first-child #pr-dato

Código:: .pr-campo:first-child #pr-dato { background: #000; display: inline-block; font-family: Oswald; font-size: 20px; font-variant: normal; font-weight: lighter; line-height: 24px; margin-left: 118px; margin-top: -66px; padding: 15px 10px; text-align: center; text-transform: lowercase; width: 50px; }

#pr-dato

Código:: #pr-dato { background: #000; color: #555; display: inline-block; font-size: 8px; letter-spacing: 2px; line-height: 20px; margin-right: 0; text-align: center; text-transform: uppercase; width: 180px; }

Veja se resulta.

Problema nos avatares

E aí, colega? Tudo joia?

Para facilitar o processo, poderia passar o código que está nos ids: #pr-avatar, #pr-info, #pr-conta e .pr-campo:first-child #pr-dato? Desse modo evitamos o congestionamento do seu CSS.