Como colocar está imagem de menu?

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

Resolvido Como colocar está imagem de menu?

Mensagem por Fakeon em 31/12/11, 11:02 pm

Qual é minha questão:
Como colocar essa imagem no menu,no lugar dos botões??



Medidas que eu tomei para corrigir o problema:
Nenhuma.

Imagens do meu problema:
http://i44.tinypic.com/29c546b.png

Endereço do meu fórum:
http://pokemoninfinitylegen.forumeiros.com/

Versão do meu fórum:
PHPBB3
avatar

Fakeon
Nível 5

Masculino
Inscrito dia : 07/06/2011
Mensagens : 39
Pontos Ativos : 65

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

Resolvido Re: Como colocar está imagem de menu?

Mensagem por TheDjDoor em 01/01/12, 12:41 am

Primeiro, vá em visualização - Página Inicial - Cabeçalho e Navegação.
Depois vá em Exibir apenas as imagens no menu: marque não.
Depois disso use este codigo (acho que e esse)

Código:
.forabg .topiclist li.row dl.icon dd.topics {
        background: url("http://i44.tinypic.com/29c546b.png") no-repeat scroll left top transparent;
        color: #0E2C3E;
        font-size: 12px;
        font-weight: 700;
        height: 30px;
        line-height: normal;
        margin-left: 13px;
        padding-top: 3px;
        text-align: center;
        width: 65px;

Se nao funcionar avise, porque eu uso este codigo no meu fórum tbm xD
avatar

TheDjDoor
Nível 9

Masculino
Inscrito dia : 05/11/2011
Mensagens : 152
Pontos Ativos : 267

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

Resolvido Re: Como colocar está imagem de menu?

Mensagem por Fakeon em 01/01/12, 01:12 am

Pior que não funcionou,eu colei isso la na CSS,ai apareceu que tinha um número diferente disso aqui "{" ,só tem uma Chave dessas nesse código,tem algo de errado nele,onde seria a outra "chave" } ??
avatar

Fakeon
Nível 5

Masculino
Inscrito dia : 07/06/2011
Mensagens : 39
Pontos Ativos : 65

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

Resolvido Re: Como colocar está imagem de menu?

Mensagem por TheDjDoor em 01/01/12, 01:37 am

Código:
.forabg .topiclist li.row dl.icon dd.topics {
        background: url("") no-repeat scroll left top transparent;
        color: #0E2C3E;
        font-size: 12px;
        font-weight: 700;
        height: 30px;
        line-height: normal;
        margin-left: 13px;
        padding-top: 3px;
        text-align: center;
        width: 65px;
    }
Tente agora
avatar

TheDjDoor
Nível 9

Masculino
Inscrito dia : 05/11/2011
Mensagens : 152
Pontos Ativos : 267

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

Resolvido Re: Como colocar está imagem de menu?

Mensagem por Fakeon em 01/01/12, 02:05 am

Bom,de um certo jeito funciono,mas não onde eu queria...
fico assim a imagem:
avatar

Fakeon
Nível 5

Masculino
Inscrito dia : 07/06/2011
Mensagens : 39
Pontos Ativos : 65

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

Resolvido Re: Como colocar está imagem de menu?

Mensagem por Alcohol em 01/01/12, 02:25 am

Olá,
Não entendi direito seu problema! Você quer que a imagem toda apareça e não so uma parte naquele mesmo local? Caso seja isso ao meu entendimento é so redimensiona-la
Código:
http://i.imgur.com/v417Y.png
Atenciosamente:
Mamedez
avatar

Alcohol
Usuário experiente

Masculino
Inscrito dia : 29/03/2011
Mensagens : 2723
Pontos Ativos : 3643

Ver perfil do usuário http://www.magazinevoce.com.br/magazinemamedez1/ http://www.magazinevoce.com.br/magazinemamedez1/ http://www.magazinevoce.com.br/magazinemamedez1/

Resolvido Re: Como colocar está imagem de menu?

Mensagem por MateusV. em 01/01/12, 02:43 am

Ola, tente
Código:
#pun-head #pun-navlinks {
width: 1012px;
height: 50px;
background: url(http://i44.tinypic.com/29c546b.png) no-repeat top center;
left: -35px;
position: relative;

Resulta? Se não estiver do tamanho certo me diga que eu arrumo.
Pesquisando/Em dúvid
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Como colocar está imagem de menu?

Mensagem por TheDjDoor em 01/01/12, 11:00 am

Peguei codigo errado, por isso não funcionou Rindo

Código:
#page-header .navbar ul.navlinks{
width: 1012px;
height: 50px;
left: -20px;
background: url(http://i44.tinypic.com/29c546b.png) no-repeat top center;
position: relative;}
avatar

TheDjDoor
Nível 9

Masculino
Inscrito dia : 05/11/2011
Mensagens : 152
Pontos Ativos : 267

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

Resolvido Re: Como colocar está imagem de menu?

Mensagem por Fakeon em 01/01/12, 01:28 pm

funcionou vlw,mais uma coisinha,tem como isso aqui Início Calendário FAQ Buscar Membros Grupos Perfil Mensagens privadas Sair [ --/-- ] ficar em cima da imagem?
avatar

Fakeon
Nível 5

Masculino
Inscrito dia : 07/06/2011
Mensagens : 39
Pontos Ativos : 65

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

Resolvido Re: Como colocar está imagem de menu?

Mensagem por MateusV. em 01/01/12, 01:39 pm

Tente,
Código:
#pun-head #pun-navlinks {
width: 1012px;
height: 50px;
background: url(http://i44.tinypic.com/29c546b.png) no-repeat top center;
left: -35px;
top: -10px;
position: relative;}
Resulta?
Pesquisando/Em dúvid
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Como colocar está imagem de menu?

Mensagem por Fakeon em 01/01/12, 01:53 pm

Não funciono :'( eu desisto,muito obrigado a todos em
avatar

Fakeon
Nível 5

Masculino
Inscrito dia : 07/06/2011
Mensagens : 39
Pontos Ativos : 65

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

Resolvido Re: Como colocar está imagem de menu?

Mensagem por MateusV. em 01/01/12, 02:08 pm

Ola amigo, veja como funciona o codigo
#pun-head #pun-navlinks {
width: 1012px;
height: 50px;
background: url(http://i44.tinypic.com/29c546b.png) no-repeat top center;
left: -35px;
top: -10px;
position: relative;}
Verde - É a largura da barra do menu, você pode editar ela aumentando ou diminuindo os numeros.
Vermelho - É a largura da barra você pode editar ela aumentando ou diminuindo os numeros.
Azul - É a margem da esquerda da barra ou seja, quanto maior o numero que estiver nessa area mais a barra ira para a esquerda, se diminuir ela ira para a direita.
Laranja - É a margem do topo da barra ou seja, quanto maior o numero que estiver nessa area mais a barra ira para cima, se diminuir ela ira para baixo.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html
  • 0

Resolvido Re: Como colocar está imagem de menu?

Mensagem por jonnasvic em 01/01/12, 02:17 pm

Olá Tente esse codigo >

Código:
#pun-head #pun-navlinks {
width: 1012px;
height: 50px;
background: url(http://i44.tinypic.com/29c546b.png) no-repeat top center;
left: -35px;
top: -10px;
position: relative;}

Ajudei Clica no +
avatar

jonnasvic
Nível 9

Masculino
Inscrito dia : 09/01/2011
Mensagens : 160
Pontos Ativos : 304

Ver perfil do usuário http://habbos-forum.forumeiros.net

Resolvido Re: Como colocar está imagem de menu?

Mensagem por Fakeon em 01/01/12, 02:19 pm

connsegui,vlww
avatar

Fakeon
Nível 5

Masculino
Inscrito dia : 07/06/2011
Mensagens : 39
Pontos Ativos : 65

Ver perfil do usuário http://idadedosreis.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