Personalizar página inicial

Qual é minha questão:
Olá gostaria de perguntar se tem como deixar a página inicial do meu fórum desse jeito ou parecido como na imagem:
 http://3.bp.blogspot.com/-A7f3vTkltp0/UySem9cWiuI/AAAAAAAABCM/aSux2TY-jvA/s1600/imagem4.JPG




Vlw galera massa, Obrigado..!!! 

Endereço do meu fórum:
http://xgamesaem.forumclan.com

Versão do fórum:
PHPBB3

Boa noite!

Você poderia me indicar a URL do site que encontrou-se com este efeito?

É esse aqui: 
http://bestskins.forumeiros.com/forum 

vlw..
 

Olá!

Tente com este código CSS:

Código:

.main .main-head {
background: #0c1e38 url(http://i57.servimg.com/u/f57/18/12/37/46/main-b10.png) repeat-x;
-moz-border-radius: 3px 3px 0 0;
-moz-box-shadow: rgba(0,0,0,0.3) 0 -1px 4px;
-webkit-border-radius: 3px 3px 0 0;
-webkit-box-shadow: rgba(0,0,0,0.3) 0 -1px 4px;
border-radius: 3px 3px 0 0;
box-shadow: rgba(0,0,0,0.3) 0 -1px 4px;
color: #fff;
padding: 13px;
text-shadow: 1px 1px 1px #333;
margin: 1em 0 !important;
}

.main .main-head .page-title {
font-size: 12px;
font-weight: 400;
}

.pun .main-content {
-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 4px;
-webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 4px;
border: 0;
border-radius: 0 0 3px 3px;
box-shadow: rgba(0,0,0,0.3) 0 1px 4px;
padding: 6px;
}

div#main-content div.main-content {
background: #0c1e38 url(http://i57.servimg.com/u/f57/18/12/37/46/main-b10.png) repeat-x !important;
}

.pun .main {
margin: 1em 0 !important;
}

Lembre-se de mudar as classes já existentes pelo do código atual, e salve seu código antigo antes de alterar!

Atenciosamente,
Shek

Ficou bom, mas creio eu que tah meio estranho não?

dá  uma olhadinha se quiser dar uma dica seria até melhor...

http://xgamesaem.forumclan.com/

Obrigado pela rapidez  

Olá!

Você poderia me fornecer uma printscreen da sua tela quando o efeito é aplicado? Você lembrou-se do que eu disse a respeito de procurar e alterar as propriedades das classes CSS existentes, ao invés de adicionar?

Até mais!

Sim, sim...   

tah ai : http://3.bp.blogspot.com/-K68Qn4FopEs/UyUXVMqJHEI/AAAAAAAABGE/MCgHP17A4kk/s1600/imagem.JPG

Vlw amigo...  

Só mais uma pergunta: O fundo como você queria pelo que pude perceber funcionou, mas, o que de fato ocorreu de errado que deseja corrigir?

Realmente aquela aparência daquele fórum não combinou com o meu, os códigos que você mim passou funcionaram tudo direitinho, o problema é a aparencia mesmo que não combinou com meu fórum... Tem não um código ai para customizar a página inicial do meu? Obrigado amigo mim ajudou muito...  

Customizar a página principal? Bem, mas queria saber que customização e exatamente que local deseja modificar?   

Bom, segue a imagem vai dar pra intender melhor:
http://3.bp.blogspot.com/-rQrphUGG2hM/UyUii4Wl7FI/AAAAAAAABHU/yHh28F-41YE/s1600/imagem.JPG

Titulo das categorias, bordas e etc...!!  

Já que não disse exatamente o que quer, então, sugiro:

Código:

.main .main-head {
background: #333 url('') repeat-x left top;
border: 1px solid #333;
border-bottom: 0;
border-radius: 5px 5px 0 0;
color: #FFF;
margin-top: 8px;
}

.main .main-head .page-title {
color: #FFF;
font-size: 14px;
font-weight: 700;
padding-left: 3px;
padding-top: 3px;
font-weight: bold;
}

div.main-content table.table thead {
display: none;
}

Por favor, diga-me exatamente o que deseja personalizar, e como deseja que seja personalizado.

Era isso ai que eu queria, só tah faltando as bordas laterais e esse negócio na imagem a seguir:

http://1.bp.blogspot.com/-_8feNk8vQ4M/UyUpAPFJbCI/AAAAAAAABHk/ib2Gc3mFLhg/s1600/22.JPG


Vlw amigo...  

Olá amigo, tente:

Código:

#siteinfo, .main .main-content, .main .main-head, .pun .posthead, .title-overview {
    background: url('http://i57.servimg.com/u/f57/18/12/37/46/main-b10.png') repeat-x scroll 0% 0% #0C1E38;
}

Ótimo, só faltou as bordas laterais...    vlw amigoo...

aemdia6 escreveu:Ótimo, só faltou as bordas laterais...    vlw amigoo...

Pode nos mostrar a imagem atual e a de como queira ?

Atualmente está assim:

http://1.bp.blogspot.com/-RSPjrGJ4Wzg/UyU5SKZOEFI/AAAAAAAABIM/ATWOPjXM6ac/s1600/atualmente.JPG

e eu  queria assim:

http://2.bp.blogspot.com/-vRT775SX4VE/UyU5qpc9rjI/AAAAAAAABIU/88v0Y5oGtc0/s1600/queroassim.JPG

mas vejo que não irá combinar muito com meu fórum, então se poder mim sugerir algum css que fique bom eu agradeço, muito obrigado...!!!   

Olá amigo, tente:

Código:

#content-container div#right {
float: right;
overflow: hidden;
width: 260px;
}
#right {
-moz-border-radius: 5px;
-moz-box-shadow: -2px 2px 2px none;
-webkit-border-radius: 5px;
-webkit-box-shadow: -2px 2px 2px none;
background: #ebedef;
border: 1px solid #dce2ec;
border-radius: 5px;
box-shadow: -2px 2px 2px none;
padding: 5px;
}

Ok, muito obrigado pela ajuda, vou fazer outro tópico com outro estilo que eu vi em outro fórum vlw..

Muito obrigado mesmo...   Abraço..