Ajustar Largura

Uma coisa que atrapalha muita gente são as larguras do blog e dos objetos que colocamos nele. E algumas vezes nem percebemos que o problema é este, por exemplo: se você colocar um player (musica) ou vídeo no seu blog e aparece somente uma parte da imagem ou não aparece o botão play para você iniciar a musica, provavelmente o problema não está no código nem no site que fornece o serviço. Mas é tudo uma questão de espaço, ou melhor, dizendo falta de espaço.

Vamos dar um exemplo pratico: se a sidebar (coluna do menu, links, etc..) tiver uma largura de 200 px (width=200px) e você tentar colocar musica do MP3 tube provavelmente não irá aparecer o botão play, pois a largura do player é 260, então somente uma parte será visível, pois esses arquivos são no formato flash (.swf) e a mesma explicação vale também para vídeos.

Mas tem um jeito de resolver isso, alias vários jeitos, o correto seria aumentar a largura da coluna através da página editar html, encontrando a linha #sidebar{width=200px;......}que em nosso exemplo deveria ser alterado para 270px para deixar algum espaço sobrando, porque entre os navegadores existem algumas diferenças quando a interpretação dos estilos CSS por essa razão sugeri o valor 270 e não 260 que seria a medida exata do player.

Contudo nem sempre estamos dispostos a mudar nosso layout inteiro somente por causa de uma musica ou vídeo, então existe outro modo, em vez de aumentar a coluna vamos diminuir o objeto que vamos colocar nela, mas precisamos ter cuidado para não distorcer a imagem. Quando você pega um código de musica, vídeo ou alguma outra coisa em flash, usarei como exemplo um dos avisos de férias do site Cidade Web, podemos alterar seu tamanho mudando essas partes do código:

width="300"
height="225"

Existem dois detalhes fundamentais aqui: primeiro esses dois valores (width e height) aparecem duas vezes no código, portanto altere os dois senão terá problema com a visualização do conteúdo; em segundo lugar quando alterar esses valores faça de maneira proporcional, ou seja, diminua os dois valores width (300) e height (225) de tal forma que a imagem não fique distorcida, nunca transforme uma imagem retangular em quadrada ou vice e versa, pois ficará horrível. No caso acima você poderia usar os seguintes valores sem causar distorção de imagem: 250x188, 200x150, 150x113 e outros. Um lembrete final é que isso faz mudar somente o tamanho de visualização e não o tamanho do arquivo então ele irá demorar o mesmo que o arquivo no tamanho original para carregar e aparecer. Portanto fazer esse tipo de mudança pensando que irá parecer mais rapido é totalmente inútil, pois não altera em nada o tamanho do arquivo.

Marcadores: ,