Ajeitar header

2 participantes

Ir para baixo

Tópico resolvido Ajeitar header

Mensagem por IsmaelS. 23.03.19 18:22

Detalhes da questão


Endereço do fórum: http://master-publicitario.forumeiros.com/
Versão do fórum: PunBB

Descrição


Olá!

Estou utilizar este código para colocar um fundo atrás da logo:
Código:
#pun-intro {
background: url(https://i.servimg.com/u/f69/16/43/60/45/fun10.png) center 30%;
background-repeat: repeat-x;
border-bottom: 6px solid #76bd27 ;
border-top: 6px solid #e2ab05;
height: 110px;
margin-left: -5px;
margin-top: 20px;
padding: 1.5em 1em 1em;
text-align: left;
width: 100%;
}
#pun-logo {
    float: right;
}

Problema é que queria deixar esticado e fixo sem repetições como demonstra a print:~
Ajeitar header 112
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajeitar header

Mensagem por tikky 23.03.19 19:02

Olá @IsmaelS.,
Mude o seu código, CSS, para:
Código:
#pun-intro {
   background: url(https://i.servimg.com/u/f69/16/43/60/45/fun10.png);
        background-size: cover;
   background-repeat: no-repeat;
   border-bottom: 6px solid #76bd27;
   border-top: 6px solid #e2ab05;
   height: 110px;
   margin-left: -5px;
   margin-top: 20px;
   padding: 1.5em 1em 1em;
   text-align: left;
   width: 100%;
}
 
#pun-logo {
   float: right;
}


Cordialmente,
pedxz.
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajeitar header

Mensagem por IsmaelS. 23.03.19 19:08

Resultou, agora só uma questão queria mexer apenas a logo mais para a esquerda um pouco qual o código para tal?
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajeitar header

Mensagem por tikky 23.03.19 19:22

Localize na sua folha de estilo:
Código:
#pun-logo {
  float: right;
}
e mude para:
Código:
#pun-logo {
  float: right;
  margin-right: 120px;
}
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajeitar header

Mensagem por IsmaelS. 23.03.19 19:26

Era isso mesmo, obrigado Colegas
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajeitar header

Mensagem por tikky 23.03.19 19:27

Questão resolvida

Esta questão foi dada como resolvida pelo seu autor, e por esse motivo será marcada como resolvida e movida para o arquivo de questões resolvidas desta área.
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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