Detalhes da dúvida

Versão do fórum : phpBB3
Nível de acesso : Fundador
Navegador usado : Google Chrome
Imagem :

Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Problema começou : .
Endereço do fórum : lossantosbr.forumeiros.com

Descrição do problema

Olá, gostaria de substituir a barra do meu fórum pela barra que esta dentro do verde na imagem, se for preciso tem o fórum de onde retirei http://tssabrasil.forumeiros.com/forum



Espero que entendam, Até.

Olá,
você quer algo como na imagem, como o quadrado preto? e Escrito branco que você fala? Ou os nomes?

Caso seja os "Botões" como posso dizer, você deve por um fundo nele, como o preto, tentei procurar onde põe esse fundo, mas não me localizei, espero ter ajudar.

Obs.: Você pode pedir esses menus de navegação no fórum, em Criação Gráficas aqui no fórum.
Espero ter ajudado..


Att..

quero os botões, o design deles, não os menus, como posso colocar no meu fórum?

Para esta função desejada pelo senhor iremos usar um breve código CSS.
Painel de Controle  Visualização  Imagens e Cores  Cores  Folha de Estilo CSS
Depois coloque o seguinte código no inicio de teu CSS:

Código:

.linklist.navlinks.borderless {position: relative;top: -284px;background-color: beige;color: white;}

Caso não funcione coloque esse

Código:

#page-header .navbar {
background: url(http://hitskin.com/themes/19/16/11/i_list_bg.png) bottom;
border: 1px solid #2C5787;
position: fixed;
width: 1545px;
text-align: center;
padding: -1px;
margin-top: -285px;
left: 10px;
}
#page-header a.mainmenu {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% -10px;
padding-top: 14px;
position: relative;
transition: all .2s linear;
color:white;
}

Barra no menu
Adicione esse código:

Código:

#page-header a.mainmenu:hover {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) 50% 0 no-repeat;
bottom: 5px;
position: relative;
}

Caso não funcione adicione esse:

Código:

#page-header a.mainmenu:hover {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) 50% 0 no-repeat!important;
bottom: 5px;
position: relative;
}

Até Mais!

Olá!

Painel de Controle > Visualização > Página inicial > Cabeçalho & Navegação
Procure por 'Exibir apenas as imagens no menu de navegação' e marque não.

Salve.

Utilize esse código CSS:

Código:

#page-header .navbar ul.navlinks{background:url(http://i49.tinypic.com/29ni1ip.jpg);border-bottom:3px solid #A00000;height:30px;margin-left:-23px;margin-top:-31px;min-height:36px;padding:4px 4px 0;position:absolute;width:99.5%}body{overflow-x:hidden}ul.linklist li{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#6F6F6F;display:block;float:left;font-family:'open sans', arial, sans-serif;font-size:12px;font-weight:700;height:35px;line-height:35px;outline:none;padding:0 5px;text-decoration:none;text-transform:uppercase}a.mainmenu{-webkit-border-radius:2px;-webkit-font-smoothing:antialiased;border-radius:3px;color:#fff;display:block;font-family:'Helvetica Neue', Helvetica, Arial, 'lucida grande',tahoma,verdana,arial,sans-serif;height:35px;line-height:35px;outline:none;padding-left:10px;padding-right:9px}a.mainmenu:hover{background:#A00000;text-decoration:none}

Até mais.

Consolado eu gostaria que toda a parte acima do manu ficasse com a cor #333

Até

Olá!

Substitua o código CSS por esse:

Código:

#page-header .navbar ul.navlinks{background:#333333;border-bottom:3px solid #A00000;margin-left:-25px;margin-top:-8px;min-height:36px;padding:4px 4px 0;position:absolute;width:99.5%}body{overflow-x:hidden}ul.linklist li{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#6F6F6F;display:block;float:left;font-family:'open sans', arial, sans-serif;font-size:12px;font-weight:700;height:35px;line-height:35px;outline:none;padding:0 5px;text-decoration:none;text-transform:uppercase}a.mainmenu{border-radius:3px;color:#fff;display:block;font-family:'Helvetica Neue', Helvetica, Arial, 'lucida grande',tahoma,verdana,arial,sans-serif;height:35px;line-height:35px;outline:none;padding-left:10px;padding-right:9px}a.mainmenu:hover{background:#A00000;text-decoration:none}

Até mais.