Imagens nas laterais do Fórum

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

Resolvido Imagens nas laterais do Fórum

Mensagem por Bruno Franks em 19/10/14, 02:29 pm


  • Descrição:

Bom... queria saber se é possível fazer o seguinte efeito no meu fórum... Atualmente, ele está assim:


E eu gostaria que ele ficasse assim:


Como pode se ver... as colunas seriam formadas por três partes:
O topo com 163px de altura, fixo no topo da página...
(lado esquerdo http://i39.servimg.com/u/f39/18/96/29/25/coluna10.png)
(lado direito http://i39.servimg.com/u/f39/18/96/29/25/coluna11.png)


A base com 72px de altura, fixa no fim da página...
(lado esquerdo http://i39.servimg.com/u/f39/18/96/29/25/base_d11.png)
 (lado direito http://i39.servimg.com/u/f39/18/96/29/25/base_d12.png)

E o corpo com 204px de altura que seria posto exatamente de onde termina a imagem do topo (a 163px do topo da página) e se repetiria ao longo da página para que a coluna se redimensionasse de acordo com o tamanho do monitor do player e parasse de se repetir até exatamente o início da base (a 72px do fim da página)

 (lado esquerdo http://i39.servimg.com/u/f39/18/96/29/25/corpo_10.png)
 (lado direito http://i39.servimg.com/u/f39/18/96/29/25/corpo_11.png)

Seria possível esse efeito? Se sim... gostaria de um código para tal efeito...
Não sei se é um trabalho ardiloso esse... sou um pouco leigo no assunto, mas parece... Desde já muito agradecido!



  • Informações:




Fórum:ams-meiosangue-rpg.forumeiros.comVersão:PHPBB2
Tipo:Pedido de códigoTags:Imagens,laterais,Fórum



Última edição por Bruno Franks em 22/10/14, 08:25 pm, editado 2 vez(es)
avatar

Bruno Franks
Nível 8

Masculino
Inscrito dia : 20/06/2012
Mensagens : 120
Pontos Ativos : 150

Ver perfil do usuário http://ams-meiosangue-rpg.forumeiros.com/

Resolvido Re: Imagens nas laterais do Fórum

Mensagem por Alex Habilidade em 19/10/14, 04:30 pm

Olá,

As duas primeiras imagens eu não consigo visualizar.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Imagens nas laterais do Fórum

Mensagem por Bruno Franks em 19/10/14, 04:43 pm

Ah sim... sinto muito... e agora? Está sendo possível a visualização?
avatar

Bruno Franks
Nível 8

Masculino
Inscrito dia : 20/06/2012
Mensagens : 120
Pontos Ativos : 150

Ver perfil do usuário http://ams-meiosangue-rpg.forumeiros.com/

Resolvido Re: Imagens nas laterais do Fórum

Mensagem por Alex Habilidade em 19/10/14, 04:49 pm

Cara,

Posso lhe dar um conselho?

Seria interessante se o senhor pegasse a imagem de fundo atual e montasse essas partes juntos formando somente uma imagem entende?

Digo isso porque você fazendo dessa forma que citei acima o fórum ficará leve, agora se ponharmos em pedaços irá sobrecarregar o site, ou seja, se alguém tiver uma internet lenta terá dificuldades em carregar todas as imagens...
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Imagens nas laterais do Fórum

Mensagem por Bruno Franks em 19/10/14, 04:55 pm

Ah sim... entendo...
O problema é que a imagem de fundo ela se repete e se completa como um espelho a medida que vai sendo posta lado a lado ao longo da página... Se eu colocar as colunas no como fundo junto à imagem, todas as repetições terão uma coluna e ficará um tanto sem nexo nexo... por isso a ideia de montar as colunas separadamente
avatar

Bruno Franks
Nível 8

Masculino
Inscrito dia : 20/06/2012
Mensagens : 120
Pontos Ativos : 150

Ver perfil do usuário http://ams-meiosangue-rpg.forumeiros.com/

Resolvido Re: Imagens nas laterais do Fórum

Mensagem por Alex Habilidade em 19/10/14, 04:58 pm

Amigo, peça aqui um pedido de imagem:

http://ajuda.forumeiros.com/f17-criacoes-graficas

Tenho certeza que eles irão montar algo bom para você, após ter a nova imagem de fundo poste nesse tópico que tentarei adequar a imagem a página o que acha?
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Imagens nas laterais do Fórum

Mensagem por Bruno Franks em 20/10/14, 10:02 pm

Hm... entendo... bom, vou tentar essa opção brevemente... mas gostaria de saber se é possível ser feito o que sugeri... sobre o code e etc... e se é possível com minha versão e tudo mais, se alguém quiser me ajudar montando o code pra mim, ficaria muito grato
avatar

Bruno Franks
Nível 8

Masculino
Inscrito dia : 20/06/2012
Mensagens : 120
Pontos Ativos : 150

Ver perfil do usuário http://ams-meiosangue-rpg.forumeiros.com/

Resolvido Re: Imagens nas laterais do Fórum

Mensagem por Daemon em 20/10/14, 11:04 pm

Aqui está:
Código:
body {
background-image: url(http://i39.servimg.com/u/f39/18/96/29/25/coluna10.png), url(http://i39.servimg.com/u/f39/18/96/29/25/base_d11.png), url(http://i39.servimg.com/u/f39/18/96/29/25/corpo_10.png), url(http://i39.servimg.com/u/f39/18/96/29/25/coluna11.png), url(http://i39.servimg.com/u/f39/18/96/29/25/base_d12.png), url(http://i39.servimg.com/u/f39/18/96/29/25/corpo_11.png), url(http://i61.tinypic.com/29osh8z.jpg);
background-position: 0% 0%, 0% 100%, 0% 50%, 100% 0%, 100% 100%, 100% 50%, 0% 0%;
background-repeat: no-repeat, no-repeat, repeat-y, no-repeat, no-repeat, repeat-y, repeat;
}
Basta que o senhor adicione ao css.


Até mais!
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

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

Resolvido Re: Imagens nas laterais do Fórum

Mensagem por Bruno Franks em 22/10/14, 05:56 pm

Ótimo! O code deu certo... Exatamente como eu queria, exceto por um pequeno detalhe que quando o analisei pensei em duas coisas... e gostaria de saber se seria possível... dois pedidos, dois codes:
O primeiro... seria possível deixar somente os topos (http://i39.servimg.com/u/f39/18/96/29/25/coluna10.png; http://i39.servimg.com/u/f39/18/96/29/25/coluna11.png), as bases (http://i39.servimg.com/u/f39/18/96/29/25/base_d11.pnghttp://i39.servimg.com/u/f39/18/96/29/25/base_d12.png) e o fundo (http://i61.tinypic.com/29osh8z.jpg) fixos e permitir que o corpo da coluna (http://i39.servimg.com/u/f39/18/96/29/25/corpo_10.pnghttp://i39.servimg.com/u/f39/18/96/29/25/corpo_11.png) siga a rolagem da página?

O segundo seria deixar fixo somente o fundo (http://i61.tinypic.com/29osh8z.jpg) e deixar toda coluna seguindo a rolagem da página.
avatar

Bruno Franks
Nível 8

Masculino
Inscrito dia : 20/06/2012
Mensagens : 120
Pontos Ativos : 150

Ver perfil do usuário http://ams-meiosangue-rpg.forumeiros.com/

Resolvido Re: Imagens nas laterais do Fórum

Mensagem por Daemon em 22/10/14, 06:54 pm

Seria assim que o senhor deseja?
Código:
body {
background-attachment: inherit;
background: url(http://i39.servimg.com/u/f39/18/96/29/25/coluna10.png), url(http://i39.servimg.com/u/f39/18/96/29/25/base_d11.png), url(http://i39.servimg.com/u/f39/18/96/29/25/corpo_10.png), url(http://i39.servimg.com/u/f39/18/96/29/25/coluna11.png), url(http://i39.servimg.com/u/f39/18/96/29/25/base_d12.png), url(http://i39.servimg.com/u/f39/18/96/29/25/corpo_11.png), url(http://i61.tinypic.com/29osh8z.jpg) fixed;
background-position: 0 0%, 0 100%, 0 50%, 100% 0%, 100% 100%, 100% 50%, 0 0;
background-repeat: no-repeat, no-repeat, repeat-y, no-repeat, no-repeat, repeat-y, repeat;
}
Até!
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

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

Resolvido Re: Imagens nas laterais do Fórum

Mensagem por Bruno Franks em 22/10/14, 07:03 pm

Não exatamente... acho que me expressei mal... desculpe-me
A ideia seria somente as colunas (todas as seis imagens que a compõe do lado esquerdo e direito) que fossem fixas nas laterais da página e somente o fundo (http://i61.tinypic.com/29osh8z.jpg) não fosse fixo...
avatar

Bruno Franks
Nível 8

Masculino
Inscrito dia : 20/06/2012
Mensagens : 120
Pontos Ativos : 150

Ver perfil do usuário http://ams-meiosangue-rpg.forumeiros.com/

Resolvido Re: Imagens nas laterais do Fórum

Mensagem por Daemon em 22/10/14, 08:16 pm

Troque:
Código:
body {
background: url(http://i39.servimg.com/u/f39/18/96/29/25/coluna10.png) fixed, url(http://i39.servimg.com/u/f39/18/96/29/25/base_d11.png) fixed, url(http://i39.servimg.com/u/f39/18/96/29/25/corpo_10.png) fixed, url(http://i39.servimg.com/u/f39/18/96/29/25/coluna11.png) fixed, url(http://i39.servimg.com/u/f39/18/96/29/25/base_d12.png) fixed, url(http://i39.servimg.com/u/f39/18/96/29/25/corpo_11.png) fixed, url(http://i61.tinypic.com/29osh8z.jpg);
background-position: 0 0%, 0 100%, 0 50%, 100% 0%, 100% 100%, 100% 50%, 0 0;
background-repeat: no-repeat, no-repeat, repeat-y, no-repeat, no-repeat, repeat-y, repeat;
}
Até mais! Rosa
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

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

Resolvido Re: Imagens nas laterais do Fórum

Mensagem por Bruno Franks em 22/10/14, 08:25 pm

Isso! Muito obrigado, mesmo! ^^
avatar

Bruno Franks
Nível 8

Masculino
Inscrito dia : 20/06/2012
Mensagens : 120
Pontos Ativos : 150

Ver perfil do usuário http://ams-meiosangue-rpg.forumeiros.com/

Resolvido Re: Imagens nas laterais do Fórum

Mensagem por Sennior em 23/10/14, 03:17 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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