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

August 16, 2011 - 11:08 23:08

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:

Espero que les sirva el tutorial y saludos a todo SMFSimple gracias por toda la ayuda que me brindan y pues aqui esta mi aporte para ustedes

Saludos!

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

**Reply #1** August 16, 2011 - 11:11 23:11

Muy bueno! Gracias por compartir! +1

Fuente ?

**Reply #2** August 16, 2011 - 11:12 23:12

Quote from: Daniiel on August 16, 2011 - 11:11 23:11

Muy bueno! Gracias por compartir! +1

Fuente ?

Ahi la puse se me olvido xD

**Reply #3** August 17, 2011 - 04:53 04:53

Gracias por compartir muy bueno ya estoy usandolo en mi foro

**Reply #4** August 17, 2011 - 08:21 08:21

Como se podria cambiar el color de fondo de las celdas?
Se de donde sacar los codigos de los colores, pero no se donde debo ponerlos.

**Reply #5** August 17, 2011 - 09:27 09:27

Quote from: Argaith06 on August 17, 2011 - 04:53 04:53

Gracias por compartir muy bueno ya estoy usandolo en mi foro

que bueno que te haya servido

Quote from: Adriann on August 17, 2011 - 08:21 08:21

Como se podria cambiar el color de fondo de las celdas?
Se de donde sacar los codigos de los colores, pero no se donde debo ponerlos.

Fijate que en el codigo mas largo dice esto:
background: #dcdfe4 (este codigo maneja el color de las celdas)
border: solid 0px #dcdfe4 (este codigo maneja el color de borde de las celdas)
solo debes modificar los colores en hexadecimal a tu gusto y listo

**Reply #6** August 17, 2011 - 10:35 10:35

Jajaja buenísimo, aunque la mayoría lo hace desde clases así en CSS, sigo prefiriendo hacerlo con una sola clase y agregar el Div por Div a cada parte de mi display.template xD

**Reply #7** August 17, 2011 - 10:47 10:47

Quote from: Diegorixo on August 17, 2011 - 10:35 10:35

Jajaja buenísimo, aunque la mayoría lo hace desde clases así en CSS, sigo prefiriendo hacerlo con una sola clase y agregar el Div por Div a cada parte de mi display.template xD

jejeje bueno creo que todos tenemos nuestros caprichos al hacer las celdas en el perfil jeje y no lo discuto xD

**Reply #8** August 17, 2011 - 01:07 13:07

Este tutorial ya esta aqui .. gracias por hacerlo recordar

**Reply #9** August 18, 2011 - 05:09 05:09

Jjaaj, ya trajiste las celdas de km aquí a smfsimple.
Gracias por traerlo y compartirlo +1

**Reply #10** August 25, 2011 - 10:19 22:19

hola amigo el tuto es execelente pero cuando realize la modificacion no se encierra todo el perfil por favor mira la imagen podrias decirme que estoy haciendo mal
saludos y gracias

**Reply #11** August 25, 2011 - 10:33 22:33

Quote from: juanka on August 25, 2011 - 10:19 22:19

hola amigo el tuto es execelente pero cuando realize la modificacion no se encierra todo el perfil por favor mira la imagen podrias decirme que estoy haciendo mal
saludos y gracias

dejame el link de tu foro por favor y adjuntame tu index.css

**Reply #12** August 25, 2011 - 10:50 22:50

Hola este es el link de mi foro
www.ftaecuadorclub.com.ec
pero esta en mantenimiento porque acabo de actualizar a 2.0 final y me falta algunas cosas por modificar
acontinuacion te adjunto mi index
Muchas gracias amigo

**Reply #13** August 25, 2011 - 11:24 23:24

el index.css esta correcto hmm puede que el problema este en los mods recientes que hayas instalado y el css no los reconoce deja ver como solucionarlo

que raro deberia de funcionar bien, si puedes dejanos una cuenta para poder entrar en tu foro y mirar que pasa

**Reply #14** August 28, 2011 - 02:25 14:25

Temas y diseño -> Configuración de temas -> Ocultar los títulos basados en el conteo de mensajes para los usuarios agrupados? -> marca esta casilla. Con eso eliminas uno de los problemas. El que te siga dando el nombre del grupo regular no sé cómo quitarlo y a mi también me interesaría.

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