Header personalizado

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

Resolvido Header personalizado

Mensagem por gabeahero em 24/05/13, 01:33 pm

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
avatar

gabeahero
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 182
Pontos Ativos : 329

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

Resolvido Re: Header personalizado

Mensagem por Sennior em 24/05/13, 02:39 pm

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!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Header personalizado

Mensagem por gabeahero em 24/05/13, 03:10 pm

Eu queria tipo que nem no print Triste
avatar

gabeahero
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 182
Pontos Ativos : 329

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

Resolvido Re: Header personalizado

Mensagem por Gaaratsu em 24/05/13, 03:59 pm

Olá!

Aceda á "Folha de estilos CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta 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 Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão das páginas HTML
Clique em Adicionar Criar uma nova página HTML.

Título * Seta Coloque qualquer título.
Você deseja utilizar o início e o final da página do seu fórum ? Seta Marque sim.
Usar esta página como página inicial? Seta Marque não.
Código HTML * Seta 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 Seta Geral Seta Fórum Seta 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! Piscada
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7499

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

Resolvido Re: Header personalizado

Mensagem por gabeahero em 24/05/13, 04:36 pm

Não deu '-'
avatar

gabeahero
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 182
Pontos Ativos : 329

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

Resolvido Re: Header personalizado

Mensagem por Gaaratsu em 24/05/13, 04:37 pm

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! Piscada


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7499

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

Resolvido Re: Header personalizado

Mensagem por gabeahero em 24/05/13, 04:42 pm

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?
avatar

gabeahero
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 182
Pontos Ativos : 329

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

Resolvido Re: Header personalizado

Mensagem por Gaaratsu em 24/05/13, 04:50 pm

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 :seta2: Visualização :seta2: Imagens e Cores :seta2: Cores :seta2: 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! Piscada


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7499

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

Resolvido Re: Header personalizado

Mensagem por gabeahero em 24/05/13, 04:57 pm

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

gabeahero
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 182
Pontos Ativos : 329

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

Resolvido Re: Header personalizado

Mensagem por Gaaratsu em 24/05/13, 04:58 pm

Saudações!

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

Atenciosamente! Piscada
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7499

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

Resolvido Re: Header personalizado

Mensagem por gabeahero em 24/05/13, 05:00 pm

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

gabeahero
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 182
Pontos Ativos : 329

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

Resolvido Re: Header personalizado

Mensagem por Gaaratsu em 24/05/13, 05:03 pm

Saudações novamente!

Aceda á "Descrição do Fórum":
Painel de Controle Seta Geral Seta Fórum Seta 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! Piscada


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7499

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

Resolvido Re: Header personalizado

Mensagem por gabeahero em 24/05/13, 05:39 pm

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

gabeahero
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 182
Pontos Ativos : 329

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

Resolvido Re: Header personalizado

Mensagem por Gaaratsu em 25/05/13, 02:08 am

Saudações senhor!

Estranho querido, em meu fórum de testes funciona correctamente. Tonto
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 Editar. 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! Piscada
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7499

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

Resolvido Re: Header personalizado

Mensagem por gabeahero em 25/05/13, 11:46 am

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

gabeahero
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 182
Pontos Ativos : 329

Ver perfil do usuário http://sevendeadlysinsrpg.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