Como trocar esta área por uma imagem

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

Resolvido Como trocar esta área por uma imagem

Mensagem por Teclando em 02/08/13, 08:43 am

Qual é minha questão:


Gostaria que a área marcada com um retângulo vermelho, fosse preenchida com este imagem.

Não queria que fosse aumentada a área, apenas que a imagem preenche-se o espaço em azul que se encontra atualmente.

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

Versão do fórum:
PHPBB3
avatar

Teclando
Nível 4

Masculino
Inscrito dia : 02/08/2013
Mensagens : 27
Pontos Ativos : 39

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

Resolvido Re: Como trocar esta área por uma imagem

Mensagem por MateusA em 02/08/13, 12:51 pm

Olá!

Lamento infelizmente não e possível pois e somente uma classe, esta classe esta ligada a imagem de fundo da logo.

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Como trocar esta área por uma imagem

Mensagem por Tofu em 02/08/13, 07:59 pm

Olá.

Adicione ao teu CSS, preferencialmente no início:

Código:
#page-header div.headerbar div.inner span.corners-bottom span {
width: 100%;
content: url(http://i.imgur.com/NyzZIuP.jpg);
position: relative;
top: -8px;
height: 250%;
}

Veja se resultou.

Mas se a borda não ser mais arredondada, troque por:

Código:
#page-header div.headerbar div.inner span.corners-bottom {
border-radius: 0px 0px 7px 7px;
}

#page-header div.headerbar div.inner span.corners-bottom span {
width: 100%;
content: url(http://i.imgur.com/NyzZIuP.jpg);
position: relative;
top: -7.6px;
height: 425%;
border-radius: inherit;
}
(Neste último caso, o espaço necessariamente teve de ser redimensionado)

Qualquer coisa pode falar.

Tofu
Nível 10

Masculino
Inscrito dia : 15/07/2013
Mensagens : 284
Pontos Ativos : 428

Ver perfil do usuário http://verdadeplena.tk

Resolvido Re: Como trocar esta área por uma imagem

Mensagem por North em 03/08/13, 02:16 pm

Boa tarde!

Basta que coloque na cor da imagem! Segue a abaixo o código:

Código:
.headerbar {
background-color: #E6AD1A!important;
}

Adicionar em:
Painel de Controle ->> Visualização ->> Imagens e Cores ->> Cores / Folha de estilo CSS

Valide.

Resulta?
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

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