Logo do fórum

[felipeolegario]

Qual é minha questão:
olá estou querendo editar um forum PunBB e eu nao sei mt sobre os codigos desta versão bom, o template que eu quero editar é este = http://en.hitskin.com/?afolder=theme&id=180933 bom eu estario fazendo algumas perguntas e preciso da ajuda de vcs.

bom a primeira pergunta é-
Queria saber o codigo CSS que modifica o Logo o nao onde ta escrito Nice... o fundo do logo. estarei fazendo mais perguntas lgo dps dessa ser resolvida. vlw

Medidas que eu tomei para corrigir o problema:
-

Links e imagens do meu problema:
-

Endereço do meu fórum:


Versão do meu fórum:

[King Gz;]

Olá,

Aceda à Painel de controle Visualização Imagens e cores Cores Folha de estilo css
O código usado no fundo é este, caso queira retirar basta remover este código de seu css

Código:

#pun_out {
    background:url("http://i43.servimg.com/u/f43/14/53/79/27/matti10.png") repeat;background:rgba(0,0,0,0.18);
    border:1px solid #0b2337;
    border:1px solid rgba(0,0,0,0.35);
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    padding:8px;
    position:relative;
    width: 990px;
    margin-left: auto;
    margin-right: auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

Para mudar a cor do fundo basta aceder à Painel de controle Visualização Imagens e cores Cores
Em " Cor Fundo Menu de Navegação" modifique para a cor que desejar e salve.

Para mudar a imagem de fundo basta aceder à Painel de controle Visualização Imagens e cores Gestão das imagens Modo avançado
Em "Imagem de fundo do menu de navegação" adicione a imagem que desejar e salve.

Até mais

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'

[Convidad]

Boa noooite!

Vá em:
Painel de controle ->> Visualização ->> Cores ->> Folha CSS.

Adicione no conteúdo:

Código:

#logo {
 background: url(LINKIMAGEM);
width: 380px;
text-indent: -9999px;
    background-repeat: no-repeat;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;

 
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
 
  overflow:hidden;
}


#logo:hover {
background: url(LINKIMAGEMAOPASSAROMOUSE) 0px 0px;
  -webkit-transform:translate(60px);
  -moz-transform: translate(60px);
  -o-transform:translate(60px);
    background-repeat: no-repeat;
 }

#logo:active {
background: url(LINKIMAGEMANDANDO) 0px 0px;
  -webkit-transform:scale(0.9);
  -moz-transform:scale(0.9);
  -o-transform:scale(0.9);
    background-repeat: no-repeat;
}


Modifique os campos que coloquei no códigos pela imagem desejada e salve.
Até mais =)

[felipeolegario]

consegui vlw