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


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Magazine 2016
Participe da pesquisa de satisfação 2016 e dê sua opinião sobre os diversos serviços de Forumeiros.
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz~
 
Appoloz
 
Kyo Panda
 
Shek Crowley
 
Holkis
 
Cream
 
mocci
 
Troubleshoot
 
Japis Br
 
zNeon
 

Quem está conectado
175 usuários online :: 9 usuários cadastrados, Nenhum Invisível e 166 Visitantes :: 2 Motores de busca

Appoloz, Comensal, DionataBraga._., Eduardo30821, Holkis, Kyo Panda, Luiz~, Maori, Shek Crowley

[ 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 : 1468
Pontos Ativos : 4487

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 : 9293

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 : 1468
Pontos Ativos : 4487

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 : 9293

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 : 1468
Pontos Ativos : 4487

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 : 9293

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 : 1468
Pontos Ativos : 4487

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