Colocar o logo centralizado

3 participantes

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

Tópico resolvido Colocar o logo centralizado

Mensagem por EDU2010 12.03.19 10:57

Detalhes da questão


Endereço do fórum: https://www.canalinterativoonline.com/
Versão do fórum: ModernBB

Descrição


Como colocar o logo centralizado dentro deste Fórum , mudaria o logo que esta e deixaria apenas o redondinho do Canal interativo em vermelho no centro , de fundo usario o preto mesmo que já esta aquela area onde fica o logo ..

Ficaria assim , o logo apenas a marca em vermelho com escrito CI, 

Como exemplo da imagem 

Colocar o logo centralizado  Curso-11
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2308
Pontos : 3631

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar o logo centralizado

Mensagem por Roevs 12.03.19 12:25

Olá,

Você poderia disponibilizar a imagem CI separada com o fundo transparente?

Até mais!
Roevs

Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar o logo centralizado

Mensagem por EDU2010 12.03.19 15:05

Vou ter que mander ela nas medidas 100px por 100px 

Colocar o logo centralizado  Curso-12
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2308
Pontos : 3631

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar o logo centralizado

Mensagem por Hancki 12.03.19 18:33

Olá!

No Painel de Controle, aceda à Folha de estilos CSS e procure pelo seguinte código:
Código:
div#headerbar-top, div#headerbar-top.is-sticky.w-toolbar {
    background: url(https://i.servimg.com/u/f39/15/98/91/46/logo1110.png) no-repeat;
    background-color: #000;
    height: 50px;
    position: fixed;
    text-align: center;
    width: 150%;
}

Após isso, substitua todo o código acima por este:
Código:
div#headerbar-top .wrap {
        background: url(https://i.imgur.com/c58QSFo.png) no-repeat;
        background-size: 5%;
        height: 100px;
}

div#headerbar-top, div#headerbar-top.is-sticky.w-toolbar {
    background: url(https://i.imgur.com/qYgkgpa.png) no-repeat 10px;
    background-color: #000;
    height: 50px;
    position: fixed;
    text-align: center;
    width: 150%;
}


Resultado: http://prntscr.com/mwyg8l

Hancki
Hancki

Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar o logo centralizado

Mensagem por EDU2010 12.03.19 21:34

Quero colocar apenas o simbolo amigo que passei .. so ele no fundo preto
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2308
Pontos : 3631

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar o logo centralizado

Mensagem por Roevs 13.03.19 13:46

Olá,

Adiciona esse código em sua Folha de estilo CSS

Código:
div#headerbar-top, div#headerbar-top.is-sticky.w-toolbar {
    background: url(https://i.servimg.com/u/f83/15/95/44/80/curso-12.png) no-repeat!important;
    background-position-x: 30%;
    background-size: 4%;
}

Até mais!
Roevs

Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar o logo centralizado

Mensagem por EDU2010 13.03.19 14:37

Bagunçou mais ainda rsrs ve la
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2308
Pontos : 3631

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar o logo centralizado

Mensagem por Roevs 13.03.19 14:39

Olá,

Substitua o código por esse

Código:
div#headerbar-top, div#headerbar-top.is-sticky.w-toolbar {
    background: url(https://i.servimg.com/u/f83/15/95/44/80/curso-12.png) no-repeat;
    background-size: 5%;
}

Até mais!
Roevs

Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar o logo centralizado

Mensagem por EDU2010 13.03.19 14:42

O link da imagem que esta colocando esta errado .. 


é este logo 

Colocar o logo centralizado  1f5a4b12
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2308
Pontos : 3631

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar o logo centralizado

Mensagem por EDU2010 13.03.19 14:44

Fecha este tópico tem outro que estamos discutindo o mesmo assunto e por isso esta dando confusão .. 
Agora que vi
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2308
Pontos : 3631

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar o logo centralizado

Mensagem por Roevs 13.03.19 14:45

Olá,

Tem certeza que é esse que deseja? Faça alteração do link no código que passei e veja se resulta

Até mais!
Roevs

Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar o logo centralizado

Mensagem por EDU2010 13.03.19 14:46

Este é o link da imagem que é pra ficar no centro


Colocar o logo centralizado  1f5a4b12
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2308
Pontos : 3631

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar o logo centralizado

Mensagem por Roevs 13.03.19 14:57

Olá,

Substitua o código pelo código abaixo

Código:
div#headerbar-top, div#headerbar-top.is-sticky.w-toolbar {
    background: url(https://i.servimg.com/u/f83/15/95/44/80/1f5a4b12.jpg) no-repeat!important;
    background-size: 50%!important;
}

Até mais!
Roevs

Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar o logo centralizado

Mensagem por Convidado 19.03.19 12:31

Questão abandonada

Esta questão foi abandonada pelo seu autor, mas foi considerada resolvida pela equipa de suporte.


De acordo com o regulamento do setor de suporte, Art. 5/Deveres, tópicos com 5 dias serão arquivados. Apesar de abandonado, este tópico tem uma solução e portanto será marcado como resolvido e movido para o arquivo de questões resolvidas.
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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