Widgets Personalizada

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

Resolvido Widgets Personalizada

Mensagem por [K]oke em 25/11/14, 01:11 pm

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, 06:42 am, editado 1 vez(es)
avatar

[K]oke
Usuário destaque

Masculino
Inscrito dia : 25/04/2014
Mensagens : 870
Pontos Ativos : 1590

Ver perfil do usuário http://bestskins.net/forum https://www.facebook.com/davis.natsu

Resolvido Re: Widgets Personalizada

Mensagem por Shaman em 25/11/14, 01:13 pm

Olá, onde viu tal "barra"?

LucaS [],
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Widgets Personalizada

Mensagem por [K]oke em 25/11/14, 01:31 pm

Aqui na FDF contém a mesma barra.
avatar

[K]oke
Usuário destaque

Masculino
Inscrito dia : 25/04/2014
Mensagens : 870
Pontos Ativos : 1590

Ver perfil do usuário http://bestskins.net/forum https://www.facebook.com/davis.natsu

Resolvido Re: Widgets Personalizada

Mensagem por Reset em 25/11/14, 01:46 pm

Olá!

Adicione este código em sua folha de estilo:
Código:
#left .module {
background: url(http://illiweb.com/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.
avatar

Reset
Membro do Fórum

Masculino
Inscrito dia : 30/09/2014
Mensagens : 1093
Pontos Ativos : 1457

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

Resolvido Re: Widgets Personalizada

Mensagem por StaaL em 25/11/14, 06:24 pm

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
avatar

StaaL
Nível 9

Masculino
Inscrito dia : 23/10/2014
Mensagens : 153
Pontos Ativos : 223

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

Resolvido Re: Widgets Personalizada

Mensagem por [K]oke em 25/11/14, 11:18 pm

Olá, ficou diferente do da FDF de uma olhada
avatar

[K]oke
Usuário destaque

Masculino
Inscrito dia : 25/04/2014
Mensagens : 870
Pontos Ativos : 1590

Ver perfil do usuário http://bestskins.net/forum https://www.facebook.com/davis.natsu

Resolvido Re: Widgets Personalizada

Mensagem por Sennior em 26/11/14, 04:27 am

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://illiweb.com/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
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: Widgets Personalizada

Mensagem por StaaL em 26/11/14, 12:38 pm

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

Código:
#left .module {
    background: url('http://illiweb.com/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
avatar

StaaL
Nível 9

Masculino
Inscrito dia : 23/10/2014
Mensagens : 153
Pontos Ativos : 223

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

Resolvido Re: Widgets Personalizada

Mensagem por [K]oke em 26/11/14, 10:37 pm

Bugou as estatísticas.
avatar

[K]oke
Usuário destaque

Masculino
Inscrito dia : 25/04/2014
Mensagens : 870
Pontos Ativos : 1590

Ver perfil do usuário http://bestskins.net/forum https://www.facebook.com/davis.natsu

Resolvido Re: Widgets Personalizada

Mensagem por Sennior em 27/11/14, 01:14 am

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://illiweb.com/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
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: Widgets Personalizada

Mensagem por StaaL em 27/11/14, 01:32 am

Utilize esse Code pra ver se Remove das Estatísticas

Código:
#left .module{
    background: url('http://illiweb.com/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;
}
avatar

StaaL
Nível 9

Masculino
Inscrito dia : 23/10/2014
Mensagens : 153
Pontos Ativos : 223

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

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