Como fazer isso?

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

Resolvido Como fazer isso?

Mensagem por ppedro19 em 31/01/13, 07:56 pm

Qual é minha questão:
Quero saber como coloca isso
http://i.imgur.com/sdjKY5e.jpg
Desde ja agradeço

Endereço do meu fórum:
http://pokemon.ultimaterpg.net

Versão do fórum:
PHPBB2
avatar

ppedro19
Nível 10

Masculino
Inscrito dia : 25/01/2012
Mensagens : 276
Pontos Ativos : 369

Ver perfil do usuário http://pokemon.ultimaterpg.net/forum

Resolvido Re: Como fazer isso?

Mensagem por iPrompt em 31/01/13, 10:12 pm

Olá,

Adiciona este código em sua Folha de estilo CSS

Código:
body {
background-attachment: scroll;
background-color: white;
background-image: url(http://i.imgur.com/v1h1B.jpg);
color: black;
font-family: Segoe UI,Helvetica,sans-serif;
font-size: 10px;
height: auto;
padding: 10px 0;
}

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Como fazer isso?

Mensagem por ppedro19 em 01/02/13, 05:36 pm

nd nenhum efeito
avatar

ppedro19
Nível 10

Masculino
Inscrito dia : 25/01/2012
Mensagens : 276
Pontos Ativos : 369

Ver perfil do usuário http://pokemon.ultimaterpg.net/forum

Resolvido Re: Como fazer isso?

Mensagem por ppedro19 em 01/02/13, 06:40 pm

tipo qnd você regarrega as paginas ele fica uns 500 milesimos mas tipo,n fika a borda,fika a imagem q você fez
avatar

ppedro19
Nível 10

Masculino
Inscrito dia : 25/01/2012
Mensagens : 276
Pontos Ativos : 369

Ver perfil do usuário http://pokemon.ultimaterpg.net/forum

Resolvido Re: Como fazer isso?

Mensagem por Jack Sparrow em 01/02/13, 06:45 pm

Tente este código css:
Código:
body {background-attachment: scroll;background-color: #fff;background-image: url(http://i.imgur.com/v1h1B.jpg);color: #000;font-family: Segoe UI,Helvetica,sans-serif;font-size: 10px;height: auto;padding: 10px 0;}
#wrap {background-color: #fff;border: 1px solid #fff;margin: 0 auto;min-width: 768px;padding: 5px;width: 960px;}
Até Mais
avatar

Jack Sparrow
Membro do Fórum

Masculino
Inscrito dia : 23/04/2011
Mensagens : 1223
Pontos Ativos : 1801

Ver perfil do usuário http://www.monsterhunterbrasil.com

Resolvido Re: Como fazer isso?

Mensagem por ppedro19 em 01/02/13, 08:45 pm

Jack,seu codigo deixou o forum com estrutura de pagina pequena,deixou minha bordas do forum redondas e ainda não foi adcionada a moldura que pedi
avatar

ppedro19
Nível 10

Masculino
Inscrito dia : 25/01/2012
Mensagens : 276
Pontos Ativos : 369

Ver perfil do usuário http://pokemon.ultimaterpg.net/forum

Resolvido Re: Como fazer isso?

Mensagem por Evidaaηc em 01/02/13, 08:51 pm

Onde foi visto tal efeito ?
avatar

Evidaaηc
Usuário destaque

Masculino
Inscrito dia : 06/07/2012
Mensagens : 706
Pontos Ativos : 966

Ver perfil do usuário http://world.forumbrasil.net/

Resolvido Re: Como fazer isso?

Mensagem por [S]herlock em 01/02/13, 09:17 pm

Olá amigo ,

Isto é um background normal , que foi modificado em css para ficar no tamanho da página . Caso queira o código CSS , segue abaixo :

Código:

#background {
left: 24px;
right: 100px;
}

#wrap {
background-color: white;
border: 1px solid white;
margin: 0 auto;
min-width: 960px;
padding: 10px;
width: 1100px;
}

body {
background-image: url(http://i.imgur.com/v1h1B.jpg);
color: black;
font-family: Segoe UI,Helvetica,sans-serif;
font-size: 10px;
height: auto;
padding: 10px 0;
background-attachment: scroll;
background-color: white;
}

AVISO : PARA VER SE O CÓDIGO IRÁ FUNCIONAR , TIRE O SEU BACKGROUND ATUAL.

Abraços,
avatar

[S]herlock
Usuário avançado

Masculino
Inscrito dia : 18/07/2012
Mensagens : 399
Pontos Ativos : 597

Ver perfil do usuário http://www.projectgames.ativoforum.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