[Tutorial] Perfil en celdas de forma sencilla [Smf 2.0 final]

[СΣЅΔЯ]

Perfil en celdas de forma sencilla

SMF 2.0 Final

Bueno he estado buscando como colocar el perfil en celdas de forma sencilla y encontre la solucion.

Vamos a nuestro index.css

Buscamos:

Code Select Expand

.poster ul ul li
{
display: inline;
}

Reemplazamos por:

Code Select Expand

.poster ul ul li
{
   display: inline;
   background: none;
   border: none;
}

Y debajo de este codigo Colocamos:

Code Select Expand

.poster ul li, .poster h4
{
   background: #dcdfe4;
   border: solid 0px #dcdfe4;
   text-align: center;
   padding: 3px;
   margin-top:5px;
   border-width:1px;
   color: #3f3f3f;

               width: 80%;
border-radius: 5px;
}
.poster ul li {
   width: 94%;
}
.poster ul ul{margin:0.3em 1em 0 0;padding:0;}
.poster ul ul li{display:inline;}
.poster ul li{-moz-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;-ms-border-radius:5px 5px 5px 5px;-o-border-radius:5px 5px 5px 5px;background-color:#dcdfe4;border-width:1px;margin-top:5px;padding:3px;text-align:center;}
.poster li.stars, .poster li.avatar, .poster li.blurb, li.postcount, li.im_icons ul
{
   margin-top: 0.5em;
}

Luego de editar todo les quedara asi:

Espero que les sirva el tutorial.
Saludos!

Fuente: http://kekomundo.com/foro/index.php?topic=124800.0

[GonzaH]

Muy buen tutu  .

Pd:Habria que moverlo ala seccion Tuturiales.

[СΣЅΔЯ]

Muy buen tutu  .

Pd:Habria que moverlo ala seccion Tuturiales.

gracias espero que te haya servido

[lean]

Listo, en la seccion tutoriales.

[sunafunk]

a mi no me  funciono se hace en index.css del default o del tema que se esta  usando

[СΣЅΔЯ]

a mi no me  funciono se hace en index.css del default o del tema que se esta  usando

claro es en el theme que uses no en el default

[FEDEPS]

Muy pero MUY prolijo te quedo.
te felicito.

[chikarkas36]

me podrias decir como mover el avatar y el logo de rank?

[palmer]

muy bueno man sirve¡¡

[eR-sHuLaKo]

Se podría poner con mi propia imagen?

[Sebiitha]

me quedo perfecto, muchas gracias por el aporte!!

[Muniecoo]

no me cambio en nada que puedo hacer?

[TMorph]

Hola. Muy bueno de verdad. Andaba buscando como centrar esta parte y mira leyendo tutos , me encontré con esta genialidad. Saludos.

[Ritsuka_Aoyagi]

Muchisimas gracias , me funciono de maravilla *O*

[1van10]

Gracias por el aporte! Viene genial, sobretodo porque en otros metodos que he visto toca algo más que el css y esto pinta genial

[XAVIER.]

Buen tutorial  esta bien explicado...

Saludos.

[killerblood]

yo lo hice yno me sirvio, my theme es bad company