Personalizar página inicial

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

Resolvido Personalizar página inicial

Mensagem por aemdia6 em 15/03/14, 10:45 pm

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


Última edição por aemdia6 em 16/03/14, 03:05 am, editado 1 vez(es)
avatar

aemdia6
Usuário avançado

Masculino
Inscrito dia : 26/07/2013
Mensagens : 307
Pontos Ativos : 474

Ver perfil do usuário http://xgamesaem.forumclan.com/

Resolvido Re: Personalizar página inicial

Mensagem por Shek em 15/03/14, 11:18 pm

Boa noite!

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


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17160
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Personalizar página inicial

Mensagem por aemdia6 em 15/03/14, 11:28 pm

avatar

aemdia6
Usuário avançado

Masculino
Inscrito dia : 26/07/2013
Mensagens : 307
Pontos Ativos : 474

Ver perfil do usuário http://xgamesaem.forumclan.com/

Resolvido Re: Personalizar página inicial

Mensagem por Shek em 15/03/14, 11:58 pm

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! Muito feliz

Atenciosamente,
Shek


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17160
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Personalizar página inicial

Mensagem por aemdia6 em 16/03/14, 12:02 am

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  Muito feliz
avatar

aemdia6
Usuário avançado

Masculino
Inscrito dia : 26/07/2013
Mensagens : 307
Pontos Ativos : 474

Ver perfil do usuário http://xgamesaem.forumclan.com/

Resolvido Re: Personalizar página inicial

Mensagem por Shek em 16/03/14, 12:12 am

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!


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17160
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Personalizar página inicial

Mensagem por aemdia6 em 16/03/14, 12:16 am

Sim, sim...  Muito feliz 

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

Vlw amigo...  Rindo
avatar

aemdia6
Usuário avançado

Masculino
Inscrito dia : 26/07/2013
Mensagens : 307
Pontos Ativos : 474

Ver perfil do usuário http://xgamesaem.forumclan.com/

Resolvido Re: Personalizar página inicial

Mensagem por Shek em 16/03/14, 12:35 am

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? huh


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17160
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Personalizar página inicial

Mensagem por aemdia6 em 16/03/14, 12:39 am

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...  Muito feliz
avatar

aemdia6
Usuário avançado

Masculino
Inscrito dia : 26/07/2013
Mensagens : 307
Pontos Ativos : 474

Ver perfil do usuário http://xgamesaem.forumclan.com/

Resolvido Re: Personalizar página inicial

Mensagem por Shek em 16/03/14, 01:00 am

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


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17160
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Personalizar página inicial

Mensagem por aemdia6 em 16/03/14, 01:04 am

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...!!  Muito feliz
avatar

aemdia6
Usuário avançado

Masculino
Inscrito dia : 26/07/2013
Mensagens : 307
Pontos Ativos : 474

Ver perfil do usuário http://xgamesaem.forumclan.com/

Resolvido Re: Personalizar página inicial

Mensagem por Shek em 16/03/14, 01:24 am

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.


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17160
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Personalizar página inicial

Mensagem por aemdia6 em 16/03/14, 01:32 am

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...  Muito feliz
avatar

aemdia6
Usuário avançado

Masculino
Inscrito dia : 26/07/2013
Mensagens : 307
Pontos Ativos : 474

Ver perfil do usuário http://xgamesaem.forumclan.com/

Resolvido Re: Personalizar página inicial

Mensagem por :-EraGon-: em 16/03/14, 02:28 am

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;
}
avatar

:-EraGon-:
Nível 9

Masculino
Inscrito dia : 12/12/2013
Mensagens : 224
Pontos Ativos : 414

Ver perfil do usuário http://suporteparaforuns.forumeiros.com https://www.facebook.com/facebook.com/hilterhp https://twitter.com/@HilterHP

Resolvido Re: Personalizar página inicial

Mensagem por aemdia6 em 16/03/14, 02:35 am

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

aemdia6
Usuário avançado

Masculino
Inscrito dia : 26/07/2013
Mensagens : 307
Pontos Ativos : 474

Ver perfil do usuário http://xgamesaem.forumclan.com/

Resolvido Re: Personalizar página inicial

Mensagem por :-EraGon-: em 16/03/14, 02:37 am

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

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

:-EraGon-:
Nível 9

Masculino
Inscrito dia : 12/12/2013
Mensagens : 224
Pontos Ativos : 414

Ver perfil do usuário http://suporteparaforuns.forumeiros.com https://www.facebook.com/facebook.com/hilterhp https://twitter.com/@HilterHP

Resolvido Re: Personalizar página inicial

Mensagem por aemdia6 em 16/03/14, 02:43 am

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...!!! Rindo  Rindo
avatar

aemdia6
Usuário avançado

Masculino
Inscrito dia : 26/07/2013
Mensagens : 307
Pontos Ativos : 474

Ver perfil do usuário http://xgamesaem.forumclan.com/

Resolvido Re: Personalizar página inicial

Mensagem por :-EraGon-: em 16/03/14, 02:51 am

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;
}
avatar

:-EraGon-:
Nível 9

Masculino
Inscrito dia : 12/12/2013
Mensagens : 224
Pontos Ativos : 414

Ver perfil do usuário http://suporteparaforuns.forumeiros.com https://www.facebook.com/facebook.com/hilterhp https://twitter.com/@HilterHP

Resolvido Re: Personalizar página inicial

Mensagem por aemdia6 em 16/03/14, 03:05 am

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

Muito obrigado mesmo... Muito feliz  Abraço..
avatar

aemdia6
Usuário avançado

Masculino
Inscrito dia : 26/07/2013
Mensagens : 307
Pontos Ativos : 474

Ver perfil do usuário http://xgamesaem.forumclan.com/

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