Logo do forum

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

Resolvido Logo do forum

Mensagem por phantoleo em 30/04/13, 05:52 pm

Qual é minha questão:
Olá,

Gostaria de saber se existe uma maneira de deixar o meu forum assim:

http://img41.imageshack.us/img41/1610/forumeh.png

Fiz essa imagem no photoshop, o que eu quero no fórum é a parte superior do menu naquele jeito.

Obrigado Piscada

Endereço do meu fórum:
www.digimonl.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por phantoleo em 01/05/13, 01:19 pm, editado 1 vez(es)
avatar

phantoleo
Nível 3

Masculino
Inscrito dia : 04/05/2011
Mensagens : 23
Pontos Ativos : 41

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

Resolvido Re: Logo do forum

Mensagem por ,Smoke em 30/04/13, 06:27 pm

Não entendi sua dúvida, poderia falar de uma maneira mais clara?
avatar

,Smoke
Nível 2

Masculino
Inscrito dia : 21/04/2013
Mensagens : 11
Pontos Ativos : 17

Ver perfil do usuário http://revolution.forum-pro.net/

Resolvido Re: Logo do forum

Mensagem por seender em 30/04/13, 10:44 pm

Olá!

Disponibilize o link do fórum aonde visualizou este efeito.

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: Logo do forum

Mensagem por phantoleo em 30/04/13, 11:08 pm

O forum que tem esse menu é esse:

http://digimonuniverse.forumeiros.com/

Mas eu não queria totalmente igual, digo, apenas o menu daquele jeito.

Obrigado.
avatar

phantoleo
Nível 3

Masculino
Inscrito dia : 04/05/2011
Mensagens : 23
Pontos Ativos : 41

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

Resolvido Re: Logo do forum

Mensagem por bean em 01/05/13, 04:10 am

Olá,

Siga o Tutorial Abaixo:
Painel de Controle Seta Visualização Seta Cores Seta Aceda sua Folha de Estilo CSS

Lá você ira copiar e colar lá o código abaixo:
Código:
/* Barra de Navegação */

#page-header .navbar {
position: relative;
top: -33px;
left: 0px;
background: none;
}

div#page-header div.navbar ul.linklist li a {
    background: url("http://illiweb.com/fa/pbucket.gif") no-repeat scroll right top transparent;
    margin-left: -6px;
    padding: 5px 20px 15px 15px;
}

#page-header .navbar .navlinks a:hover {
background: url("http://illiweb.com/fa/pbucket.gif") ;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
}

#page-header .navbar .navlinks a {
    color: #FFFFFF;
    font: bold 13px/46px arial,helvetica,sans-serif;
    min-width: 600px;
    max-width: 600px;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;}

/* Fim da Navegação */

/* Body + Logo + Descripcion */

body {
    background-attachment: scroll;
    background-color: #ffe2b2;
    background-image: url("http://img35.imageshack.us/img35/1603/18819335.png");
    background-position: top-center;
    background-repeat: repeat-x;
}

#logo img{
display: inline;
float: left;
position: relative;
top: -13px;
left: 0px;}

#logo-desc p {
    color: #ABABAB;
    display: inline;
    float: left;
    font: Tahoma;
    font-size: 16px;
    margin: 0;
    padding: 0;
    position: relative;
    right: -100px;
    top: -9px;
}

/* Fin Body + Logo */

:seta2: Agora você ira ter que trocar seu ícones do menu de acordo com os ícones do menu, No caso que você quer terá que tirar os ícones. Siga o tutorial abaixo:

Painel de Controle Seta Visualização Seta Gestão das Imagens

Lá você ira trocar os ícones de acordo com o nome por exemplo.
Índice: http://illiweb.com/fa/empty.gif
Calendário: http://illiweb.com/fa/empty.gif
e etc, Do íncice até o sair você ira trocar o url das imagens do seu menu por esse url: http://illiweb.com/fa/empty.gif

Feito isso salve e visualize seu menu.

Se o tópico foi de utilidade por favor me ajuda, Clique no + ou no BOTÃO OBRIGADO



Atenciosamente Fotógrafo
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: Logo do forum

Mensagem por phantoleo em 01/05/13, 11:49 am

Olá,

Infelizmente não funcionou, irei reforçar mais uma vez o que quero fazer:

Quero tirar o background vermelho que está atrás do logo do fórum "Digimon Legends" e que a parte branca do fórum (onde ficam as categorias, foruns, etc.) termine no menu, como nessa imagem: http://img41.imageshack.us/img41/1610/forumeh.png
Não precisa ser exatamente igual, mas que chegue perto Piscada

Passei o link daquele fórum porque é semelhante ao modo que quero.

Obrigado.
avatar

phantoleo
Nível 3

Masculino
Inscrito dia : 04/05/2011
Mensagens : 23
Pontos Ativos : 41

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

Resolvido Re: Logo do forum

Mensagem por Quakeeline em 01/05/13, 11:57 am

Olá

Adiciona este código em sua Folha de estilo CSS

Código:
.headerbar {
    background-color: transparent!important;
}
#page-body {
    background: white;
    padding: 9px 5px 5px;
    border-radius: 19px 19px 19px 19px;
}
#wrap {
    background-color: transparent;
    border: none!important;
    }

Até
avatar

Quakeeline
Nível 9

Masculino
Inscrito dia : 26/04/2013
Mensagens : 190
Pontos Ativos : 290

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

Resolvido Re: Logo do forum

Mensagem por phantoleo em 01/05/13, 12:01 pm

Olá,

Olha, foi quase isso, mas a parte branca ele termina antes que chega no menu, se possível, gostaria que ele terminar depois do menu.

Obrigado.
avatar

phantoleo
Nível 3

Masculino
Inscrito dia : 04/05/2011
Mensagens : 23
Pontos Ativos : 41

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

Resolvido Re: Logo do forum

Mensagem por Quakeeline em 01/05/13, 12:05 pm

Olá,

Substitua o código por este

Código:

        #page-body {
            background: white;
            padding: 39px 5px 5px;
            border-radius: 19px 19px 19px 19px;
        }
        #wrap {
            background-color: transparent;
            border: none!important;
            }
ul.navlinks {
    top: 40px!important;
    position: relative!important;
}
.headerbar {
    background-color: transparent!important;
    position: relative;
    top: 49px;
}


Até
avatar

Quakeeline
Nível 9

Masculino
Inscrito dia : 26/04/2013
Mensagens : 190
Pontos Ativos : 290

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

Resolvido Re: Logo do forum

Mensagem por phantoleo em 01/05/13, 12:12 pm

Olá,

Ficou melhor, mas tem como a parte branca terminar em acima do menu, ou seja, a unica coisa que quero fora da parte branca seria o logo "Digimon Legends"

Obrigado, desculpe o transtorno.
avatar

phantoleo
Nível 3

Masculino
Inscrito dia : 04/05/2011
Mensagens : 23
Pontos Ativos : 41

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

Resolvido Re: Logo do forum

Mensagem por Quakeeline em 01/05/13, 12:13 pm

Olá,

Você deve substituir todos os códigos anteriores pelo o que eu passei, pois o que eu passei fará com que o menu fique na parte branca

Até
avatar

Quakeeline
Nível 9

Masculino
Inscrito dia : 26/04/2013
Mensagens : 190
Pontos Ativos : 290

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

Resolvido Re: Logo do forum

Mensagem por phantoleo em 01/05/13, 12:25 pm

Olá,

Eu removi todos os códigos CSS e deixei apenas o que passou, e continua fora.

Obrigado, e desculpe mais uma vez.
avatar

phantoleo
Nível 3

Masculino
Inscrito dia : 04/05/2011
Mensagens : 23
Pontos Ativos : 41

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

Resolvido Re: Logo do forum

Mensagem por Quakeeline em 01/05/13, 12:36 pm

Olá,

Entrei em seu fórum e esta normal com o menu aonde deseja, poderia limpar os seus cookies do seu navegador e ver se resulta ?

Até
avatar

Quakeeline
Nível 9

Masculino
Inscrito dia : 26/04/2013
Mensagens : 190
Pontos Ativos : 290

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

Resolvido Re: Logo do forum

Mensagem por phantoleo em 01/05/13, 12:54 pm

Olá,

O menu só aparece assim para quem não está logado, após o login ele sai da parte branca.

Obrigado.
avatar

phantoleo
Nível 3

Masculino
Inscrito dia : 04/05/2011
Mensagens : 23
Pontos Ativos : 41

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

Resolvido Re: Logo do forum

Mensagem por phantoleo em 01/05/13, 01:19 pm

Olá,

Fiquei fuçando aqui no código CSS que me passou e consegui consertar o menu para quem já está logado!

Obrigado por fornecer o código CSS e pela ajuda e atençã.

Obrigado mesmo. Até!
avatar

phantoleo
Nível 3

Masculino
Inscrito dia : 04/05/2011
Mensagens : 23
Pontos Ativos : 41

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

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