Widgets

Qual é minha questão:
Gostaria de deixar as Widgets de meu fórum igual as da imagem apresentada abaixo.


Medidas que eu tomei para corrigir o problema:
Nenhum...

Imagens do meu problema:
https://i.servimg.com/u/f40/16/80/96/51/ssss10.png

Endereço do meu fórum:
onepieceadventure.forumeiros.com.pt

Versão do meu fórum:
PHPBB3

Olá,

Poderia fornecer o link do fórum de onde viu isto?

Você queria mudar o fundo? Ou outra coisa?

Atenciosamente: Fire_Hell.

Olá,

Vá em: Painel de controle Visualização Cores "Aba" Folha CSS.

Adicione no conteúdo:

Código:

.module,.module .box-content,.module .main-content{-moz-border-radius:10px 0;-webkit-border-radius:10px 0 10px 0;background-color:#FFF!important;background-image:url(http://img89.imageshack.us/img89/2279/fundogt.png)!important;background-position:center top!important;background-repeat:repeat-x!important;border:1px solid #bcbcbc}

Salve e visualize seu fórum.
Até mais.

Resultou mas como tiro essa meia moldura preta que fica dentro dos widgets acima do nome.

https://i.servimg.com/u/f47/17/17/94/61/dddddd11.png

UP

pq eu tb quero saber

Aqui, troque essa parte do código:

.module,.module .box-content,.module .main-content{-moz-border-radius:10px 0;-webkit-border-radius:10px 0 10px 0;background-color:#FFF!important;background-image:url(https://2img.net/r/ihimizer/img89/2279/fundogt.png)!important;background-position:center top!important;background-repeat:repeat-x!important;border:1px solid #bcbcbc}

Troque o link, pois o fundo ta preto e branco como pode ver.

Ou se querer deixar sem cor apenas apague o link.

Resultou?

Olá,

Retire os códigos a seguir de sua folha css:

Código:


.module .fields1 dd {
margin-left: 0;
}

.module h3 {
margin: 0.5em 0;
color: #000000;
border-bottom: 0px solid #000000;
color: #ccc;
text-align: center;
text-transform: capitalize;
font-size: 12px;
margin-top: -1px;
padding-bottom: 5px;
}

.h3 {
color: #6f6f6f;
background-image: url('');
background-position: bottom;
background-repeat: repeat-x;
border: 1px solid #666666;
-moz-border-radius: 10px;
}

Salve.
Até mais.

coloque o seguinte codigo

Código:

.module,.module .box-content,.module .main-content{-moz-border-radius:10px 0;-webkit-border-radius:10px 0 10px 0;background-color:#FFF!important;background-image:url(http://img89.imageshack.us/img89/2279/fundogt.png)!important;background-position:center top!important;background-repeat:repeat-x!important;border:1px solid #bcbcbc}

em seu CSS

Touks escreveu:Olá,

Retire os códigos a seguir de sua folha css:

Código:


.module .fields1 dd {
margin-left: 0;
}

.module h3 {
margin: 0.5em 0;
color: #000000;
border-bottom: 0px solid #000000;
color: #ccc;
text-align: center;
text-transform: capitalize;
font-size: 12px;
margin-top: -1px;
padding-bottom: 5px;
}

.h3 {
color: #6f6f6f;
background-image: url('');
background-position: bottom;
background-repeat: repeat-x;
border: 1px solid #666666;
-moz-border-radius: 10px;
}

Salve.
Até mais.

Resultou.