Logo do forum

5 participantes

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

Tópico resolvido Logo do forum

Mensagem por phantoleo 30.04.13 21:52

Qual é minha questão:
Olá,

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

https://2img.net/r/ihimizer/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 17:19, editado 1 vez(es)
phantoleo

phantoleo
Novo Membro

Membro desde : 04/05/2011
Mensagens : 23
Pontos : 41

http://digimonl.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Logo do forum

Mensagem por ,Smoke 30.04.13 22:27

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

,Smoke
Novo Membro

Membro desde : 21/04/2013
Mensagens : 11
Pontos : 17

http://revolution.forum-pro.net/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Logo do forum

Mensagem por seender 01.05.13 2:44

Olá!

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

Melhores cumprimentos,
seender
seender

seender
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Logo do forum

Mensagem por phantoleo 01.05.13 3:08

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

phantoleo
Novo Membro

Membro desde : 04/05/2011
Mensagens : 23
Pontos : 41

http://digimonl.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Logo do forum

Mensagem por bean 01.05.13 8:10

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://i1058.photobucket.com/albums/t407/Dede0/warp10_zpsb14b75b4.gif") no-repeat scroll right top transparent;
    margin-left: -6px;
    padding: 5px 20px 15px 15px;
}

#page-header .navbar .navlinks a:hover {
background: url("http://i1058.photobucket.com/albums/t407/Dede0/warp11_zps65479394.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: https://2img.net/i/fa/empty.gif
Calendário: https://2img.net/i/fa/empty.gif
e etc, Do íncice até o sair você ira trocar o url das imagens do seu menu por esse url: https://2img.net/i/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
bean

bean
Membro

Membro desde : 17/01/2012
Mensagens : 774
Pontos : 1008

http://restinpeacerpg.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Logo do forum

Mensagem por phantoleo 01.05.13 15:49

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: https://2img.net/r/ihimizer/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.
phantoleo

phantoleo
Novo Membro

Membro desde : 04/05/2011
Mensagens : 23
Pontos : 41

http://digimonl.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Logo do forum

Mensagem por Quakeeline 01.05.13 15:57

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

Quakeeline
***

Membro desde : 26/04/2013
Mensagens : 190
Pontos : 290

http://lfdesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Logo do forum

Mensagem por phantoleo 01.05.13 16:01

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

phantoleo
Novo Membro

Membro desde : 04/05/2011
Mensagens : 23
Pontos : 41

http://digimonl.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Logo do forum

Mensagem por Quakeeline 01.05.13 16:05

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

Quakeeline
***

Membro desde : 26/04/2013
Mensagens : 190
Pontos : 290

http://lfdesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Logo do forum

Mensagem por phantoleo 01.05.13 16:12

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

phantoleo
Novo Membro

Membro desde : 04/05/2011
Mensagens : 23
Pontos : 41

http://digimonl.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Logo do forum

Mensagem por Quakeeline 01.05.13 16:13

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

Quakeeline
***

Membro desde : 26/04/2013
Mensagens : 190
Pontos : 290

http://lfdesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Logo do forum

Mensagem por phantoleo 01.05.13 16:25

Olá,

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

Obrigado, e desculpe mais uma vez.
phantoleo

phantoleo
Novo Membro

Membro desde : 04/05/2011
Mensagens : 23
Pontos : 41

http://digimonl.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Logo do forum

Mensagem por Quakeeline 01.05.13 16:36

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

Quakeeline
***

Membro desde : 26/04/2013
Mensagens : 190
Pontos : 290

http://lfdesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Logo do forum

Mensagem por phantoleo 01.05.13 16:54

Olá,

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

Obrigado.
phantoleo

phantoleo
Novo Membro

Membro desde : 04/05/2011
Mensagens : 23
Pontos : 41

http://digimonl.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Logo do forum

Mensagem por phantoleo 01.05.13 17:19

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é!
phantoleo

phantoleo
Novo Membro

Membro desde : 04/05/2011
Mensagens : 23
Pontos : 41

http://digimonl.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos