Header personalizado

Qual é minha questão:
Olá, Todos os fóruns de naruto que eu vejo quase sempre são assim -> 

Um topo bem criado, Ai vem o menu e ai os fóruns etc... como faço assim?, Um topo, Menu ai os Fóruns etc e etc..?

Agradeço desde já

GabeAHero


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

Versão do fórum:
PUNBB

Saudações!

Muitas vezes eles usam uma edição de Template. Ao caso aqui seria meio difícil do senhor conseguir estas edições, o que podemos fazer é apenas lhe dar algumas coisas, como o menu, o jeito do logo, etc...

Até mais!

Eu queria tipo que nem no print

Olá!

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

Código:

#msg-categoria{background:#2672C8;box-shadow:0 0 10px #000;color:#fff;float:right;margin-top:50px;padding:7px;width:500px}h3.msg-titulo{font-family:Verdana,Arial,sans-serif;font-size:2em!important;font-weight:700!important;margin-top:-15px;text-shadow:0 0 5px #000}

Valide!

Aceda á "HTML & JAVASCRIPT":
Painel de Controle Módulos HTML & JAVASCRIPT Gestão das páginas HTML
Clique em Criar uma nova página HTML.

Título * Coloque qualquer título.
Você deseja utilizar o início e o final da página do seu fórum ? Marque sim.
Usar esta página como página inicial? Marque não.
Código HTML * Adicione o código abaixo:

Código:

<div id="msg-categoria"><h3 class="msg-titulo">Bem-vindo ao NRPGS</h3><p class="cont-msg">Bem-vindo ao Naruto RPG Storm. Este fórum trata de um jogo online com sistema de pontos, conhecido mundialmente como RPG, aqui poderás criar uma vida e participar das mais diversas aventuras, mas antes, aconselhamos checar as regras.</p></div>

Aceda á "Descrição do Fórum":
Painel de Controle Geral Fórum Configuração
Em "Descrição do fórum" cole este código:

<iframe id="msg-categoria" type="text/html" src="/hY-" frameborder="0"></iframe>

Y = ID da página criada. Ex: /h1-

Atenciosamente!

Não deu '-'

Saudações senhor!

Basta seguir tudo conforme e com bastante atenção, testei aqui e funciona perfeitamente!
Lembre-se que o senhor deverá trocar o Y pelo número da página HTML.

Atenciosamente!

sim eu troquei por 1 ficou h1 só que bugou o meu header, Eu quero um header personalizado como de exemplo a imagem ai o menu e os fóruns, Poderia me mandar print do seu como ficou?

Saudações senhor!

O código está funcional e sem erros. Sabe aquela parte em que diz: Bem vindo ao NLF? Foi isto que adicionamos. Agora vamos ao CSS!

Aceda à sua "Folha de estilo CSS":
Painel de Controle Visualização Imagens e Cores Cores Aba 'Folha de estilo CSS'

Código:

Código:

body {
background: url(http://i.imgur.com/HYYqV6m.jpg) repeat scroll 0 0 #363636;
color: #5a5a5a;
cursor: url(http://upamais.com/images/91779891322518179905.png), url(http://upamais.com/images/91779891322518179905.png), auto;
font-family: Lato,tahoma,helvetica,arial,sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: 400;
}
.pun {
line-height: 130%;
margin: 0 auto;
min-width: 768px;
padding: 5px;
width: 98%;
}
#pun-intro {
background: none repeat scroll 0 0 transparent;
border: medium none;
margin: 5% auto auto;
padding: 35px 0;
text-align: left;
width: 980px;
}
#pun-logo {
position: relative;
top: 15px;
}
#pun-logo {
float: left;
}
.pun fieldset, .pun img {
border: none;
}
.pun {
line-height: 130%;
}
#page-body {
background: none repeat scroll 0 0 #fff;
border-color: #4682B4;
border-radius: 5px 5px 5px 5px;
border-style: solid;
border-width: 4px;
margin: 10px auto auto 50px;
padding: 5px;
position: relative;
width: 1100px;
}
#pun-foot {
clear: both;
}

Atenciosamente!

Deu certo, Só que aquela parte Bem vindo ao NLF ao invez de ficar o fundo fica repetindo o fórum intende?

Saudações!

Poderia me passar o link do fórum que o senhor adicionou o efeito? Assim poderei ver o que está ocorrendo.

Atenciosamente!

Olá Dr.House aqui está o link -> http://narutorpgwarninja.forumeiros.com/

Saudações novamente!

Aceda á "Descrição do Fórum":
Painel de Controle Geral Fórum Configuração
Em "Descrição do fórum" cole este código:

Código:

<iframe id="msg-categoria" type="text/html" src="/hY-" frameborder="0"></iframe>

Y = ID da página criada. Ex: /h1-

Atenciosamente!

continua o mesmo problema '-' naquela área onde é a mensagem de bem vindo, o Fórum se repete

Saudações senhor!

Estranho querido, em meu fórum de testes funciona correctamente.
O HTML está ativo em seu fórum? Lembre-se de ativar o HTML por completo.

1 - Activar o HTML no Painel de Controle:
Painel de Controle ->> Geral ->> Fórum ->> Mensagns, MP e Email
Agora terá de activar a opção: "Permitir HTML".

2 - Activar o HTML no perfil de usuário: (não é no Painel de Controle)
Perfil ->> Preferências
Activar a opção "Sempre permitir HTML".

3 - Activar o HTML nos tópicos e mensagens: (não é no Painel de Controle)
Tópico ou Mensagem ->> Opções ->>
Não marcar a opção "Desativar códigos HTML nesta mensagem".

Caso mesmo assim não funcione, vá na gestão das páginas HTML e clique em . Feito isto, procure pela opção "Você deseja utilizar o início e o final da página do seu fórum ?" e marque "Não".

Confirme!

Atenciosamente!

Não consegui oque queria mais dei um geito e ficou bacana pode fechar, E obrigado