Widgets Personalizada Hitskin_logo Hitskin.com

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

Widgets Personalizada

5 participantes

Ir para baixo

Tópico resolvido Widgets Personalizada

Mensagem por [K]oke 25.11.14 15:11

Detalhes da dúvida

Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Google Chrome
Imagem :
Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Problema começou : hj
Endereço do fórum : http://pergunta-resposta.forumbrasil.net/

Descrição do problema

Olá, queria essa barra em azul para o estilo do meu fórum.


Última edição por DarK-KinG em 27.11.14 8:42, editado 1 vez(es)
[K]oke
[K]oke
Membro

Membro desde : 26/04/2014
Mensagens : 897
Pontos : 1628

http://bestskins.net/forum https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Widgets Personalizada

Mensagem por Shaman 25.11.14 15:13

Olá, onde viu tal "barra"?

LucaS [],
Shaman
Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Widgets Personalizada

Mensagem por [K]oke 25.11.14 15:31

Aqui na FDF contém a mesma barra.
[K]oke
[K]oke
Membro

Membro desde : 26/04/2014
Mensagens : 897
Pontos : 1628

http://bestskins.net/forum https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Widgets Personalizada

Mensagem por Reset 25.11.14 15:46

Olá!

Adicione este código em sua folha de estilo:
Código:
#left .module {
background: url(http://2img.net/i/fa/optimisation_fdf/fr/bg_pannel.png) repeat-x center bottom #E5F1F9;
border-color: #315C99 #b9c4cd #b9c4cd!important;
border-radius: 6px 6px 3px 3px!important;
border-style: solid!important;
border-width: 0 1px 1px!important;
margin: 3px 1px;
padding-bottom: 8px;
padding-top: 4px;
}

Até mais,
Reset.
Reset
Reset
Super Membro

Membro desde : 30/09/2014
Mensagens : 1098
Pontos : 1476

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widgets Personalizada

Mensagem por StaaL 25.11.14 20:24

Ola:

Bom Amigos tenho um Code que cria Barras nos Widgts do Fórum
Test esse code e Veja se é isso mesmo que vc quer Abraços

Código:
#left .module {
    background: none repeat scroll 8px 1px #0077AE;
    box-shadow: 0px 4px 4px rgba(39, 170, 202, 0.55);
    color: #FFF !important;
    cursor: default !important;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    margin-left: -10px !important;
    margin-right: -10px !important;
    margin-top: -5px !important;
    padding: 11px !important;
    text-align: center !important;
}

Alterações? Aguardo respostas

NikeRg Piscada
StaaL
StaaL
***

Membro desde : 23/10/2014
Mensagens : 153
Pontos : 223

http://criando.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Widgets Personalizada

Mensagem por [K]oke 26.11.14 1:18

Olá, ficou diferente do da FDF de uma olhada
[K]oke
[K]oke
Membro

Membro desde : 26/04/2014
Mensagens : 897
Pontos : 1628

http://bestskins.net/forum https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Widgets Personalizada

Mensagem por Sennior 26.11.14 6:27

Saudações! Muito feliz

Altere o código passado por nossos amigos, pelo abaixo:
Vá em:
Painel de controle  Seta curta Visualização  Seta curta Cores Seta curta "Aba" Folha CSS.

Adicione no conteúdo:
Código:
.h3 {
background: url(http://2img.net/i/fa/fdf3/bg_cat.png) #FBFBFB;
box-shadow: 0 0 2px 0 rgba(0,0,0,0.247) inset, 0 1px 3px rgba(0,0,0,0.298), 0 2px 0 rgba(255,255,255,0.2) inset;
color: #FFF!important;
cursor: default!important;
font-family: Arial;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: bold;
margin-left: -9px!important;
margin-right: -9px!important;
margin-top: -9px!important;
padding: 12px!important;
text-align: center!important;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
}
.module {
border: none!important;
border-width: inherit;
}

Salve e Visualize seu fórum. Piscada
Melhores cumprimentos,
Sennior. De bem com a vida
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: Widgets Personalizada

Mensagem por StaaL 26.11.14 14:38

Tente Utilizar esse code esse vai ficar perfeita mente Igual o do FDF

Código:
#left .module {
    background: url('http://2img.net/i/fa/fdf3/bg_cat.png') repeat scroll 0% 0% #FBFBFB;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.247) inset, 0px 1px 3px rgba(0, 0, 0, 0.298), 0px 2px 0px rgba(255, 255, 255, 0.2) inset;
    color: #FFF !important;
    cursor: default !important;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    margin-left: -9px !important;
    margin-right: -9px !important;
    margin-top: -5px !important;
    padding: 7px !important;
    text-align: center !important;
}

Alterações? Aguardo

NikeRg Piscada
StaaL
StaaL
***

Membro desde : 23/10/2014
Mensagens : 153
Pontos : 223

http://criando.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Widgets Personalizada

Mensagem por [K]oke 27.11.14 0:37

Bugou as estatísticas.
[K]oke
[K]oke
Membro

Membro desde : 26/04/2014
Mensagens : 897
Pontos : 1628

http://bestskins.net/forum https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Widgets Personalizada

Mensagem por Sennior 27.11.14 3:14

Saudações! Muito feliz

Altere todos os códigos anteriores pelo abaixo:
Vá em:
Painel de controle  Seta curta Visualização  Seta curta Cores Seta curta "Aba" Folha CSS.

Adicione no conteúdo:
Código:
.introduction .h3, .module .h3, .postbody .h3 {
background: url(http://2img.net/i/fa/fdf3/bg_cat.png) #FBFBFB;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
box-shadow: 0 0 2px 0 rgba(0,0,0,0.247) inset, 0 1px 3px rgba(0,0,0,0.298), 0 2px 0 rgba(255,255,255,0.2) inset;
color: #FFF!important;
cursor: default!important;
font-family: Arial;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: 700;
margin-left: -9px!important;
margin-right: -9px!important;
margin-top: -9px!important;
padding: 12px!important;
text-align: center!important;
}

Salve e Visualize seu fórum. Piscada
Melhores cumprimentos,
Sennior. De bem com a vida
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: Widgets Personalizada

Mensagem por StaaL 27.11.14 3:32

Utilize esse Code pra ver se Remove das Estatísticas

Código:
#left .module{
    background: url('http://2img.net/i/fa/fdf3/bg_cat.png') repeat scroll 0% 0% #FBFBFB;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.247) inset, 0px 1px 3px rgba(0, 0, 0, 0.298), 0px 2px 0px rgba(255, 255, 255, 0.2) inset;
    color: #FFF !important;
    cursor: default !important;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    margin-left: -9px !important;
    margin-right: -9px !important;
    margin-top: -5px !important;
    padding: 7px !important;
    text-align: center !important;
}
StaaL
StaaL
***

Membro desde : 23/10/2014
Mensagens : 153
Pontos : 223

http://criando.forumeiros.com

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