Advertisement:

Author Topic: Como colocar o menu do perfil em quadros...  (Read 5303 times)

Offline dihst

  • Semi-Newbie
  • *
  • Posts: 84
Como colocar o menu do perfil em quadros...
« on: September 23, 2011, 01:39:57 AM »
Olá pessoal, a um bom tempo havia visto um tópico ensinando a colocar as informações do perfil em quadros.. mais não acho ele mais e estou querendo colocar...

É assim que quero o perfil:



tudo em quadros as informações.. tem como me dar essa ajuda?

Offline Spectrum..!!

  • SMF Hero
  • ******
  • Posts: 5,567
  • Gender: Male
  • No to Bullying !!
Re: Como colocar o menu do perfil em quadros...
« Reply #1 on: September 23, 2011, 06:35:04 AM »
O arquivo index.css deve ser editado.

Code: ( Procure por) [Select]
.poster
{
    float: left;
    width: 15em;
}




Code: (Substitua por) [Select]
.poster
{
    float: left;
    width: 15em;
    border: 1px black solid;
}


Faça um teste e veja se resulta...

Existem pessoas que deixam de buscar algo que dura a vida toda, para somente conquistar algo que dura alguns momentos...
Ser humilde; não é ser menos que alguém. É saber que não somos mais que ninguém!
SMF 2.0.4 | Meu site -->
Dell Vostro 3560 + AMD Radeon™ HD 7670M 1GB| Windows 8 Pro | Fedora 18 | IE10 | Google Chrome
Não atendo PM para pedidos de suporte/ajuda

Offline dihst

  • Semi-Newbie
  • *
  • Posts: 84
Re: Como colocar o menu do perfil em quadros...
« Reply #2 on: September 23, 2011, 12:07:33 PM »
Não resultou ainda..
ficou assim olha:


Offline Spectrum..!!

  • SMF Hero
  • ******
  • Posts: 5,567
  • Gender: Male
  • No to Bullying !!
Re: Como colocar o menu do perfil em quadros...
« Reply #3 on: September 23, 2011, 08:15:50 PM »
Opa, código errado. Mas, vamos manter ele aí, quem sabe ajuda numa questão próxima a isto.



Agora para seu problema:

Code: ( Procure por:) [Select]

/* poster details and list of items */
.poster h4, .poster ul
{
   padding: 0;
   margin: 0 1em 0 1.5em;
}
.poster h4
{
   margin: 0.2em 0 0.4em 1.1em;
   font-size: 120%;
}


Code: ( Substitua por:) [Select]

/* poster details and list of items */
.poster h4, .poster ul li
{
border: solid 1px #BFBFCB;
margin-bottom: 4px;
margin-left: 8px;
padding: 4px;
text-align: center;
color: #3f3f3f;
width: 79%; 
}

...

Existem pessoas que deixam de buscar algo que dura a vida toda, para somente conquistar algo que dura alguns momentos...
Ser humilde; não é ser menos que alguém. É saber que não somos mais que ninguém!
SMF 2.0.4 | Meu site -->
Dell Vostro 3560 + AMD Radeon™ HD 7670M 1GB| Windows 8 Pro | Fedora 18 | IE10 | Google Chrome
Não atendo PM para pedidos de suporte/ajuda

Offline dihst

  • Semi-Newbie
  • *
  • Posts: 84
Re: Como colocar o menu do perfil em quadros...
« Reply #4 on: September 23, 2011, 09:06:35 PM »
Muito obrigado Spectrum, vc está me ajudando mto mesmo, tenho nem como agradecer.. tá ai o resultado final:



Só mais 1 dúvida antes de dar como resolvido, é possivel remover os quadros dos status ali? Os status que eu digo são esses da img que tem 3 quadradinhos pequenos... no email, na mensagem pessoal e no ver perfil?

Offline dihst

  • Semi-Newbie
  • *
  • Posts: 84
Re: Como colocar o menu do perfil em quadros...
« Reply #5 on: September 25, 2011, 04:51:14 AM »
Andei fuçando aqui no css e acabei conseguindo, dei uma pequena modifica.. como de feedback..

Resultado:


Uma breve explicação do que fiz, editei do:
Code: [Select]
/* poster details and list of items */ até /* The quick buttons */
Então é só substituir tudo que está entre esses 2 com isso:

Code: [Select]
/* poster details and list of items */
.poster h4, .poster ul
{
   padding: 0;
   margin: 0 8px;
}
.poster h4
{
   font-size: 120%;
}
.poster h4, .poster h4 a
{
   color: #0474b4;
}
.poster ul ul
{
   margin: 0.3em 1em 0 0;
   padding: 0;
}
.poster ul ul li
{
   display: inline;
   background: none;
   border: none;
}
.poster ul li, .poster h4 {
   background: #fcfcfc;
   border: solid 1px #ddd;
   margin-bottom: 2px;
   text-align: center;
   padding: 4px;
   color: #3f3f3f;
}
.poster ul li {
   width: 94%;
}
.poster li.warning
{
   line-height: 1.2em;
   padding-top: 1em;
}
.poster li.warning a img
{
   vertical-align: bottom;
   padding: 0 0.2em;
}
.messageicon
{
   float: left;
   margin: 0 0.5em 0 0;
}
.messageicon img
{
   padding: 6px 3px;
}
.keyinfo
{
   float: left;
   width: 50%;
}
.modifybutton
{
   clear: right;
   float: right;
   margin: 8px 20px 10px 0;
   text-align: right;
}

tá ai o meu feedback que solucionei, pode dar como resolvido hehe..

Offline floyde

  • Jr. Member
  • **
  • Posts: 288
Re: Como colocar o menu do perfil em quadros...
« Reply #6 on: September 06, 2014, 08:53:07 PM »
o meu não teve alteração alguma :-[ alguém pode ver para mim !!
uso o tema gearbox

desde já .. agradeço