Text only | Text with Images

Simple Machines Community Forum

SMF Support => Español (Spanish) => Language Specific Support => Tutoriales => Topic started by: СΣЅΔЯ on August 17, 2011, 12:31:23 AM

Title: [Tutorial] Perfil en celdas de forma sencilla [Smf 2.0 final]
Post by: СΣЅΔЯ on August 17, 2011, 12:31:23 AM
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
.poster ul ul li
{
display: inline;
}

Reemplazamos por:
Code Select
.poster ul ul li
{
   display: inline;
   background: none;
   border: none;
}

Y debajo de este codigo Colocamos:

Code Select
.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:

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fi.imgur.com%2FD5gBt.png&hash=c9487b6473e0d0c887cce2f3f39fe9c825011083)

Espero que les sirva el tutorial.
Saludos! :)

Fuente: http://kekomundo.com/foro/index.php?topic=124800.0 (http://kekomundo.com/foro/index.php?topic=124800.0)
Title: Re: [Tutorial] Perfil en celdas de forma sencilla [Smf 2.0 final]
Post by: GonzaH on August 17, 2011, 01:11:47 AM
Muy buen tutu  8).

Pd:Habria que moverlo ala seccion Tuturiales.
Title: Re: [Tutorial] Perfil en celdas de forma sencilla [Smf 2.0 final]
Post by: СΣЅΔЯ on August 17, 2011, 10:29:20 AM
Quote from: gonza22 on August 17, 2011, 01:11:47 AM
Muy buen tutu  8).

Pd:Habria que moverlo ala seccion Tuturiales.

gracias espero que te haya servido :)
Title: Re: [Tutorial] Perfil en celdas de forma sencilla [Smf 2.0 final]
Post by: lean on August 17, 2011, 06:43:32 PM
Listo, en la seccion tutoriales.
Title: Re: [Tutorial] Perfil en celdas de forma sencilla [Smf 2.0 final]
Post by: sunafunk on August 18, 2011, 04:48:13 PM
a mi no me  funciono se hace en index.css del default o del tema que se esta  usando
Title: Re: [Tutorial] Perfil en celdas de forma sencilla [Smf 2.0 final]
Post by: СΣЅΔЯ on August 18, 2011, 10:40:33 PM
Quote from: sunafunk on August 18, 2011, 04:48:13 PM
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 :)
Title: Re: [Tutorial] Perfil en celdas de forma sencilla [Smf 2.0 final]
Post by: FEDEPS on August 19, 2011, 11:28:46 AM
Muy pero MUY prolijo te quedo.
te felicito.
Title: Re: [Tutorial] Perfil en celdas de forma sencilla [Smf 2.0 final]
Post by: chikarkas36 on September 01, 2011, 09:15:36 PM
me podrias decir como mover el avatar y el logo de rank?
Title: Re: [Tutorial] Perfil en celdas de forma sencilla [Smf 2.0 final]
Post by: palmer on September 06, 2011, 01:02:23 AM
muy bueno man sirve¡¡
Title: Re: [Tutorial] Perfil en celdas de forma sencilla [Smf 2.0 final]
Post by: eR-sHuLaKo on December 27, 2011, 01:50:47 PM
Se podría poner con mi propia imagen?
Title: Re: [Tutorial] Perfil en celdas de forma sencilla [Smf 2.0 final]
Post by: Sebiitha on December 30, 2011, 08:45:32 AM
me quedo perfecto, muchas gracias por el aporte!! :D
Title: Re: [Tutorial] Perfil en celdas de forma sencilla [Smf 2.0 final]
Post by: Muniecoo on February 04, 2012, 10:38:09 AM
no me cambio en nada que puedo hacer?
Title: Re: [Tutorial] Perfil en celdas de forma sencilla [Smf 2.0 final]
Post by: TMorph on October 07, 2012, 11:49:03 PM
Hola. Muy bueno de verdad. Andaba buscando como centrar esta parte y mira leyendo tutos , me encontré con esta genialidad. Saludos.
Title: Re: [Tutorial] Perfil en celdas de forma sencilla [Smf 2.0 final]
Post by: Ritsuka_Aoyagi on October 13, 2012, 09:13:00 PM
Muchisimas gracias , me funciono de maravilla *O*
Title: Re: [Tutorial] Perfil en celdas de forma sencilla [Smf 2.0 final]
Post by: 1van10 on October 17, 2012, 09:33:33 AM
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 :D
Title: Re: [Tutorial] Perfil en celdas de forma sencilla [Smf 2.0 final]
Post by: XAVIER. on October 17, 2012, 08:06:56 PM
Buen tutorial  ;) esta bien explicado...

Saludos.
Title: Re: [Tutorial] Perfil en celdas de forma sencilla [Smf 2.0 final]
Post by: killerblood on January 28, 2013, 11:56:53 AM
yo lo hice yno me sirvio, my theme es bad company
Text only | Text with Images