Menu em cima e categorias

Boa tarde,
Eu queria o menu do meu fórum igual a de um tema:
Meu Fórum: http://pro-universalcheats.forumeiros.com
Tema com o Menu: http://pt.hitskin.com/?afolder=theme&id=168618

E Também queria a caixa da categoria(não sei se é esse mesmo o nome real) igual a desse tema:
Tema: http://pt.hitskin.com/buscar-um-tema/elite-caos-webcheats-173161.htm

OBS.: Caixa de categoria que eu falo é aquele lugar onde vem escrito a categoria e dentro tem os fóruns...

Obrigado pela a atenção...

Sobre o menu em cima, coloque esse código

#page-header .navbar {
position: absolute;
top: 0;
}

1. Folha de estilos CSS
2. Visualização
3. Cores
4. Folha de estilos CSS

Olá,

Em relação as categorias, Leia isto: https://ajuda.forumeiros.com/-t11750.htm

Até mais!

@duuuwh: Eu não quero o meu menu em cima, eu quero o mesmo menu daquele tema em cima

@Shetos: Valeu mais não é isso que eu quero, esta vendo que no meu fórum a caixa da categoria é azul eu queria uma caixa de categoria preta igual a daquele tema

Olá meu querido.

Vá em :
Painel de controle Visualização Cores "Aba" Folha CSS.

Em seu conteúdo, cole o seguinte código :

Código:



#page-header .navbar ul.linklist {
border-bottom: 0px;
}

#page-header #search-box {
margin-top: -16px;
}


#page-header .navbar span.corners-top, #page-header .navbar span.corners-top span, #page-header .navbar span.corners-bottom, #page-header .navbar span.corners-bottom span {
display: none;
}

#page-header .headerbar span.corners-top, #page-header .headerbar span.corners-top span, #page-header .headerbar span.corners-bottom, #page-header .headerbar span.corners-bottom span {
background-image: none;
}

#page-header .navbar ul.linklist li{
padding: 10px;
}

#page-header .navbar ul.linklist li:hover{
background: url(http://www.submundos.com/forum/Themes/inferno/images/custom/active.png) center top;
}

#page-header .navbar {
padding: 10px;
text-align: center;
background: url(http://www.submundos.com/forum/Themes/inferno/images/custom/toolbar.png);
}

#page-header .navbar ul.linklist li a{
color: #fff;
text-align: center;
font-size: 13px;
text-shadow: 0.1em 0em 0.2em #555;
}

#page-header .navbar ul.linklist {
margin-bottom: -4px;
}

#i_icon_mini_index, #i_icon_mini_faq, #i_icon_mini_search, #i_icon_mini_members,
#i_icon_mini_groups, #i_icon_mini_profile, #i_icon_mini_register, #i_icon_mini_message, #i_icon_mini_logout, #i_icon_mini_calendar, #i_icon_mini_portal, #i_icon_mini_login, #i_icon_mini_gallery, #i_whosonline {
display: none;
}

Atenciosamente.

MissFurby o seu código quase deu certo, só tem um erro que é os nomes tipo não aparece indici, portal,faq,etc.. só aparece chat...

Olá meu querido.

Tente trocar o código por este:

Código:



#page-header .navbar ul.linklist {
border-bottom: 0px;
}

#page-header #search-box {
margin-top: -16px;
}


#page-header .navbar span.corners-top, #page-header .navbar span.corners-top span, #page-header .navbar span.corners-bottom, #page-header .navbar span.corners-bottom span {
display: none;
}

#page-header .headerbar span.corners-top, #page-header .headerbar span.corners-top span, #page-header .headerbar span.corners-bottom, #page-header .headerbar span.corners-bottom span {
background-image: none;
}

#page-header .navbar ul.linklist li{
padding: 10px;
}

#page-header .navbar ul.linklist li:hover{
background: url(http://www.submundos.com/forum/Themes/inferno/images/custom/active.png) center top;
}

#page-header .navbar {
padding: 10px;
text-align: center;
background: url(http://www.submundos.com/forum/Themes/inferno/images/custom/toolbar.png);
}

#page-header .navbar ul.linklist li a{
color: #fff;
text-align: center;
font-size: 13px;
text-shadow: 0.1em 0em 0.2em #555;
}

#page-header .navbar ul.linklist {
margin-bottom: -4px;
}

O erro persiste?
Atenciosamente.

Olá!

Tente utilizar o seguinte código:

Código:

#page-header .navbar {
position: absolute;
padding: 0px;
top: 5px;
left: 0;
right: 0;
margin: 0 auto;
border: 0px solid #cccccc;
background: none;
}

#page-header .navbar ul.linklist {
border-bottom: 0px;
}

#page-header #search-box {
margin-top: -16px;
}


#page-header .navbar span.corners-top, #page-header .navbar span.corners-top span, #page-header .navbar span.corners-bottom, #page-header .navbar span.corners-bottom span {
display: none;
}

#page-header .headerbar span.corners-top, #page-header .headerbar span.corners-top span, #page-header .headerbar span.corners-bottom, #page-header .headerbar span.corners-bottom span {
background-image: none;
}

#page-header .navbar ul.linklist li{
padding: 10px;
}

#page-header .navbar ul.linklist li:hover{
background: url(http://www.submundos.com/forum/Themes/inferno/images/custom/active.png) center top;
}

#page-header .navbar {
padding: 10px;
text-align: center;
background: url(http://www.submundos.com/forum/Themes/inferno/images/custom/toolbar.png);
}

#page-header .navbar ul.linklist li a{
color: #fff;
text-align: center;
font-size: 13px;
text-shadow: 0.1em 0em 0.2em #555;
}

#page-header .navbar ul.linklist {
margin-bottom: -4px;
}

.navbar {
padding: 15px;
}

.navbar {
background-image: url('');
background-position: bottom;
background-repeat: repeat-x;
border: 1px solid #ccc;
-moz-border-radius: 0px 0px 0px 0px;
height: 30px;
margin-left:-6px;
margin-right: -6px;
}

#page-header .navbar {
box-shadow: 3px 3px 5px #f2f2;
-moz-box-shadow: 0 0 1em #f2f2;
-webkit-box-shadow: 3px 3px 5px #f2f2;
}

Painel de Controle Visualização Home Page Cabeçalho & Navegação
Depois basta colocar a opção "Exibir apenas as imagens no menu de navegação :" para "Não" e ver como fica.
Se quiser retirar as imagens definitivamente do menu de navegação, retire uma por uma pela url em:
Painel de Controle Visualização Gestão das imagens Modo Avançado

Até mais.
Luciano98

Olá,
Muito Obrigado vocês dois, os códigos dos dois funcionou só que realmente o meu fórum ficou estranho com o menu em cima... Muito Obrigado mesmo pela a atenção de vocês...
Agora eu preciso aquele negocio das categorias eu queria saber se tem como mudar a caixa da categoria do meu fórum que é azul para preto igual aquele tema da elite caos...

Olá!

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

Código:

.forabg{background-color:#2b2b2b;background-image:url(http://hitskin.com/themes/17/31/61/i_back_title.png);background-repeat:repeat-x;color:#536482;list-style-type:none;margin:0}

Salve.

Até mais.
Luciano98

Funfo certinho vlw

Duvidas resolvidas, Obrigado a todos que tentaram me ajudar....

Flw's