Deixar esta area como a imagem

2 participantes

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

Tópico resolvido Deixar esta area como a imagem

Mensagem por EDU2010 20.02.15 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 20.02.15 1:53, editado 1 vez(es)
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2293
Pontos : 3599

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

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Deixar esta area como a imagem

Mensagem por Konai 20.02.15 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://2img.net/i/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
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Deixar esta area como a imagem

Mensagem por EDU2010 20.02.15 1:32

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

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2293
Pontos : 3599

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

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Deixar esta area como a imagem

Mensagem por Konai 20.02.15 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
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Deixar esta area como a imagem

Mensagem por EDU2010 20.02.15 1:37

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

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2293
Pontos : 3599

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

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Deixar esta area como a imagem

Mensagem por Konai 20.02.15 1:39

Hum... Pensativo

Ainda faltou este:
Código:
#left .module {
background: url(http://2img.net/i/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
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Deixar esta area como a imagem

Mensagem por EDU2010 20.02.15 1:52

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

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2293
Pontos : 3599

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

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos