Modificar topo dos widgets

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

Resolvido Modificar topo dos widgets

Mensagem por Janeiro93 em 01/04/13, 05:57 pm

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 - http://www.servimg.com/image_preview.php?i=56&u=17647860

Obrigado

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

Versão do fórum:
PUNBB


Última edição por Janeiro93 em 06/04/13, 10:22 pm, editado 1 vez(es)
avatar

Janeiro93
Nível 7

Masculino
Inscrito dia : 18/04/2012
Mensagens : 87
Pontos Ativos : 127

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

Resolvido Re: Modificar topo dos widgets

Mensagem por Convidado em 01/04/13, 06:06 pm

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é Piscada

Convidado
Convidado


Resolvido Re: Modificar topo dos widgets

Mensagem por Janeiro93 em 01/04/13, 06:13 pm

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/
avatar

Janeiro93
Nível 7

Masculino
Inscrito dia : 18/04/2012
Mensagens : 87
Pontos Ativos : 127

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

Resolvido Re: Modificar topo dos widgets

Mensagem por Convidado em 01/04/13, 06:17 pm

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é Piscada

Convidado
Convidado


Resolvido Re: Modificar topo dos widgets

Mensagem por Janeiro93 em 01/04/13, 06:21 pm

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
avatar

Janeiro93
Nível 7

Masculino
Inscrito dia : 18/04/2012
Mensagens : 87
Pontos Ativos : 127

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

Resolvido Re: Modificar topo dos widgets

Mensagem por Sennior em 01/04/13, 09:53 pm

Saudações! Muito feliz


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!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Modificar topo dos widgets

Mensagem por Janeiro93 em 02/04/13, 10:33 am

Olá,

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

Obrigado
avatar

Janeiro93
Nível 7

Masculino
Inscrito dia : 18/04/2012
Mensagens : 87
Pontos Ativos : 127

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

Resolvido Re: Modificar topo dos widgets

Mensagem por Janeiro93 em 03/04/13, 10:49 am

up
avatar

Janeiro93
Nível 7

Masculino
Inscrito dia : 18/04/2012
Mensagens : 87
Pontos Ativos : 127

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

Resolvido Re: Modificar topo dos widgets

Mensagem por Sennior em 03/04/13, 11:15 am

Saudações! Muito feliz

Tente este:

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

Até mais!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Modificar topo dos widgets

Mensagem por Janeiro93 em 03/04/13, 11:40 am

Olá Mikéé,

Não resultou ainda.

Obrigado
avatar

Janeiro93
Nível 7

Masculino
Inscrito dia : 18/04/2012
Mensagens : 87
Pontos Ativos : 127

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

Resolvido Re: Modificar topo dos widgets

Mensagem por Evidaaηc em 03/04/13, 12:02 pm

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?
avatar

Evidaaηc
Usuário destaque

Masculino
Inscrito dia : 06/07/2012
Mensagens : 706
Pontos Ativos : 966

Ver perfil do usuário http://world.forumbrasil.net/

Resolvido Re: Modificar topo dos widgets

Mensagem por Janeiro93 em 03/04/13, 12:05 pm

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
avatar

Janeiro93
Nível 7

Masculino
Inscrito dia : 18/04/2012
Mensagens : 87
Pontos Ativos : 127

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

Resolvido Re: Modificar topo dos widgets

Mensagem por seender em 03/04/13, 03:32 pm

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
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Modificar topo dos widgets

Mensagem por Janeiro93 em 03/04/13, 04:17 pm

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
avatar

Janeiro93
Nível 7

Masculino
Inscrito dia : 18/04/2012
Mensagens : 87
Pontos Ativos : 127

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

Resolvido Re: Modificar topo dos widgets

Mensagem por Sennior em 03/04/13, 09:07 pm

Saudações! Muito feliz

Aceda à tua "Folha de Estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta 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. Piscada

Até mais!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Modificar topo dos widgets

Mensagem por Janeiro93 em 04/04/13, 02:33 pm

Olá,

Não alterou precisamente nada.

Obrigado
avatar

Janeiro93
Nível 7

Masculino
Inscrito dia : 18/04/2012
Mensagens : 87
Pontos Ativos : 127

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

Resolvido Re: Modificar topo dos widgets

Mensagem por BrunoH. em 04/04/13, 02:37 pm

Olá!
Aceda a Folha de Estilo CSS:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta 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.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Modificar topo dos widgets

Mensagem por Janeiro93 em 06/04/13, 10:22 pm

Olá,

É isto mesmo BrunoH, muito bom.


Obrigado
avatar

Janeiro93
Nível 7

Masculino
Inscrito dia : 18/04/2012
Mensagens : 87
Pontos Ativos : 127

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

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