Topo igual desse fórum

[ShupUP]

Qual é minha questão:
Oi, eu queria o código desse topo,
o endereço é do fórum é http://shift.forumactif.com/forum

É onde ta marcado de preto, o topo desse fórum vai de uma ponta a outra da página

Links e imagens do meu problema:


Endereço do meu fórum:
http://www.nacaodospassaros.com/


Versão do meu fórum:
PHPBB3

[BrunoH.]

Olá!
O Senhor se refere aos anúncios giratórios no fórum? E para podermos dar procedimento a sua questão, por favor informe-nos o endereço de seu fórum.

Atenciosamente,
BrunoH.

[bean]

Olá,


Tente o código abaixo:

Painel de Controle Visualização Imagens&Cores Cores

Aceda a Folha de Estilo CSS:

Código:


/* ---- By: Lifes ---- */
element.style {
}
Matched CSS Rules
img {
border-width: 0;
}
* {
margin: 0;
padding: 0;
}
user agent stylesheetimg {
display: inline-block;
}
Pseudo ::selection element
::selection {
background: #6CA6D5;
color: #fff;
}
Inherited from a#logo
a:hover {
color: #f80;
}
a:visited {
color: #0372be;
}
a:link {
color: #0474bf;
}
user agent stylesheeta:-webkit-any-link {
color: -webkit-link;
cursor: auto;
}
Inherited from div#logo-desc
#logo-desc {
text-align: center;
}
Inherited from div.headerbar
.headerbar {
color: #FFF;
}
Inherited from body#phpbb
body {
color: #666;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
}
Inherited from html#min-width
html {
font-size: 100%;
}
/* ---- Fim do C3DE ---- */


Cordialmente!

[ShupUP]

Amigo, editei meu post e coloquei o endereço, o que eu quero é o que está dentro das duas linhas pretas, tipo, nesse fórum o topo vai de um lado ao outro, e pra baixo nas categorias não pega na tela toda

olha



Lifes, não resultou

[BrunoH.]

Olá!
Aceda a "Folha de Estilo CSS":

Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS

Código:

Código:

.headerbar {
background-color: #12A3EB;
background-image: url(http://i43.servimg.com/u/f43/16/63/75/54/brandi11.png);
color: white;
height: 100px;
margin-left: -15px;
margin-right: -15px;
}
.headerbar {
background-color: #1675BC;
background-image: url(http://2img.net/i/fa/fdf3/bg_header.jpg);
background-repeat: repeat-x;
margin-bottom: 4px;
padding: 0 5px;
}

e Valide!

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'

Atenciosamente,
BrunoH.

[ShupUP]

Não ficou parecido, eu quero o menu em cima da barra cinza, e o azul a cima da barra cinza

o código que vc passou, não ficou parecido

[Daemon]

Aceda a seu css:

Código:


body#phpbb{
background:#d8dde8 url(http://i.imgur.com/xhviM.jpg) top repeat-x;
margin-top: 175px;
height:148px;
}

/*------------------------------------------------*/
/*-------------[Navbar]------------*/
/*------------------------------------------------*/

#page-header .navbar .navlinks{
text-align: center;
margin-top: -53px;
}

[ShupUP]

ficou certo, como faço pra chegar o fórum e o menu mais pra cima?

olha em meu fórum de teste como ficou

http://pantanoaqui.forumeiros.com/forum

[Daemon]

onde tem margin-top:-53px; vai aumentando até o menu ficar numa posição legal...

[ShupUP]

consegui meu amigo, sabe o menu? como eu mudo a posição dele?
quero subir um pouco.

olha como ta http://pantanoaqui.forumeiros.com/forum

[Daemon]

pode mandar o seu css pra que eu edite?

[ShupUP]

meu único css é o código do topo que vc me passou rs

eu já vi uns código que da pra subir ou descer o menu

[seender]

Olá!

Utilize este código em sua folha CSS:

Código:

.headerbar {
background-color: #12A3EB;
background-image: url(http://i43.servimg.com/u/f43/16/63/75/54/brandi11.png);
color: white;
height: 100px;
margin-left: -15px;
margin-right: -13px;
  margin-top:-15px;
}
span.corners-top,span.corners-bottom{display:none;}
#page-header .navbar {
background-image: url(http://i47.servimg.com/u/f47/16/87/99/88/2yo3gx10.png);
height: 51px;
margin-left: -15px;
margin-right: -15px;
margin-top: -4px;
padding: 0 10px;
}
#search-box{display:none;}
ul.navlinks{border-bottom:0px;}
.hlogin,.hlogin a:link,.hlogin a:visited{color:#666;font-family:Arial,Geneva,Helvetica,Verdana,sans-serif;text-decoration:none}.hlogin{-moz-border-radius:0 0 7px 7px;-moz-box-shadow:0 0 8px 0 #353535;-webkit-border-radius:0 0 7px 7px;-webkit-box-shadow:0 0 8px 0 #353535;background:-moz-linear-gradient(#ffffff,#f2f2f2);background-color:#fff;background-image:-webkit-linear-gradient(#ffffff,#f2f2f2);border:1px solid #c4c4c4;border-radius:0 0 7px 7px;box-shadow:0 0 8px 0 #353535;float:right;font-size:13px;height:31px;margin:0 20px 0 0;padding:0 0 0 10px;text-align:right;vertical-align:middle;position:absolute;z-index:1;right:15px;top:0px}.hlogin #header{height:26px;padding:5px 20px 0 10px;vertical-align:middl;}
ul.linklist img{display:none;}
#page-header .navbar{padding-top:10px;}

Adicione em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS

Agora utilize este JS:

Código:

$(document).ready(function() {$("#wrap") .prepend("<div class=hlogin><div id=header>Bem vindo ao fórum <a href=/login>Login</a>&nbsp|&nbsp<a href=/register>Registre-se</a> </div></div>");});

Para adicionar este é mais confiável que crie uma nova página HTML, veja como criar no tutorial: https://ajuda.forumeiros.com/-t7967.htm

Logo em seguida pegue o link desta nova página criada, com o código dentro dela (óbvio) e modifique o código abaixo:

<script src=Endereço da página HTML></script>

Depois de alterar o valor de vermelho pelo link da página HTML, copie o código (já modificado) e cole em:
Painel...-> Geral -> Fórum -> Configurações / Descrição do fórum

Melhores cumprimentos,
seender

[Daemon]

eu acho que essa de colocar codigos na descrição do fórum é uma furada... pois existem varios codigos que precisam do mesmo... por isso, quanto mais simples for o codigo a se utilizar melhor .-.

veja que utilizei um fórum de testes e funcionou normalmente somente com css:
http://lifegames.forumbrasil.net/

[seender]

Olá!

Do que está falado daemon? mas ficou sem a mensagem de se logar, veja aqui: http://brazucas.forumado.net/

Bom, quero apenas assegurar ao autor do tópico que não há furada alguma, nunca iria postar algo para prejudicar seu fórum, sou um profissional dentro do que faço, estou aqui há mais de 4 anos, a maioria deste tempo foi na staff.

Melhores cumprimentos,
seender

[ShupUP]

qual mensagem de se logar?

[Daemon]

Não estou dizendo que voce fez algo errado amigo... leia direito oq eu disse q irá entender...

e creio eu que o ShupUP somente queria a header e não a msg de logar-se lá no topo!

EDIT V:
se você ver ele pediu a header do topo sim... olhe nessa imagem onde ele marcou o que queria


mas td bem... chega de intrigas até pq o intuito de ambos é ajudar né .-.

[seender]

Olá!

Não, ele pediu o topo do fórum, não header e chega, esperamos a conclusão do tópico.

Resolvido autor?

Até mais!

[ShupUP]

ainda não seender, o código que vc me passou, deixa as categorias quadradas, os widget tb, repare que tb corta a parte de baixo das categorias, tem como arrumar isso?

olha como fica no fórum http://pantanoaqui.forumeiros.com/forum a parte de cima, não pega na pagina toda, onde eu posso aumentar o tamanho?

[Daemon]

pra arredondar a borda da categoria tenta esse codigo aqui:

Código:


.forabg {
background:#ebf0f3 url(http://hitskin.com/themes/16/23/35/i_list_bg.jpg) repeat-x top;
background-position: 0 0;
clear: both;
margin-bottom: 4px;
padding: 0 0 1px;
border-top: 1px solid #316897;
border-radius: 4px 4px 0px 0px;
}

[ShupUP]

obrigado aos dois, abraço