Modificar topo dos widgets Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Modificar topo dos widgets

5 participantes

Ir para baixo

Tópico resolvido Modificar topo dos widgets

Mensagem por Janeiro93 01.04.13 21:57

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


Última edição por Janeiro93 em 07.04.13 2:22, editado 1 vez(es)
Janeiro93
Janeiro93
**

Membro desde : 18/04/2012
Mensagens : 87
Pontos : 127

http://onepieceutd.forumeiros.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar topo dos widgets

Mensagem por Convidado 01.04.13 22:06

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
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar topo dos widgets

Mensagem por Janeiro93 01.04.13 22:13

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/
Janeiro93
Janeiro93
**

Membro desde : 18/04/2012
Mensagens : 87
Pontos : 127

http://onepieceutd.forumeiros.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar topo dos widgets

Mensagem por Convidado 01.04.13 22:17

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
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar topo dos widgets

Mensagem por Janeiro93 01.04.13 22:21

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
Janeiro93
Janeiro93
**

Membro desde : 18/04/2012
Mensagens : 87
Pontos : 127

http://onepieceutd.forumeiros.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar topo dos widgets

Mensagem por Sennior 02.04.13 1:53

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!
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar topo dos widgets

Mensagem por Janeiro93 02.04.13 14:33

Olá,

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

Obrigado
Janeiro93
Janeiro93
**

Membro desde : 18/04/2012
Mensagens : 87
Pontos : 127

http://onepieceutd.forumeiros.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar topo dos widgets

Mensagem por Janeiro93 03.04.13 14:49

up
Janeiro93
Janeiro93
**

Membro desde : 18/04/2012
Mensagens : 87
Pontos : 127

http://onepieceutd.forumeiros.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar topo dos widgets

Mensagem por Sennior 03.04.13 15:15

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!
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar topo dos widgets

Mensagem por Janeiro93 03.04.13 15:40

Olá Mikéé,

Não resultou ainda.

Obrigado
Janeiro93
Janeiro93
**

Membro desde : 18/04/2012
Mensagens : 87
Pontos : 127

http://onepieceutd.forumeiros.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar topo dos widgets

Mensagem por Evidaaηc 03.04.13 16:02

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?
Evidaaηc
Evidaaηc
Membro

Membro desde : 06/07/2012
Mensagens : 706
Pontos : 966

http://world.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar topo dos widgets

Mensagem por Janeiro93 03.04.13 16:05

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
Janeiro93
Janeiro93
**

Membro desde : 18/04/2012
Mensagens : 87
Pontos : 127

http://onepieceutd.forumeiros.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar topo dos widgets

Mensagem por seender 03.04.13 19:32

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
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar topo dos widgets

Mensagem por Janeiro93 03.04.13 20:17

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
Janeiro93
Janeiro93
**

Membro desde : 18/04/2012
Mensagens : 87
Pontos : 127

http://onepieceutd.forumeiros.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar topo dos widgets

Mensagem por Sennior 04.04.13 1:07

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!
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar topo dos widgets

Mensagem por Janeiro93 04.04.13 18:33

Olá,

Não alterou precisamente nada.

Obrigado
Janeiro93
Janeiro93
**

Membro desde : 18/04/2012
Mensagens : 87
Pontos : 127

http://onepieceutd.forumeiros.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar topo dos widgets

Mensagem por BrunoH. 04.04.13 18:37

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.
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar topo dos widgets

Mensagem por Janeiro93 07.04.13 2:22

Olá,

É isto mesmo BrunoH, muito bom.


Obrigado
Janeiro93
Janeiro93
**

Membro desde : 18/04/2012
Mensagens : 87
Pontos : 127

http://onepieceutd.forumeiros.com.pt

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