Widgets Personalizada

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.

Olá, onde viu tal "barra"?

LucaS [],

Aqui na FDF contém a mesma barra.

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.

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

Olá, ficou diferente do da FDF de uma olhada

Saudações!

Altere o código passado por nossos amigos, pelo abaixo:

Vá em: Painel de controle   Visualização   Cores "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.
Melhores cumprimentos,
Sennior.

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

Bugou as estatísticas.

Saudações!

Altere todos os códigos anteriores pelo abaixo:

Vá em: Painel de controle   Visualização   Cores "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.
Melhores cumprimentos,
Sennior.

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;
}