Menu no punbb em cima do logo
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Menu no punbb em cima do logo
Qual é minha questão:
http://yourimg.in/m/n7gqxwk.png
Quero meu menu assim, como faço?
Endereço do meu fórum:
http://testes-rb.forumfacil.net
Versão do meu fórum:
PUNBB
http://yourimg.in/m/n7gqxwk.png
Quero meu menu assim, como faço?
Endereço do meu fórum:
http://testes-rb.forumfacil.net
Versão do meu fórum:
PUNBB
Re: Menu no punbb em cima do logo
Olá!
Aceda à "Gestão dos códigos JavaScript":
Painel de Controle Módulos Gestão dos códigos JavaScript
Clique em "Criar um novo JavaScript".
Título Escolha o título que quiser
Investimento Em todas as páginas
Codigo JavaScript:
Clique em "Confirmar".
Até mais.
Aceda à "Gestão dos códigos JavaScript":
Painel de Controle Módulos Gestão dos códigos JavaScript
Clique em "Criar um novo JavaScript".
Título Escolha o título que quiser
Investimento Em todas as páginas
Codigo JavaScript:
jQuery(document).ready(function(){jQuery('.pun').prepend(jQuery('#pun-head'))});
Clique em "Confirmar".
Até mais.
Re: Menu no punbb em cima do logo
kkk sabia que iam gostar do forum do meu colega é mssa né ceheio de gente disaigner bom kk
Re: Menu no punbb em cima do logo
Peço que não faça posts desse tipo, pois pode ser considerado flood.otmundobr escreveu:kkk sabia que iam gostar do forum do meu colega é mssa né ceheio de gente disaigner bom kk
Existem vários fóruns que tem o menu em cima do logo.
Eu entendi o que você disse, só peço que não faça comentários desnecessários.
Até mais.
Re: Menu no punbb em cima do logo
Luciano98 escreveu:Olá!
Aceda à "Gestão dos códigos JavaScript":
Painel de Controle Módulos Gestão dos códigos JavaScript
Clique em "Criar um novo JavaScript".
Título Escolha o título que quiser
Investimento Em todas as páginas
Codigo JavaScript:jQuery(document).ready(function(){jQuery('.pun').prepend(jQuery('#pun-head'))});
Clique em "Confirmar".
Até mais.
Olá, A página do fórum está demorando muito para carregar depois que eu coloquei tal código.
Não entra mais, há outro código que eu possa adicionar?
Re: Menu no punbb em cima do logo
otmundobr escreveu:kkk sabia que iam gostar do forum do meu colega é mssa né ceheio de gente disaigner bom kk
Desculpe pelo flood..
Mais que gente sem cultura, ''Disaigner'', e ainda se entromete em assuntos que não é de seu interesse.
Tenho raiva de gente ******...
E apenas estou fazendo esse tema para guardar em minha galeria -.-'
Re: Menu no punbb em cima do logo
Olá!
Tente adicionar este código:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS
Até mais!
Tente adicionar este código:
- Código:
#pun-intro {
margin: 0;
padding: 1.5em 1em 1em 1em;
border-bottom: 0px solid #296fa5;
background-color: transparent;
background-image: url('http://i54.tinypic.com/2n6f87n.png');
text-align: center;
background-repeat: no-repeat;
margin-left: 0px;
width: 940px;
height: 202px;
margin-top: 0px;
}
*+ html #pun-head {
margin-top: -5px;
}
* html #pun-head {
margin-top: -5px;
}
#pun-logo {
float: left;
margin-top: -10px;
}
#pun-title {
padding-left: 5px;
white-space: nowrap;
color: #ffffff;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 20px;
}
#pun-title h1 {
font-size: inherit;
font-weight: inherit;
color: inherit;
}
p#pun-desc {
color:#DDDDDD;
padding: 0.3em 0 0 5px;
}
/* Main navigation (Menu, information and crumbs)-------------------------------------------------------------*/
#i_icon_mini_index {
background-image: url('http://img571.imageshack.us/img571/5808/forumhover.png');
width: 68px;
height: 27px;
}
#i_icon_mini_index:hover {
background-image: url('http://img571.imageshack.us/img571/5808/forumhover.png');
width: 68px;
height: 27px;
}
#i_icon_mini_new_message {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/6110.png');
width: 68px;
height: 27px;
}
#i_icon_mini_new_message:hover {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/6110.png');
width: 68px;
height: 27px;
}
#i_icon_mini_login {
background-image: url('http://img830.imageshack.us/img830/1231/loginhover.png');
width: 68px;
height: 27px;
}
#i_icon_mini_login:hover {
background-image: url('http://img830.imageshack.us/img830/1231/loginhover.png');
width: 68px;
height: 27px;
}
#i_icon_mini_register {
background-image: url('http://img200.imageshack.us/img200/6451/ragistarhover.png');
width: 71px;
height: 27px;
}
#i_icon_mini_register:hover {
background-image: url('http://img200.imageshack.us/img200/6451/ragistarhover.png');
width: 71px;
height: 27px;
}
#i_icon_mini_logout {
background-image: url('http://img828.imageshack.us/img828/7703/sairhover.png');
width: 68px;
height: 27px;
}
#i_icon_mini_logout:hover {
background-image: url('http://img828.imageshack.us/img828/7703/sairhover.png');
width: 68px;
height: 27px;
}
#i_icon_mini_portal {
background-image: url('http://img31.imageshack.us/img31/4859/portalhover.png');
width: 68px;
height: 27px;
}
#i_icon_mini_portal:hover {
background-image: url('http://img31.imageshack.us/img31/4859/portalhover.png');
width: 68px;
height: 27px;
}
#i_icon_mini_gallery {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/gal10.png');
width: 68px;
height: 27px;
}
#i_icon_mini_gallery:hover {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/gal10.png');
width: 68px;
height: 27px;
}
#i_icon_mini_profile {
background-image: url('http://img849.imageshack.us/img849/3596/perfilhover.png');
width: 68px;
height: 27px;
}
#i_icon_mini_profile:hover {
background-image: url('http://img849.imageshack.us/img849/3596/perfilhover.png');
width: 68px;
height: 27px;
}
#i_icon_mini_message {
background-image: url('http://img193.imageshack.us/img193/9446/mphover.png');
width: 51px;
height: 27px;
}
#i_icon_mini_message:hover {
background-image: url('http://img193.imageshack.us/img193/9446/mphover.png');
width: 51px;
height: 27px;
}
#i_icon_mini_members {
background-image: url('http://img268.imageshack.us/img268/9449/membroshover.png');
width: 71px;
height: 27px;
}
#i_icon_mini_members:hover {
background-image: url('http://img268.imageshack.us/img268/9449/membroshover.png');
width: 71px;
height: 27px;
}
#i_icon_mini_search {
background-image: url('http://img402.imageshack.us/img402/2650/procurarhover.png');
width: 68px;
height: 27px;
}
#i_icon_mini_search:hover {
background-image: url('http://img402.imageshack.us/img402/2650/procurarhover.png');
width: 68px;
height: 27px;
}
#i_icon_mini_groups {
background-image: url('http://img695.imageshack.us/img695/8910/gruposhover.png');
width: 68px;
height: 27px;
}
#i_icon_mini_groups:hover {
background-image: url('http://img695.imageshack.us/img695/8910/gruposhover.png');
width: 68px;
height: 27px;
}
#pun-head #pun-navlinks {
padding: 0.5em 1.1em 0.6em 1.1em;
background-color: transparent;
border-color: #dddddd;
border: 0px;
margin-top: -235px;
margin-bottom: 130px;
}
#pun-navlinks ul {
list-style: none;
text-align: right;
}
#pun-navlinks li {
display: inline;
font-size: 1.15em;
}
#pun-navlinks li a {
margin: 0 0em 0 0;
}
body {background-color: #414141;background-image: url('http://img233.imageshack.us/img233/2741/bodycr10.png');background-attachment: scroll;background-repeat: repeat-x;color: #848484;font-size: 12px;font-family: tahoma;background-position: top center;}
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS
Até mais!
Tópicos semelhantes
» Menu de navegação em cima do logo - PunBB
» Menu em cima da logo
» Menu em cima do logo
» Colocar o menu em cima do logo
» Caixa de busca e menu em cima do logo
» Menu em cima da logo
» Menu em cima do logo
» Colocar o menu em cima do logo
» Caixa de busca e menu em cima do logo
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos