Logo do forum

[phantoleo]

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

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

Versão do fórum:
PHPBB3

[,Smoke]

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

[seender]

Olá!

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

Melhores cumprimentos,
seender

[phantoleo]

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.

[bean]

Olá,

Siga o Tutorial Abaixo:

Painel de Controle Visualização Cores 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 */

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 Visualização 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

[phantoleo]

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

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

Obrigado.

[Quakeeline]

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é

[phantoleo]

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.

[Quakeeline]

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é

[phantoleo]

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.

[Quakeeline]

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é

[phantoleo]

Olá,

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

Obrigado, e desculpe mais uma vez.

[Quakeeline]

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é

[phantoleo]

Olá,

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

Obrigado.

[phantoleo]

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