Topo igual desse fórum

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

Resolvido Topo igual desse fórum

Mensagem por ShupUP em 03/11/12, 11:51 am

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


Última edição por ShupUP em 03/11/12, 02:46 pm, editado 2 vez(es)
avatar

ShupUP
Nível 8

Masculino
Inscrito dia : 22/10/2012
Mensagens : 101
Pontos Ativos : 162

Ver perfil do usuário

Resolvido Re: Topo igual desse fórum

Mensagem por BrunoH. em 03/11/12, 11:58 am

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. Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Topo igual desse fórum

Mensagem por bean em 03/11/12, 12:00 pm

Olá,


Tente o código abaixo:
Painel de Controle Seta Visualização Seta Imagens&Cores Seta 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! Muito feliz
avatar

bean
Usuário destaque

Masculino
Inscrito dia : 17/01/2012
Mensagens : 774
Pontos Ativos : 1003

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

Resolvido Re: Topo igual desse fórum

Mensagem por ShupUP em 03/11/12, 12:07 pm

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
avatar

ShupUP
Nível 8

Masculino
Inscrito dia : 22/10/2012
Mensagens : 101
Pontos Ativos : 162

Ver perfil do usuário

Resolvido Re: Topo igual desse fórum

Mensagem por BrunoH. em 03/11/12, 12:27 pm

Olá!
Aceda a "Folha de Estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta 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://illiweb.com/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. Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Topo igual desse fórum

Mensagem por ShupUP em 03/11/12, 12:49 pm

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
avatar

ShupUP
Nível 8

Masculino
Inscrito dia : 22/10/2012
Mensagens : 101
Pontos Ativos : 162

Ver perfil do usuário

Resolvido Re: Topo igual desse fórum

Mensagem por Daemon em 03/11/12, 12:50 pm

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;
}
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

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

Resolvido Re: Topo igual desse fórum

Mensagem por ShupUP em 03/11/12, 12:55 pm

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
avatar

ShupUP
Nível 8

Masculino
Inscrito dia : 22/10/2012
Mensagens : 101
Pontos Ativos : 162

Ver perfil do usuário

Resolvido Re: Topo igual desse fórum

Mensagem por Daemon em 03/11/12, 01:02 pm

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

avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

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

Resolvido Re: Topo igual desse fórum

Mensagem por ShupUP em 03/11/12, 01:06 pm

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
avatar

ShupUP
Nível 8

Masculino
Inscrito dia : 22/10/2012
Mensagens : 101
Pontos Ativos : 162

Ver perfil do usuário

Resolvido Re: Topo igual desse fórum

Mensagem por Daemon em 03/11/12, 01:09 pm

pode mandar o seu css pra que eu edite?
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

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

Resolvido Re: Topo igual desse fórum

Mensagem por ShupUP em 03/11/12, 01:12 pm

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
avatar

ShupUP
Nível 8

Masculino
Inscrito dia : 22/10/2012
Mensagens : 101
Pontos Ativos : 162

Ver perfil do usuário

Resolvido Re: Topo igual desse fórum

Mensagem por seender em 03/11/12, 01:12 pm

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: http://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
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Topo igual desse fórum

Mensagem por Daemon em 03/11/12, 01:16 pm

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

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

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

Resolvido Re: Topo igual desse fórum

Mensagem por seender em 03/11/12, 01:33 pm

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
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Topo igual desse fórum

Mensagem por ShupUP em 03/11/12, 01:37 pm

qual mensagem de se logar?
avatar

ShupUP
Nível 8

Masculino
Inscrito dia : 22/10/2012
Mensagens : 101
Pontos Ativos : 162

Ver perfil do usuário

Resolvido Re: Topo igual desse fórum

Mensagem por Daemon em 03/11/12, 01:52 pm

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é .-.


Última edição por [GM]-Daemon em 03/11/12, 01:58 pm, editado 1 vez(es)
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

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

Resolvido Re: Topo igual desse fórum

Mensagem por seender em 03/11/12, 01:55 pm

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

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Topo igual desse fórum

Mensagem por ShupUP em 03/11/12, 01:59 pm

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

ShupUP
Nível 8

Masculino
Inscrito dia : 22/10/2012
Mensagens : 101
Pontos Ativos : 162

Ver perfil do usuário

Resolvido Re: Topo igual desse fórum

Mensagem por Daemon em 03/11/12, 02:10 pm

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;
}

avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

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

Resolvido Re: Topo igual desse fórum

Mensagem por ShupUP em 03/11/12, 02:46 pm

obrigado aos dois, abraço
avatar

ShupUP
Nível 8

Masculino
Inscrito dia : 22/10/2012
Mensagens : 101
Pontos Ativos : 162

Ver perfil do usuário

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