Imagens nas laterais do Fórum

4 participantes

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

Tópico resolvido Imagens nas laterais do Fórum

Mensagem por Bruno Franks 19.10.14 17:29


  • Descrição:

Bom... queria saber se é possível fazer o seguinte efeito no meu fórum... Atualmente, ele está assim:
imagens - Imagens nas laterais do Fórum 10i54qs

E eu gostaria que ele ficasse assim:
imagens - Imagens nas laterais do Fórum 2e4hw21

Como pode se ver... as colunas seriam formadas por três partes:
O topo com 163px de altura, fixo no topo da página...
imagens - Imagens nas laterais do Fórum Coluna10(lado esquerdo https://i.servimg.com/u/f39/18/96/29/25/coluna10.png)
imagens - Imagens nas laterais do Fórum Coluna11(lado direito https://i.servimg.com/u/f39/18/96/29/25/coluna11.png)


A base com 72px de altura, fixa no fim da página...
imagens - Imagens nas laterais do Fórum Base_d11(lado esquerdo https://i.servimg.com/u/f39/18/96/29/25/base_d11.png)
imagens - Imagens nas laterais do Fórum Base_d12 (lado direito https://i.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)

imagens - Imagens nas laterais do Fórum Corpo_10 (lado esquerdo https://i.servimg.com/u/f39/18/96/29/25/corpo_10.png)
imagens - Imagens nas laterais do Fórum Corpo_11 (lado direito https://i.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 23:25, editado 2 vez(es)
Bruno Franks

Bruno Franks
***

Membro desde : 20/06/2012
Mensagens : 153
Pontos : 201

http://ams7.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens nas laterais do Fórum

Mensagem por Alex Habilidade 19.10.14 19:30

Olá,

As duas primeiras imagens eu não consigo visualizar.
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens nas laterais do Fórum

Mensagem por Bruno Franks 19.10.14 19:43

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

Bruno Franks
***

Membro desde : 20/06/2012
Mensagens : 153
Pontos : 201

http://ams7.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens nas laterais do Fórum

Mensagem por Alex Habilidade 19.10.14 19:49

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...
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens nas laterais do Fórum

Mensagem por Bruno Franks 19.10.14 19:55

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
Bruno Franks

Bruno Franks
***

Membro desde : 20/06/2012
Mensagens : 153
Pontos : 201

http://ams7.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens nas laterais do Fórum

Mensagem por Alex Habilidade 19.10.14 19:58

Amigo, peça aqui um pedido de imagem:

https://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?
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens nas laterais do Fórum

Mensagem por Bruno Franks 21.10.14 1:02

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
Bruno Franks

Bruno Franks
***

Membro desde : 20/06/2012
Mensagens : 153
Pontos : 201

http://ams7.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens nas laterais do Fórum

Mensagem por Daemon 21.10.14 2:04

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!
Daemon

Daemon
Super Membro

Membro desde : 02/03/2012
Mensagens : 1132
Pontos : 1825

http://bestskins.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens nas laterais do Fórum

Mensagem por Bruno Franks 22.10.14 20:56

Ó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 (https://i.servimg.com/u/f39/18/96/29/25/coluna10.png; https://i.servimg.com/u/f39/18/96/29/25/coluna11.png), as bases (https://i.servimg.com/u/f39/18/96/29/25/base_d11.pnghttps://i.servimg.com/u/f39/18/96/29/25/base_d12.png) e o fundo (https://2img.net/h/oi61.tinypic.com/29osh8z.jpg) fixos e permitir que o corpo da coluna (https://i.servimg.com/u/f39/18/96/29/25/corpo_10.pnghttps://i.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 (https://2img.net/h/oi61.tinypic.com/29osh8z.jpg) e deixar toda coluna seguindo a rolagem da página.
Bruno Franks

Bruno Franks
***

Membro desde : 20/06/2012
Mensagens : 153
Pontos : 201

http://ams7.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens nas laterais do Fórum

Mensagem por Daemon 22.10.14 21:54

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é!
Daemon

Daemon
Super Membro

Membro desde : 02/03/2012
Mensagens : 1132
Pontos : 1825

http://bestskins.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens nas laterais do Fórum

Mensagem por Bruno Franks 22.10.14 22:03

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 (https://2img.net/h/oi61.tinypic.com/29osh8z.jpg) não fosse fixo...
Bruno Franks

Bruno Franks
***

Membro desde : 20/06/2012
Mensagens : 153
Pontos : 201

http://ams7.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens nas laterais do Fórum

Mensagem por Daemon 22.10.14 23:16

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
Daemon

Daemon
Super Membro

Membro desde : 02/03/2012
Mensagens : 1132
Pontos : 1825

http://bestskins.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens nas laterais do Fórum

Mensagem por Bruno Franks 22.10.14 23:25

Isso! Muito obrigado, mesmo! ^^
Bruno Franks

Bruno Franks
***

Membro desde : 20/06/2012
Mensagens : 153
Pontos : 201

http://ams7.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Imagens nas laterais do Fórum

Mensagem por Sennior 23.10.14 18:17

imagens - Imagens nas laterais do Fórum Symbol10Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

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

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos