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
Conectar-se

Esqueci minha senha

Últimos assuntos
» Niveis de usuarios
Hoje à(s) 11:51 am por Guilherme Campos Martins

» Logo do fórum
Hoje à(s) 11:40 am por Fatalisss

» Caixa de resposta rápida nos tópicos
Hoje à(s) 11:35 am por Fatalisss

» Bug nos tópicos
Hoje à(s) 11:30 am por Fatalisss

» Categoria do fórum
Hoje à(s) 11:14 am por PrisoN†BreaK

» Melhorar a aparência desta caixa
Hoje à(s) 11:13 am por Harleen

» Categorias
Hoje à(s) 11:02 am por Harleen

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Kyo Panda
 
Fatalisss
 
Luiz
 
JulioPais
 
Holkis
 
Shek
 
APOllO
 
Forumpw
 
Flames
 

Quem está conectado
280 usuários online :: 7 usuários cadastrados, Nenhum Invisível e 273 Visitantes :: 2 Motores de busca

Fatalisss, Guilherme Campos Martins, Kyo Panda, Luiz, MtX, PrisoN†BreaK, soldado

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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 : 1572
Pontos Ativos : 2413

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
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

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 : 1572
Pontos Ativos : 2413

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
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

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 : 1572
Pontos Ativos : 2413

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
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

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 : 1572
Pontos Ativos : 2413

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