(Resolvido) problema no template

[sodesign]

olha janela no tamanho normal fica beleza, mas se diminuirmos ela fica toda deformada:

[_Vinny_]

Experimenta mudar a largura para uma valor fixo, neste eu testi com 1000px e ficou muito bom.

[sodesign]

aonde eu vou no html pra mudar? desculpe mas não entendo muito :(

[_Vinny_]

Você tem acesso ao CSS da template? Tem como edita-la?

[sodesign]

uso o blogger né, posso entrar no html e no expandir modelos, é o que eu sei

[_Vinny_]

Se conseguir editar, procure por:

<div id="container">

Substitui por:

<div id="container" style="width: 1000px;">

[sodesign]

não encontrei esta parte, mas o layout é esse

/*******Layout******/

div#container { margin: 0; padding: 0; width: 100%; }

div#header { height: 177px; }
div#header-wrapper { margin: 0 auto; }
div#body-wrapper { width: 980px; margin: 0 auto; padding: 0; }
div#content { width: 690px; float: left; margin: 0; padding: 0; }

[_Vinny_]

Certo, então é aqui:

div#container { margin: 0; padding: 0; width: 100%; }

Você substitui por:

div#container { margin: 0; padding: 0; width: 1000px; }

[sodesign]

fiz, olha como ficou: http://www.yepdesign.co.cc/

[_Vinny_]

O que você achou?

Pra mim apenas tem o erro da area em branco na direita.

[Ricardo - PTR]

na minha visualização a unica coisa q aconteceu foi o logo cortado (pra esquerda) e o espaço em branco pra direita.

você podia colok a div container centralizada e tirar aquele margin da box-title de -43px

obs.: só uma opnião, não sei o que você pretende fazer pela frente =D

[_Vinny_]

Analisando o seu blog, o que faz a area branca e sem utilidade, a imagem no footer esta maior que o layout; No menu no topo, ao lado do botão contato existe um elemento oculto que contribui com o aumento desnecessário do layout; Outro problema é a imagem de "CATEGORIAS" que também possui um tamanho que é desproporcional a largura do layout.

Veja se consegue identificar esses problemas no seu template.

[sodesign]

tirei a imagem do footer e a da categorias e continuou o branco apaguei tambem umas coias que estavam depois do categoria, mas ainda o branco permaneceu :(

[_Vinny_]

São exatamente as imagens que diz "CATEGORIAS" e a imagem sob o rodapé que causam o problema.

Tente apenas diminui-las usando um editor de imagens. As imagens são estas:

E

[sodesign]

removi as duas, da uma olhada lá, quando deixa a janela pequena ainda fica o branco ao lado

[_Vinny_]

Volta o div#container para 1000px e adicione:

margin: 0 auto

Para centralizar.

[sodesign]

fiz, mas agora ficou tudo pequeno, coloquei depois 1349 pixels, ficou perfeito na tela no meu notbook, mas do meu desktop ficou muito grande para os lados :s da uma olhada la como ficou com 1000px

[_Vinny_]

Cara, aqui ficou perfeito com 1000px, veja:

[sodesign]

que droga, olha no meu:

[_Vinny_]

Resoluções diferentes é o problema, mas faça o seguinte, adicione isso ao div#container:

width:100%;
min-width:1000px;

Voltando com a largura para cobrir 100% mas definindo o minimo de 1000 pixels de largura para não ter o problema da area branca sem nada. Faça um teste ai e dê um retorno.

[sodesign]

perfeito, cara, voce é dez... vou pedir mais uma unica ajuda... voce sabe como colocar aquela imagem que estava no footer antes, mas sem poder arrastala, não sei se fui muito claro, mas não sei como explicar,vai ai uma imagem:

[_Vinny_]

Realmente eu não entendi :closedeyes:

[sodesign]

queria deixar a imagem do footer fixa, pois quando clicamos e arrastamos ela, ela meio que vira um objeto e pode ser salva

[_Vinny_]

Continuo sem entender... Pois como assim arrastar a imagen?? Salvar eu sei que pode ser salvar, pois é uma imagem em exibição na página, ainda não entendi o que fiz em arrastar.

[sodesign]

bom, esquece, tem como fazer pra ela não poder ser salva? como se fizesse parte do background

Editado Novembro 7, 2010 por sodesign

[_Vinny_]

Usa isso no lugar:

<div style="background:url("link_da_imagem") no-repeat; width: 100px; height: 100px;"></div>

Em link_da_imagem você coloca o URL da imagem;

Em width: 100px subtitui o 100 pelo valor da largura da imagem;

Em height: 100px subtitui o 100 pelo valor da altura da imagem.