Deixar esta area como a imagem

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

Resolvido Deixar esta area como a imagem

Mensagem por EDU2010 em 19/02/15, 11:25 pm

Detalhes da dúvida


Versão do fórum : phpBB3
Nível de acesso : Administrador
Navegador usado : Internet Explorer
Imagem :
Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Problema começou : Hoje
Endereço do fórum : http://passarinhos.forumeiros.com/forum.htm

Descrição do problema

Como eu coloco esta area do Fórum para ficar desta forma do exemplo da imagem ???



Última edição por EDU2010 em 19/02/15, 11:53 pm, editado 1 vez(es)
avatar

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1722
Pontos Ativos : 2653

Ver perfil do usuário http://passarinhos.forumeiros.com/forum.htm
  • 0

Resolvido Re: Deixar esta area como a imagem

Mensagem por Gaaratsu em 19/02/15, 11:29 pm

Saudações!

Aceda à: Painel de Controle >> Visualização >> Imagens e Cores >> Cores >>> Folha de estilo CSS

Adicione o seguinte código no início da tua CSS:
Código:
#left .module .h3, #left .module ul {
border-radius: 6px 5px 0 0!important;
}
#left .module .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: -5px!important;
padding: 7px!important;
text-align: center!important;
}
#left .module .inner {
padding-left: 9px;
padding-right: 9px;
}
#content-container div#left {
background: none repeat scroll 0 0!important;
/* border: 0 none!important; */
overflow: visible!important;
padding: 1px 1px 10px!important;
width: 240px!important;
}
#content-container div#left {
float: left;
margin-right: 12px;
overflow: hidden;
width: 190px;
}
Salve! OK

Até! Piscada


Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Gaaratsu — Ajudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

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

Resolvido Re: Deixar esta area como a imagem

Mensagem por EDU2010 em 19/02/15, 11:32 pm

Resultou amigo ficou com algumas falhas nos cantos ou seja não esta perfeito como aqui , veja lá no Fórum
avatar

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1722
Pontos Ativos : 2653

Ver perfil do usuário http://passarinhos.forumeiros.com/forum.htm

Resolvido Re: Deixar esta area como a imagem

Mensagem por Gaaratsu em 19/02/15, 11:35 pm

Adicione mais este código junto do anterior:
Código:
.module {
border: 0 none!important;
font-size: 100%!important;
margin: 0!important;
outline: 0 none!important;
overflow: visible!important;
padding: 0!important;
}

Resolve? Piscada


Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Gaaratsu — Ajudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

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

Resolvido Re: Deixar esta area como a imagem

Mensagem por EDU2010 em 19/02/15, 11:37 pm

Quase ainda faltou o sublinado esta linha que torna o quadro de cada widget !!!
avatar

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1722
Pontos Ativos : 2653

Ver perfil do usuário http://passarinhos.forumeiros.com/forum.htm

Resolvido Re: Deixar esta area como a imagem

Mensagem por Gaaratsu em 19/02/15, 11:39 pm

Hum... Pensativo

Ainda faltou este:
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;
}

Desde já peço desculpa. Positivo


Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Gaaratsu — Ajudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

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

Resolvido Re: Deixar esta area como a imagem

Mensagem por EDU2010 em 19/02/15, 11:52 pm

Perfeito .......... Feliz aniversário De bem com a vida Venerar
avatar

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1722
Pontos Ativos : 2653

Ver perfil do usuário http://passarinhos.forumeiros.com/forum.htm

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