Modificar topo dos widgets

Qual é minha questão:
Já tentei utilizar css, .main-head h3, e nada, fui em Imagens e Core - Gestão das Imagens - Modo Avançado - Imagem do fundo das categorias (esquerda) e não deu também.

 Retirei o Imagem de fundo das tabelas , para ver se era isso, e nada. Será um Bug? Ou tenho algum code que está a impossibilitar isto?

 Aqui os codes usados até agora:

Código:


.main-head {
margin-top: 10px;
margin-bottom: 0px; 
}


.main-head .h3, .main-head h2 {
font-size: 15px;
font-weight: 700!important;
text-align: center;
text-shadow: #000 0 0 .2em;
}

.pun table.table td, .pun .post, .main-content.topic, #pun-visit, .postfoot, #pun-about.clearfix, .pun .posthead, #onlinelist, #onlinechat, #pun-announcement {
border: 2px solid #808080; 
}

 #pun-visit, #onlinelist, #onlinechat, #pun-announcement, .main-box {
border: none; 
}
.main-content {
border: 4px solid #009FB0;
  border-bottom-width: 5px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
}

p.message {
background-color: #000!important;
}

a {
text-decoration:none;
    font-weight: bold;
}
blockquote {
background-color:#151515!important;
font-style: italic;
 }
dd.cont_code, dl.codebox.spoiler dd {
background-color:#151515!important;
  border: 0px solid #222;
  border-bottom-width: 5px;
}
th.tcl {
color: #0F0F0F!important;
}
th.tcr {
color: #0F0F0F!important;
}
th.tc3 {
color: #FFF!important;
}
th.tc2  {
color: #FFF!important;
}

.main-content img {
max-width: 99%;
}
.postmain img {
max-width: 99%;
}
.postfoot {
background-color: #222;
}


 A imagem que quero colocar como fundo no topo dos widgets é esta - https://servimg.com/view/17647860/56

Obrigado

Endereço do meu fórum:
http://souleater.forum-livre.com

Versão do fórum:
PUNBB

Saudações!

Tente este senhor

Código:

.h3 {
background-image: url(http://i72.servimg.com/u/f72/17/64/78/60/bar10.png);
background-color: transparent;
border: none;
height: 30px;
background-repeat: no-repeat;
padding: 6px;
text-align: center;
}

Até

Olá, não resultou. A imagem ficou sobreposta na antiga, e esta multiplicou-se. :s

Poderá visualisar o fórum para ver o resultado - http://souleater.forum-livre.com/

Saudações!

Troque por este

Código:

.h3 {
background-image: url(http://i72.servimg.com/u/f72/17/64/78/60/bar10.png);
background-image: transparent;
border: none;
height: 30px;
background-repeat: no-repeat;
padding: 6px;
text-align: center;
}

Até

Olá,

O background-image: transparent irá retirar o background-image url, por isso não irá funcionar. Mas irei utilizar para ver os resultados, caos necessite.

Obrigado

Saudações!


Aceda à tua "Folha de Estilo CSS":

Código:

.main .main-head {
background-image: url(http://i72.servimg.com/u/f72/17/64/78/60/bar10.png) !important;
}

Até mais!

Olá,

Isso modifica tudo, e eu queria apenas os widgets com topo diferente, tipo apenas o h3.

Obrigado

up

Saudações!

Tente este:

Código:

.module {
background-image: url(http://i72.servimg.com/u/f72/17/64/78/60/bar10.png) !important;
}

Até mais!

Olá Mikéé,

Não resultou ainda.

Obrigado

Saudações procure por isso em sua css:

Código:

.main .main-head{background-image:url(http://i72.servimg.com/u/f72/17/64/78/60/imgtit10.png)}

Troque por isso:

Código:

.main .main-head{background-image:url(http://i72.servimg.com/u/f72/17/64/78/60/bar10.png)}

Resulta?

Olá,

Não tenho esse code, e se não me engano isso irá trocar todas as barras, quero trocar apenas o topo dos widget se possivel.

Obrigado

Olá!

Adicione este código:

Código:

.main .main-head {
background-image:url(http://i72.servimg.com/u/f72/17/64/78/60/bar10.png)!important;
}

Adicione em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS

Melhores cumprimentos,
seender

Olá,

Esse código irá modificar o topo de tudo no fórum, Categorias e Widget. Eu queria um que modifica-se apenas o topo dos Widgets, o h3 se não me engano.

Obrigado

Saudações!

Aceda à tua "Folha de Estilo CSS":
Painel de Controle Visualização Imagens e Cores Cores Folha De Estilo CSS

Código:

#fa_ticker_container {background-image:url(http://i72.servimg.com/u/f72/17/64/78/60/bar10.png)!important;}

Valide.

Até mais!

Olá,

Não alterou precisamente nada.

Obrigado

Olá!
Aceda a Folha de Estilo CSS:

Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS

Código:

Código:

.module.main .main-head {
background: url(http://i72.servimg.com/u/f72/17/64/78/60/bar10.png)!important;
}

e Valide!

Até mais.

Olá,

É isto mesmo BrunoH, muito bom.


Obrigado