Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
257 usuários online :: 10 usuários cadastrados, 1 Invisível e 246 Visitantes :: 1 Motor de busca

Connor R., fiapinho, Fou-Lu, Heitor A., Holkis, Kyo Panda, Neimasinho, Shek Crowley, tabarra, vitorsali

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Sex 20 Fev 2015 - 1:25

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 Sex 20 Fev 2015 - 1:53, editado 1 vez(es)

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1472
Pontos Ativos : 4529

http://passarinhos.forumeiros.com/forum.htm
  • 0

Resolvido Re: Deixar esta area como a imagem

Mensagem por Gaaratsu em Sex 20 Fev 2015 - 1:29

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

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5541
Pontos Ativos : 9329

http://narutongo.forumeiros.com/

Resolvido Re: Deixar esta area como a imagem

Mensagem por EDU2010 em Sex 20 Fev 2015 - 1:32

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

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1472
Pontos Ativos : 4529

http://passarinhos.forumeiros.com/forum.htm

Resolvido Re: Deixar esta area como a imagem

Mensagem por Gaaratsu em Sex 20 Fev 2015 - 1:35

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

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5541
Pontos Ativos : 9329

http://narutongo.forumeiros.com/

Resolvido Re: Deixar esta area como a imagem

Mensagem por EDU2010 em Sex 20 Fev 2015 - 1:37

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

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1472
Pontos Ativos : 4529

http://passarinhos.forumeiros.com/forum.htm

Resolvido Re: Deixar esta area como a imagem

Mensagem por Gaaratsu em Sex 20 Fev 2015 - 1:39

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

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5541
Pontos Ativos : 9329

http://narutongo.forumeiros.com/

Resolvido Re: Deixar esta area como a imagem

Mensagem por EDU2010 em Sex 20 Fev 2015 - 1:52

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

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1472
Pontos Ativos : 4529

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