Como centralizar isso ?

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Como centralizar isso ?

Mensagem por Heero em 15/12/12, 06:19 am

Qual é minha questão:
Ae eu gostaria de saber como eu coloco esses negocios aqui que estao selecionado em azul


igual a esse forum aqui 



Tudo no centro e com um quadrado arredondado la traz ?

Endereço do meu fórum:
http://heerocheats.forumeiros.com

Versão do fórum:
PUNBB


Última edição por Heero em 20/12/12, 08:48 pm, editado 1 vez(es)
avatar

Heero
Usuário avançado

Masculino
Inscrito dia : 03/12/2012
Mensagens : 373
Pontos Ativos : 504

Ver perfil do usuário http://heerocheats.forumeiros.com

Resolvido Re: Como centralizar isso ?

Mensagem por BrunoH. em 15/12/12, 08:37 am

Olá!
Aceda a Folha de Estilo CSS:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS
Código:
Código:
.postprofile{text-align:center!important;}
.postdetails {background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;border: 1px solid #DEDEDE;border-radius: 5px;color: #666;line-height: 1.8em;margin: 5px auto;padding: 10px;}
e Valide!

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como centralizar isso ?

Mensagem por Heero em 16/12/12, 02:40 pm

man n foi n .. o quadrado pego ate a foto .. so quero dos detalhes dos post pra baixo ;D
avatar

Heero
Usuário avançado

Masculino
Inscrito dia : 03/12/2012
Mensagens : 373
Pontos Ativos : 504

Ver perfil do usuário http://heerocheats.forumeiros.com

Resolvido Re: Como centralizar isso ?

Mensagem por Heero em 16/12/12, 04:16 pm

UP!
avatar

Heero
Usuário avançado

Masculino
Inscrito dia : 03/12/2012
Mensagens : 373
Pontos Ativos : 504

Ver perfil do usuário http://heerocheats.forumeiros.com

Resolvido Re: Como centralizar isso ?

Mensagem por seender em 16/12/12, 04:57 pm

Olá!

Utilize somente este código:
Código:
.pun .user-ident .username {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border: 1px solid #DEDEDE;
border-radius: 4px;
display: block;
font-family: Arvo;
font-size: 1.5em;
font-weight: 400!important;
margin-bottom: 5px;
margin-top: 10px;
padding: 8px!important;
position: relative;
text-align: center;
text-decoration: none;
}
Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Como centralizar isso ?

Mensagem por Heero em 16/12/12, 05:23 pm

Man não funcionou n ;/
avatar

Heero
Usuário avançado

Masculino
Inscrito dia : 03/12/2012
Mensagens : 373
Pontos Ativos : 504

Ver perfil do usuário http://heerocheats.forumeiros.com

Resolvido Re: Como centralizar isso ?

Mensagem por Heero em 17/12/12, 05:42 am

UP.
avatar

Heero
Usuário avançado

Masculino
Inscrito dia : 03/12/2012
Mensagens : 373
Pontos Ativos : 504

Ver perfil do usuário http://heerocheats.forumeiros.com

Resolvido Re: Como centralizar isso ?

Mensagem por Consolado em 17/12/12, 09:32 am

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilos CSS

Código:

Código:
.postprofile-details{margin-left: -1px}.popmenubutton-new-out a{background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x; border: 1px solid #DEDEDE; border-radius: 4px; display: block; font-family: Arvo; font-size: 1.5em; font-weight: 400!important; margin-bottom: 5px; margin-top: 10px; padding: 8px!important; position: relative; text-align: center; text-decoration: none; margin-top: -1px}.postprofile-details dt{ background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x; border: 1px solid #DEDEDE; border-radius: 5px; color: white; font-size: 1.5em; font-weight: 700; line-height: 1.8em; margin: 5px auto; padding: 15px; text-align: center; text-shadow: 0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 4px 0 #B9B9B9,0 5px 0 #AAA,0 6px 1px rgba(0, 0, 0, .1),0 0 5px rgba(0, 0, 0, .1),0 1px 3px rgba(0, 0, 0, .3),0 3px 5px rgba(0, 0, 0, .2),0 5px 10px rgba(0, 0, 0, .25),0 10px 10px rgba(0, 0, 0, .2),0 20px 20px rgba(0, 0, 0, .15); }.postprofile-details dd{ background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x; border: 1px solid #DEDEDE; border-radius: 5px; color: #666; line-height: 1.8em; margin: 5px auto; padding: 10px}
Valide.

Melhores cumprimentos,
Today
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Como centralizar isso ?

Mensagem por -Naruto em 17/12/12, 09:36 am

Olá, Adicione em Seu CSS:

Código:
        /*Perfil*/
        .pun .user-ident .username {
        background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
        border: 1px solid #DEDEDE;
        border-radius: 4px;
        display: block;
        font-family: Arvo;
        font-size: 1.5em;
        font-weight: 400!important;
        margin-bottom: 5px;
        margin-top: 10px;
        padding: 8px!important;
        position: relative;
        text-align: center;
        text-decoration: none;
        }

        .pun .user-ident .user-basic-info {
        background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
        border: 1px solid #DEDEDE;
        border-radius: 5px;
        color: white;
        font-size: 1.5em;
        font-weight: 700;
        line-height: 1.8em;
        margin: 5px auto;
        padding: 15px;
        text-align: center;
        text-shadow: 0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 4px 0 #B9B9B9,0 5px 0 #AAA,0 6px 1px rgba(0, 0, 0, .1),0 0 5px rgba(0, 0, 0, .1),0 1px 3px rgba(0, 0, 0, .3),0 3px 5px rgba(0, 0, 0, .2),0 5px 10px rgba(0, 0, 0, .25),0 10px 10px rgba(0, 0, 0, .2),0 20px 20px rgba(0, 0, 0, .15);
        }

        .pun .user .user-info {
        background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
        border: 1px solid #DEDEDE;
        border-radius: 5px;
        color: #666;
        line-height: 1.8em;
        margin: 5px auto;
        padding: 10px;
        }
        hr {
          border: 0 none #D6D6D6;
          border-bottom: 1px solid white;
        border-top: 1px solid #D6D6D6;
        }


Tutorial COmpleto de como por --> http://spdesign.ativoforum.com/t3419-tutorialperfil-elegante
avatar

-Naruto
Usuário avançado

Masculino
Inscrito dia : 30/11/2012
Mensagens : 429
Pontos Ativos : 556

Ver perfil do usuário http://narutodestructionrpg.forumeiros.com/forum

Resolvido Re: Como centralizar isso ?

Mensagem por Heero em 17/12/12, 04:53 pm

man nao mudou nada ;/
avatar

Heero
Usuário avançado

Masculino
Inscrito dia : 03/12/2012
Mensagens : 373
Pontos Ativos : 504

Ver perfil do usuário http://heerocheats.forumeiros.com

Resolvido Re: Como centralizar isso ?

Mensagem por Heero em 17/12/12, 07:32 pm

UP
avatar

Heero
Usuário avançado

Masculino
Inscrito dia : 03/12/2012
Mensagens : 373
Pontos Ativos : 504

Ver perfil do usuário http://heerocheats.forumeiros.com

Resolvido Re: Como centralizar isso ?

Mensagem por Heero em 20/12/12, 01:18 am

up
avatar

Heero
Usuário avançado

Masculino
Inscrito dia : 03/12/2012
Mensagens : 373
Pontos Ativos : 504

Ver perfil do usuário http://heerocheats.forumeiros.com

Resolvido Re: Como centralizar isso ?

Mensagem por Hyouki em 20/12/12, 03:56 pm

Olá,

Painel de controle Seta Visualização Seta imagens e cores Seta cores Seta Folha de estilo CSS

Código :
Código:
.pun .user-ident .username {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border: 1px solid #DEDEDE;
border-radius: 4px;
display: block;
font-family: Arvo;
font-size: 1.5em;
font-weight: 400!important;
margin-bottom: 5px;
margin-top: 10px;
padding: 8px!important;
position: relative;
text-align: center;
text-decoration: none;
}

.pun .user-ident .user-basic-info {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border: 1px solid #DEDEDE;
border-radius: 5px;
color: white;
font-size: 1.5em;
font-weight: 700;
line-height: 1.8em;
margin: 5px auto;
padding: 15px;
text-align: center;
text-shadow: 0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 4px 0 #B9B9B9,0 5px 0 #AAA,0 6px 1px rgba(0, 0, 0, .1),0 0 5px rgba(0, 0, 0, .1),0 1px 3px rgba(0, 0, 0, .3),0 3px 5px rgba(0, 0, 0, .2),0 5px 10px rgba(0, 0, 0, .25),0 10px 10px rgba(0, 0, 0, .2),0 20px 20px rgba(0, 0, 0, .15);
}

.pun .user .user-info {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border: 1px solid #DEDEDE;
border-radius: 5px;
color: #666;
line-height: 1.8em;
margin: 5px auto;
padding: 10px;
}
hr {
  border: 0 none #D6D6D6;
  border-bottom: 1px solid white;
border-top: 1px solid #D6D6D6;
}

Validar!
avatar

Hyouki
Membro do Fórum

Masculino
Inscrito dia : 10/02/2012
Mensagens : 1490
Pontos Ativos : 1972

Ver perfil do usuário http://www.forum-dix.wikiforum.net

Resolvido Re: Como centralizar isso ?

Mensagem por Heero em 20/12/12, 04:03 pm

Man nao mudou nada ;/
avatar

Heero
Usuário avançado

Masculino
Inscrito dia : 03/12/2012
Mensagens : 373
Pontos Ativos : 504

Ver perfil do usuário http://heerocheats.forumeiros.com

Resolvido Re: Como centralizar isso ?

Mensagem por Roberto_xD em 20/12/12, 07:08 pm

Olhe Amigo Adicione Isso na Sua Folha De Css :

.postprofile{text-align:center}

Resulta ?
Grato.
avatar

Roberto_xD
Usuário avançado

Masculino
Inscrito dia : 17/12/2012
Mensagens : 346
Pontos Ativos : 510

Ver perfil do usuário https://www.facebook.com/RobertoDesignGrafico/ https://www.facebook.com/RobertoDesignGrafico/

Resolvido Re: Como centralizar isso ?

Mensagem por Heero em 20/12/12, 07:13 pm

Amigo eu quero colocar aquele quadrado arredondado atraz das estatisticas do perfil do membro no topico.
avatar

Heero
Usuário avançado

Masculino
Inscrito dia : 03/12/2012
Mensagens : 373
Pontos Ativos : 504

Ver perfil do usuário http://heerocheats.forumeiros.com

Resolvido Re: Como centralizar isso ?

Mensagem por Roberto_xD em 20/12/12, 07:32 pm

Tente Esse Css.

.postprofile {
background-color: #ffffff;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
-moz-box-shadow: 0 0 5px #999;
}

Resulta ?
avatar

Roberto_xD
Usuário avançado

Masculino
Inscrito dia : 17/12/2012
Mensagens : 346
Pontos Ativos : 510

Ver perfil do usuário https://www.facebook.com/RobertoDesignGrafico/ https://www.facebook.com/RobertoDesignGrafico/

Resolvido Re: Como centralizar isso ?

Mensagem por Luciano98 em 20/12/12, 07:39 pm

Olá!

Utilize esse código CSS:
Código:
.post .postprofile .postdetails dd:last-child{background: #F0F0F0 url() repeat-x;border: 1px solid #DEDEDE;border-radius: 5px;color: #666;line-height: 1.8em;margin: 5px auto;padding: 10px;text-align:center}

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Como centralizar isso ?

Mensagem por Heero em 20/12/12, 08:47 pm

Vlw funcionou.
avatar

Heero
Usuário avançado

Masculino
Inscrito dia : 03/12/2012
Mensagens : 373
Pontos Ativos : 504

Ver perfil do usuário http://heerocheats.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum