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 

Olá,

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

Até mais!

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

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

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

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!

Bagunçou mais ainda rsrs ve la

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!

O link da imagem que esta colocando esta errado .. 


é este logo 

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

Olá,

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

Até mais!

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

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!