Menu - modificar estilo

Qual é minha questão:
Olá Pessoal!

Estou querendo dar uma personalizada no menu de perfil dos usuarios.
ele atualmente esta assim - https://i.servimg.com/u/f15/11/50/67/17/untitl10.jpg

sei que talvez não seja possivel da forma que vou mostrar a vocês na foto, mais algo parecido já estaria de bom tamanho,
https://i.servimg.com/u/f15/11/50/67/17/untitl11.jpg esse menu estava em um forum PunBB.

A versão do meu fórum atual é Phpbb2, estranho que o recurso automático esta dizendo Phpbb3.

Porinquanto é isso, grato desde de já, Abraços!



Endereço do meu fórum:
http://www.mercenariosbr.com/

Versão do fórum:
PHPBB3

mande aqui o link do fórum qual viu o efeito...

Daemon.H escreveu:mande aqui o link do fórum qual viu o efeito...

Me desculpe amigo, tenho a foto desse menu a algum tempo, já não me lembro mais o endereço do fórum. =\ Srry
mas eu vou dar uma procurada aqui, qualquer coisa volto aqui com o link.

Olá,tente isto :

Folha de Estilo CSS

Código:

.pun .user-ident .username {
    background: #F0F0F0 url(http://i10.servimg.com/u/f10/17/41/76/40/wrapta10.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://i10.servimg.com/u/f10/17/41/76/40/wrapta10.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://i10.servimg.com/u/f10/17/41/76/40/wrapta10.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;
    }

Obrigado
Atenciosamente
Ajudei? Agradeça

Olá WebGames!

Bro pode me auxíliar melhor em como adicionar este código ?
eu não tenho muita pratica com isso, mas acredito que eu tenha que subtituir o atual código que tenho de menu por este.

O problema é que eu não sei onde fica o código do meu, para substitui-lo.

Olá,

Adicione o código passado pelo WebGames em

Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS

Até

SasukeQuakeline escreveu:Olá,

Adicione o código passado pelo WebGames em

Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS

Até

Eae Sasuke,

Então eu sei chegar até minha folha de CSS, só não sei onde nela adicionar este código, adicionei ele, só que não mudou nada.
Então ficou minha dúvida, qual o local correto para adicionar o código.

tentei procurar na minha folha CSS por alguma coisa parecida com o código do menu que você postou, só que não achei.

OBS: eu adicionei o código bem no inicio da folha de css.

Olá,

Eu iria precisar o link do fórum aonde você viu para que eu pegar o código e fazer para a versão de seu fórum

Até

SasukeQuakeline escreveu:Olá,

Eu iria precisar o link do fórum aonde você viu para que eu pegar o código e fazer para a versão de seu fórum

Até

Acho que já procurei por tudo que é lugar, vai ser difícil de encontrar o tema, pesso por gentileza se alguém ver esse menu e conhecer algum fórum que possua o mesmo, postar aqui por favor.

Bom, acabo de encontrar um menu não igual aquele que eu precisava, mas um muito parecido, que também vai me servir.

Aqui o endereço: http://br-design.forumeiros.com/

a versão desse já não é mais PunBB e sim PHPBB

Saudações!

Utilize este código CSS:

Código:

.postprofile dt {
border-radius: 4px;
margin: 30px auto 5px;
padding: 10px 2px;
width: 80%;
background: white;
border: 1px solid #DDD;
}

Até mais!

Mikéé escreveu:Saudações!

Utilize este código CSS:

Código:

.postprofile dt {
border-radius: 4px;
margin: 30px auto 5px;
padding: 10px 2px;
width: 80%;
background: white;
border: 1px solid #DDD;
}

Até mais!

E ae Mikéé,

Acabei de adicionar o código e ainda continua da forma antiga.

Saudações!

O senhor deseja o perfil como do fórum mostrado?

Até mais!

Mikéé escreveu:Saudações!

O senhor deseja o perfil como do fórum mostrado?

Até mais!

Sim se possivel, pois aquele foi um dos que eu vi e gostei, mas poderia ser um outro tambem, parecido com aquele.

Saudações!

Utilize este código:

Código:

.postprofile {
border-radius: 4px;
margin: 30px auto 5px;
padding: 10px 2px;
background: white !important;
border: 1px solid #DDD !important;
}

Mas adicione no inicio de teu CSS, depois veja:

https://ajuda.forumeiros.com/t70703-tutorial-separar-informacoes-do-perfil-por-quadro-nas-mensagens

Até mais!

Ainda não resultou Mikéé, adicionei o css e ativei o código no Java, continua com o mesmo estilo antigo, mas as informações no perfil ficaram com a fonte desorganizada.

Olá!

Poderia disponibilizar sua folha estilo CSS.

Até mais!

seender escreveu:Olá!

Poderia disponibilizar sua folha estilo CSS.

Até mais!

Olá Seender!

tentei postar ela aqui, mas disse que o conteúdo da mensagem ficou muito comprido.
então arrumei outro jeito de postar.
aqui está - https://www.box.com/s/h6bvxzla3jncb65ls6np

Olá, a imagem citada, seria de um fórum com versão punBB.

E seu fórum seria versão phpBB 3?

Se for, adicione este código e veja se da algum resultado no seu perfil.

Código:

.postprofile {
background-color: #dadada !impotant;
border: 2px solid #a3a3a3 !important;
}

Firenando escreveu:Olá, a imagem citada, seria de um fórum com versão punBB.

E seu fórum seria versão phpBB 3?

Se for, adicione este código e veja se da algum resultado no seu perfil.

Código:

.postprofile {
background-color: #dadada !impotant;
border: 2px solid #a3a3a3 !important;
}

E ae Firenando!

Então amigo na verdade a versão do meu fórum é PhpBB 2, mais quando criei o tópico pelo endereço do meu fórum foi reconhecido como PhpBB 3.

Por isso perguntei, não encontrei as duas principais estruturas do phpBB 3 no fórum.

Bom, tenho uma má notícia, eu não consigui de maneira alguma personalizar o perfil do jeito que você quer.

Lamento, mais espere algum membro da Staff.

Firenando escreveu:Por isso perguntei, não encontrei as duas principais estruturas do phpBB 3 no fórum.

Bom, tenho uma má notícia, eu não consigui de maneira alguma personalizar o perfil do jeito que você quer.

Lamento, mais espere algum membro da Staff.

Ah tudo bem Firenando, não se preocupe.
agradeço pela atenção.

tente isso:

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;
        }



Ainda sem resultado, Naruto.

Olá Pessoal!

Acredito que o estilo de perfil que estou pedindo não seja fácil de fazer um código para minha versão.

E eu não quero tomar muito mais o tempo de vocês.
talvez vocês tenham outro código pra deixar o perfil em outro estilo não igual a que eu postei na foto, mais um outro que já mude um pouco.

Só não quero deixar aquele atual.

Olá, andei estudando quase uma hora.

É impossível, pois o seletor da postagem, e do perfil são iguais.

Também tenho essa opinião, porque nunca vi um fórum com versão phpBB 2 com um perfil personalizado, e procurei no Buscar aqui da FDF, e não encontrei nada também.

Então é isso, é impossível...

Olá!

Não entendi o porque dessa parte na sua folha css:

Código:

body {
        background-color: #000000;
    background-image: url(http://i15.servimg.com/u/f15/11/50/67/17/bg_g12.png)
    background-attachment: ;
        background-position: repeat;
    }
* html {
    scrollbar-face-color: #;
    scrollbar-highlight-color: #;
    scrollbar-shadow-color: #;
    scrollbar-3dlight-color: #;
    scrollbar-arrow-color: #;
    scrollbar-track-color: #;
    scrollbar-darkshadow-color: #;
    }
*+ html {
    scrollbar-face-color: #;
    scrollbar-highlight-color: #;
    scrollbar-shadow-color: #;
    scrollbar-3dlight-color: #;
    scrollbar-arrow-color: #;
    scrollbar-track-color: #;
    scrollbar-darkshadow-color: #;
    }

Não utiliza o CSS de base não?

Até mais!

Firenando escreveu:Olá, andei estudando quase uma hora.

É impossível, pois o seletor da postagem, e do perfil são iguais.

Também tenho essa opinião, porque nunca vi um fórum com versão phpBB 2 com um perfil personalizado, e procurei no Buscar aqui da FDF, e não encontrei nada também.

Então é isso, é impossível...

Olá Firenando!

Então você me indica que eu mude a versão do meu fórum para conseguir mudar o estilo do perfil ?

A versão citada é punBB. Se quer fazer igual, utilize a punBB...

seender escreveu:Olá!

Não entendi o porque dessa parte na sua folha css:

Código:

body {
        background-color: #000000;
    background-image: url(http://i15.servimg.com/u/f15/11/50/67/17/bg_g12.png)
    background-attachment: ;
        background-position: repeat;
    }
* html {
    scrollbar-face-color: #;
    scrollbar-highlight-color: #;
    scrollbar-shadow-color: #;
    scrollbar-3dlight-color: #;
    scrollbar-arrow-color: #;
    scrollbar-track-color: #;
    scrollbar-darkshadow-color: #;
    }
*+ html {
    scrollbar-face-color: #;
    scrollbar-highlight-color: #;
    scrollbar-shadow-color: #;
    scrollbar-3dlight-color: #;
    scrollbar-arrow-color: #;
    scrollbar-track-color: #;
    scrollbar-darkshadow-color: #;
    }

Não utiliza o CSS de base não?

Até mais!

Não conheço muito de CSS, mas essa parte da folha foi onde eu copiei da base de CSS

Olá,

Crie um novo JavaScript com este código

Código:

;jQuery(document).ready(function(){jQuery('.postdetails ').each(function(){jQuery(this).html(jQuery(this).html().replace(/<br>/g,'</div><br>').replace(/<span class="label">/g,'<div id=campoperfilmsg style="background-color:white;border:1px solid #B9C4CD;padding:3px 10px 3px 10px;color:black;font-size:12px;margin-bottom:2px;text-align:left; widht: 50px;"><span style="white-space">'));jQuery(this).find('span span').css({'color':'#039BE3','font-weight':'bold','font-size':'13px'});jQuery(this).find('br').css('display','none')})});

Investimento : Em todas as paginas

Até

Quakeline escreveu:Olá,

Crie um novo JavaScript com este código

Código:

;jQuery(document).ready(function(){jQuery('.postdetails ').each(function(){jQuery(this).html(jQuery(this).html().replace(/<br>/g,'</div><br>').replace(/<span class="label">/g,'<div id=campoperfilmsg style="background-color:white;border:1px solid #B9C4CD;padding:3px 10px 3px 10px;color:black;font-size:12px;margin-bottom:2px;text-align:left; widht: 50px;"><span style="white-space">'));jQuery(this).find('span span').css({'color':'#039BE3','font-weight':'bold','font-size':'13px'});jQuery(this).find('br').css('display','none')})});

Investimento : Em todas as paginas

Até

Olá Quakeline!

Ficou muito bom o código realmente da forma que eu queria.
só gostaria de saber se é possivel fazer umas modificações nele, as coisas do menu que ficou dentro do quadro ficaram com a fonte maior, e a borda do quadro gostaria de deixar em um tom mais escuro, ah e também gostaria de saber se é possivel deixar o rank do usuario ou o nome dele em um quadro igual aquele.

Desde já muito obrigado.

Bom pessoal, venho aqui Agradeçer a todos pela atenção e por me ajudar.

Não consegui oque eu realmente gostaria quando abri o tópico, mas creio que foi bom, pois tomei ah decisão e vou mudar a versão de meu fórum, vou ir para Punbb, me déram essa dica aqui.

E acredito que lá terei mais facilidade em fazer essa personalização no Perfil.

Mais uma vez meu Muito Obrigado a todos !!!
Até +