AYUDA: TUTORIAL 08: HACER MENU DE STAFF

Jue Mar 02, 2017 1:58 am

Oookie dokie, una vez más me encuentro con dudas sobre los codes. Apenas voy agarrándole :c tenganme paciencia (?)

SKAOI
THEKING MP

NOMBRE
THEKINGMP

MI CÓDIGO ESTÁ ASÍ:

Código:: <div class="S1" style="background-image:url(http://i.imgur.com/1jSO53F.png)"><div class="S0"><span style="font-size:18px; letter-spacing:-2px; font-family:montserrat;">SKAOI</span><br/>THEKING <a href="/">MP</a></div></div><div class="S1" style="background-image:url(http://i.imgur.com/1jSO53F.png)"><div class="S0"><span style="font-size:18px; letter-spacing:-2px; font-family:montserrat;">NOMBRE</span><br/>THEKING<a href="/">MP</a></div></div><div class="S1" style="background-image:url(http://i.imgur.com/1jSO53F.png)"><div class="S0"><span style="font-size:18px; letter-spacing:-2px; font-family:montserrat;">NOMBRE</span><br/>THEKING<a href="/">MP</a></div></div> <style>.S1 {width: 150px;height: 60px; display: inline-block; margin: 5px; background-position:50%; border:1px solid #AAA; } .S0 { background: rgba(0, 0, 0, 0.48); color: #fff; padding-top: 15px;height: 45px; width: 150px; font-size: 8px; font-family: calibri; opacity:0; } .S0 a {font-size:8px; font-family:calibri; color:white;} .S1:hover .S0 { opacity:1; transition:0.4s linear;}</style>

NOTA: Se supone que el text va en medio y no puedo centrarlo.

Jue Mar 02, 2017 5:37 am

Solo te falta agregar el atributo ALIGN en propiedad CENTER al div de .S0

Resultado:

Código:: .S0 { color: #fff; padding-top: 15px; height: 45px; width: 150px; font-size: 8px; font-family: calibri; opacity: 0; text-align: center; /* lo que faltaba, el centrado */ }

Y ya sabés guapa, nunca tengas miedo a preguntar! AYUDA: TUTORIAL 08: HACER MENU DE STAFF 3042720415

Jue Mar 02, 2017 4:36 pm

Gracias, preciosura ♥

TELL ME EVERYTHING