Advertisement:

Author Topic: [Tutorial] Perfil en celdas de forma sencilla [Smf 2.0 final]  (Read 18459 times)

Offline СΣЅΔЯ

  • Jr. Member
  • **
  • Posts: 192
  • Gender: Male
  • ◄ ◄ δM₣δimple ► ►
    • Unidos4Ever
[Tutorial] Perfil en celdas de forma sencilla [Smf 2.0 final]
« 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:


Espero que les sirva el tutorial.
Saludos! :)

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


Offline GonzaH

  • Jr. Member
  • **
  • Posts: 231
  • Gender: Male
  • ¡SMF!
    • SMFPersonal
Re: [Tutorial] Perfil en celdas de forma sencilla [Smf 2.0 final]
« Reply #1 on: August 17, 2011, 01:11:47 AM »
Muy buen tutu  8).

Pd:Habria que moverlo ala seccion Tuturiales.

Offline СΣЅΔЯ

  • Jr. Member
  • **
  • Posts: 192
  • Gender: Male
  • ◄ ◄ δM₣δimple ► ►
    • Unidos4Ever
Re: [Tutorial] Perfil en celdas de forma sencilla [Smf 2.0 final]
« Reply #2 on: August 17, 2011, 10:29:20 AM »
Muy buen tutu  8).

Pd:Habria que moverlo ala seccion Tuturiales.

gracias espero que te haya servido :)


lean

  • Guest
Re: [Tutorial] Perfil en celdas de forma sencilla [Smf 2.0 final]
« Reply #3 on: August 17, 2011, 06:43:32 PM »
Listo, en la seccion tutoriales.

Offline sunafunk

  • Semi-Newbie
  • *
  • Posts: 16
Re: [Tutorial] Perfil en celdas de forma sencilla [Smf 2.0 final]
« Reply #4 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

Offline СΣЅΔЯ

  • Jr. Member
  • **
  • Posts: 192
  • Gender: Male
  • ◄ ◄ δM₣δimple ► ►
    • Unidos4Ever
Re: [Tutorial] Perfil en celdas de forma sencilla [Smf 2.0 final]
« Reply #5 on: August 18, 2011, 10:40:33 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 :)


Offline FEDEPS

  • Jr. Member
  • **
  • Posts: 279
  • Gender: Male
  • Federico Tomás.
Re: [Tutorial] Perfil en celdas de forma sencilla [Smf 2.0 final]
« Reply #6 on: August 19, 2011, 11:28:46 AM »
Muy pero MUY prolijo te quedo.
te felicito.

Offline chikarkas36

  • Newbie
  • *
  • Posts: 1
Re: [Tutorial] Perfil en celdas de forma sencilla [Smf 2.0 final]
« Reply #7 on: September 01, 2011, 09:15:36 PM »
me podrias decir como mover el avatar y el logo de rank?

Offline palmer

  • Newbie
  • *
  • Posts: 7
Re: [Tutorial] Perfil en celdas de forma sencilla [Smf 2.0 final]
« Reply #8 on: September 06, 2011, 01:02:23 AM »
muy bueno man sirve¡¡

Offline eR-sHuLaKo

  • Semi-Newbie
  • *
  • Posts: 42
Re: [Tutorial] Perfil en celdas de forma sencilla [Smf 2.0 final]
« Reply #9 on: December 27, 2011, 01:50:47 PM »
Se podría poner con mi propia imagen?

Offline Sebiitha

  • Semi-Newbie
  • *
  • Posts: 27
  • Gender: Male
  • Soy lo que soy porque alguien deve serlo!!
    • Zona Master
Re: [Tutorial] Perfil en celdas de forma sencilla [Smf 2.0 final]
« Reply #10 on: December 30, 2011, 08:45:32 AM »
me quedo perfecto, muchas gracias por el aporte!! :D

Offline Muniecoo

  • Semi-Newbie
  • *
  • Posts: 69
Re: [Tutorial] Perfil en celdas de forma sencilla [Smf 2.0 final]
« Reply #11 on: February 04, 2012, 10:38:09 AM »
no me cambio en nada que puedo hacer?

Offline TMorph

  • Semi-Newbie
  • *
  • Posts: 10
  • Gender: Male
  • Gracias por el soporte
    • CiberMorph
Re: [Tutorial] Perfil en celdas de forma sencilla [Smf 2.0 final]
« Reply #12 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.

Offline Ritsuka_Aoyagi

  • Newbie
  • *
  • Posts: 7
Re: [Tutorial] Perfil en celdas de forma sencilla [Smf 2.0 final]
« Reply #13 on: October 13, 2012, 09:13:00 PM »
Muchisimas gracias , me funciono de maravilla *O*

1van10

  • Guest
Re: [Tutorial] Perfil en celdas de forma sencilla [Smf 2.0 final]
« Reply #14 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

Offline XAVIER.

  • Semi-Newbie
  • *
  • Posts: 20
  • Gender: Male
  • Simple-foro.com
    • @TeAre_Feliz on Twitter
    • Simple-Foro.com
Re: [Tutorial] Perfil en celdas de forma sencilla [Smf 2.0 final]
« Reply #15 on: October 17, 2012, 08:06:56 PM »
Buen tutorial  ;) esta bien explicado...

Saludos.
          
Mi Foro simple-foro.com [nofollow]

Offline killerblood

  • Jr. Member
  • **
  • Posts: 114
Re: [Tutorial] Perfil en celdas de forma sencilla [Smf 2.0 final]
« Reply #16 on: January 28, 2013, 11:56:53 AM »
yo lo hice yno me sirvio, my theme es bad company