Ir para o conteúdo

Publicidade

 Estatísticas do Fórum

  • 0 Usuários ativos

    0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

Foto:

limitar altura da página no blogspot

  • Por favor, faça o login para responder
10 respostas neste tópico

#1 Vládia Queiroz

Vládia Queiroz
  • Membros
  • 49 posts

Postado 20 setembro 2010 - 08:50

Oi pessoal,

Estou querendo limitar a altura de todas as páginas do meu blog no blogspot, tanto da página principal, quanto das páginas fixas, para que numa resolução 1280 x 800 não apareça a barra de rolagem. isso é possível? como?


também estou querendo eliminar uma barra que aparece nas páginas fixas dividindo a área da postagem dos gadgets inferiores. não uso gadgets nessa parte então fica muito estranha aquela barra no visual do blog, mas se não souber responder isso, deixa que eu faço outro post depois. o mais urgente é limitar a altura da página.

obrigada por poder sempre contar com vocês

Oi pessoal,

Estou querendo limitar a altura de todas as páginas do meu blog no blogspot, tanto da página principal, quanto das páginas fixas, para que numa resolução 1280 x 800 não apareça a barra de rolagem. isso é possível? como?


também estou querendo eliminar uma barra que aparece nas páginas fixas dividindo a área da postagem dos gadgets inferiores. não uso gadgets nessa parte então fica muito estranha aquela barra no visual do blog, mas se não souber responder isso, deixa que eu faço outro post depois. o mais urgente é limitar a altura da página.

obrigada por poder sempre contar com vocês


oi pessoal, o que quero, se não ficou claro é limitar a sessão de postagem das página. no blog nós temos o background da página e temos o background do post. é a altura do background do post que eu quero limitar, limitando também o espaço ocupado para postagem. visualmente o que eu quero é que o background do post forme um retângulo na tela e que só seja possível postar algo que caiba nesse espaço. será que está muito confusa minha explicação?

aguardo

pois é, estou eu aqui tentando empurrar o tópico um pouco mais pra cima, pra ver se tem alguém que possa me dar uma luz.

aguardo,
  • 0

#2 Evandro Oliveira

Evandro Oliveira

    leia ali -->

  • Membros
  • 4.486 posts

Postado 20 setembro 2010 - 09:04

Apesar do Blogspot ser um serviço bem limitado, ocultar as barras de rolagem é uma tarefa bem simples:

body { height: 800px; overflow: hidden; }

Mas fica um alerta: Por se tratar de um blog, algumas postagens podem exceder o tamanho máximo tendo seu conteúdo prejudicado pela falta de área livre. Cuidado.
  • 0

#3 Vládia Queiroz

Vládia Queiroz
  • Membros
  • 49 posts

Postado 20 setembro 2010 - 09:11

Apesar do Blogspot ser um serviço bem limitado, ocultar as barras de rolagem é uma tarefa bem simples:

body { height: 800px; overflow: hidden; }

Mas fica um alerta: Por se tratar de um blog, algumas postagens podem exceder o tamanho máximo tendo seu conteúdo prejudicado pela falta de área livre. Cuidado.


oi Evandro,

em que lugar do código html do blog eu devo colocar esse código que você passou?

outra coisa, como faço para diminuir a altura do background da área de postagem? esse código que você passou limita o tamanho da página, não é isso? mas não o tamanho do background da postagem, correto? ou estou enganada? eu queria deixar o background menor que a página e centralizado (em relação à parte de cima e a de baixo, porque quanto as laterais ele já é). é possível, como?

aguardo,
  • 0

#4 Evandro Oliveira

Evandro Oliveira

    leia ali -->

  • Membros
  • 4.486 posts

Postado 20 setembro 2010 - 09:18

background que você se refere é uma imagem? Se for, deverá editá-la com um programa ou ferramenta específica para isso. Não se deve utilizar HTML/Javascript para alterar propriedades de arquivos prontos.

O código passado deverá ser colocado junto às outras CSS's do documento. Que pode ser dentro de uma tag <style> que fica dentro de <head>, pode ser o atributo style do elemento <body> ou (mais recomendado) pode ser um arquivo à parte, incluído na <head> através do elemento <link>
  • 0

#5 Vládia Queiroz

Vládia Queiroz
  • Membros
  • 49 posts

Postado 20 setembro 2010 - 13:57

background que você se refere é uma imagem? Se for, deverá editá-la com um programa ou ferramenta específica para isso. Não se deve utilizar HTML/Javascript para alterar propriedades de arquivos prontos.

O código passado deverá ser colocado junto às outras CSS's do documento. Que pode ser dentro de uma tag <style> que fica dentro de <head>, pode ser o atributo style do elemento <body> ou (mais recomendado) pode ser um arquivo à parte, incluído na <head> através do elemento <link>


não sei se rio ou se choro, você me confunde toda...hehe vamos por partes:

todo blog tem o background geral da página, que é uma imagem de dimensão pré-definida. não é isso que quero alterar.
além do background da página, que fica por trás de tudo, tem o corpo, onde postamos. é o fundo desse corpo que eu queria limitar em sua altura. o que normalmente acontece com o blog, é que quanto mais postamos, mais a página e o fundo do corpo vai aumentando, porque são variáveis, correto? o que quero é limitar o fundo do corpo, para que ele não vá se ampliando. No caso do meu blog o fundo do corpo foi criado a partir de uma imagem mínima, com opacidade de 50%, centralizada à página que é repetida infinitamente. o que quero é limitar essa repetição para que numa resolução de 1280x800, por exemplo, ele fique como um retângulo ou um quadrado na tela. eu não quero é que ele se prolongue até o limite da tela embaixo. entende? isso é possível?

quanto ao lugar de colocar o código pode ser um pouco mais específico. lembra, não tenho tanto conhecimento, então fica dificil entender como fazer determinadas coisas como por exemplo um elemento <link> ok. sei o que é um link, mas daí a saber fazer um elemento link tem chão...

desculpa pela minha falta de conhecimento, mas é que estou aprendendo...

aguardo,

não acertei colocar o código no HTML do blog, testei de várias formas mas não mudou nada, será que alguém pode me explicar passo a passo o que fazer?

aguardo,
  • 0

#6 Evandro Oliveira

Evandro Oliveira

    leia ali -->

  • Membros
  • 4.486 posts

Postado 20 setembro 2010 - 15:54

http://google.com/se...s com tag style

http://google.com/se...ss com tag link

http://www.pt-br.htm...css/lesson1.asp

https://developer.mo...r/O_que_é_CSS?

Depois de uma boa leitura, você vai limitar a altura do body em 800pxls e a altura da área de postagem em X pxls conforme a sua necessidade/espaço disponível.

Suponhamos que tenham sobrado 600pxls para a área das postagens, o CSS vai ficar assim

body { height: 800px; overflow: none; }
#main-wrapper { height: 600px; overflow: auto }
Onde, main-wrapper é o ID definido pelo blogger para o contêiner aonde são renderizadas as postagens.
  • 0

#7 Vládia Queiroz

Vládia Queiroz
  • Membros
  • 49 posts

Postado 20 setembro 2010 - 16:56

oi Evandro,

bom material esse que me passou. compreendi a história do link, mas resolvi testar a tag style no head

coloquei antes do </head> o seguinte código, tentando seguir o tuto que me passou:

<style type="text/css">

     body { height: 800px; overflow: none; }
     #main-wrapper { height: 600px; overflow: auto }
</style>

mas não deu certo, a barra de rolagem continua na visualização, então nem salvei a modificação.
o que fiz de errado?

Editado por Evandro Oliveira, 20 setembro 2010 - 23:55 .
Adicionar BBCode: [code]

  • 0

#8 Evandro Oliveira

Evandro Oliveira

    leia ali -->

  • Membros
  • 4.486 posts

Postado 20 setembro 2010 - 23:57

Aparentemente, nada. Mas há que se verificar o quanto o blogspot permite de alterações no seu lay-out. Talvez seja necessário liberar alguma configuração para as modificações entrarem em vigor.
  • 0

#9 Vládia Queiroz

Vládia Queiroz
  • Membros
  • 49 posts

Postado 21 setembro 2010 - 08:33

Aparentemente, nada. Mas há que se verificar o quanto o blogspot permite de alterações no seu lay-out. Talvez seja necessário liberar alguma configuração para as modificações entrarem em vigor.


Evandro,

Se, por acaso, você puder me ajudar, eu posso te passar o código completo do blog. porque não tenho conhecimento para analisar esse tipo de questão. agora, eu prefiro passar diretamente para algum e-mail seu que postar aqui. pode ser? você pode dar uma olhada pra mim?

aguardo,
  • 0

#10 William Bruno

William Bruno

    Desenvolvedor FrontEnd

  • Moderadores Globais
  • 23.580 posts

Postado 21 setembro 2010 - 08:40

@Vládia Queiroz neste caso, é melhor que você poste aqui no forum,um link para o teu blog.

assim mais pessoas podem te ajudar
  • 0

#11 Vládia Queiroz

Vládia Queiroz
  • Membros
  • 49 posts

Postado 21 setembro 2010 - 08:51

o problema é que esse espaço faz parte do meu projeto de mestrado na universidade em artes cênicas para apresentação de uma teleperformance e não está ainda aberto ao público e não posso fazê-lo agora. entende? mas se você me der detalhes do que devo pesquisar no código para descobrir se ele permite ou não essa mudança eu posso tentar fazer isso por aqui mesmo.

@Vládia Queiroz neste caso, é melhor que você poste aqui no forum,um link para o teu blog.

assim mais pessoas podem te ajudar


o problema é que esse espaço faz parte do meu projeto de mestrado na universidade em artes cênicas para apresentação de uma teleperformance e não está ainda aberto ao público e não posso fazê-lo agora. entende? mas se você me der detalhes do que devo pesquisar no código para descobrir se ele permite ou não essa mudança eu posso tentar fazer isso por aqui mesmo.
  • 0