26 replies [Último envio]
TiNhO's picture
User offline. Last seen 1 ano 45 weeks ago. Offline
Usuário Plus
Joined: 26/02/2008
Tibs: 169
3
Your rating: None Average: 3 (1 vote)

Galera !!
Peço discupas pelo post anterior, onde eu quebrei algumas regras que nem sabia que existiam !!!

Estou novamente aqui pra pedir a ajuda de voces.
Estou com um problema no meu blog.

quando eu tento "restaurar abaixo" meu blog fica todo pequeno, como se ele se ajusta-se a uma tela pequena !! !

queria saber de voces se tem algum codigo que eu possa deixar ele normal como qualquer outro site, tirando essa função de se "ajustar automaticamente".

Foto do blog normal

Foto do blog "anormal"

Abração a todos !!!

Fabião's picture
User offline. Last seen 2 weeks 8 hours ago. Offline
Usuário Plususuário VIP
Joined: 26/12/2007
Tibs: 3671

Simples:

Não use porcentagem como valor de largura e altura no CSS. Use valores absolutos.

TiNhO's picture
User offline. Last seen 1 ano 45 weeks ago. Offline
Usuário Plus
Joined: 26/02/2008
Tibs: 169

Caro amigo,
sua resposta ajudaria alguem que sabe mexer no css !! hehehehe
tem uma forma mais facil de fazer isso ???
fazer com que a imagem diminua junto do corpo do texto , algo que mexa na imagem ??? acho que seria melhor .

Fabião's picture
User offline. Last seen 2 weeks 8 hours ago. Offline
Usuário Plususuário VIP
Joined: 26/12/2007
Tibs: 3671

Tudo que tiver "%" no CSS, você substitui por valores absolutos.

Mas, terá de escolher uma resolução. Se escolher 800x600 como resolução padrão, por exemplo, tudo que for "100%" de width terá de ser substituído por um valor próximo a 770px.

JulianaPrado's picture
User offline. Last seen 36 weeks 1 day ago. Offline
Usuário PlusUsuário Windows
Joined: 16/12/2007
Tibs: 546

Oi

Se você não entende de programação baixe umas apostilas no site

http://www.apostilando.com

Para assim você não ficar perdido nas explicações do Fabião

Att

Juliana Prado Uchôa

TiNhO's picture
User offline. Last seen 1 ano 45 weeks ago. Offline
Usuário Plus
Joined: 26/02/2008
Tibs: 169

tem alguma forma de fazer com que a imagem de topo, layout, reduza tambem quando eu restaurar abaixo ??? seria mais fácil pq ja tentei colocar numeros fixos mais nao obtive o resultado esperado. Continuam com o tamanho original so que quando eu restauro fica uma coluna embaixo da outra. Se alguem souber como fazer a imagem ficar pequena tambem manda a dica aii ..

vlw galera

Fabião's picture
User offline. Last seen 2 weeks 8 hours ago. Offline
Usuário Plususuário VIP
Joined: 26/12/2007
Tibs: 3671

As imagens não vão mudar de tamanho nunca. Você até pode (nunca tentei), tacar valores de porcentagem nelas, mas, se elas dimensionarem, ficarão horríveis.

O que está tentando fazer, afinal? Mostra um blog que tenha algo parecido com sua idéia.

TiNhO's picture
User offline. Last seen 1 ano 45 weeks ago. Offline
Usuário Plus
Joined: 26/02/2008
Tibs: 169

Na verdade eu nunca vi essa minha ideia em nenhum lugar..
Quando eu altero todo o meu css do template, e vou visualizar fica uma coluna embaixo da outra. Exemplo: a coluna de postagem fica embaixo da coluna que tem a busca ao blog, propagandas, arquivos do blog, entre outras coisas.
Fiz o que voce me mandou fazer, mudei tudo que tinha % para px. Ficou como eu citei acima.

Por isso estou procurando algo mais fácil, como isso que quero fazer na imagem.

TiNhO's picture
User offline. Last seen 1 ano 45 weeks ago. Offline
Usuário Plus
Joined: 26/02/2008
Tibs: 169

Se eu colocar um imagem em flash nao fica bom pra o que eu quero nao ??

Fabião's picture
User offline. Last seen 2 weeks 8 hours ago. Offline
Usuário Plususuário VIP
Joined: 26/12/2007
Tibs: 3671

Até fica.
Mas, tudo isso não é necessário.

Pra algo menos invasivo, poderia fazer assim:

Cria uma div só pra imagem do topo;
Atribui a esta mesma div a imagem do topo como background;
Neste background, alinha a imagem no centro da div.

Toda hora que dimensionar o blog, a imagem tenderá a ficar no centro.

Poderia também criar esta mesma div, colocar como background a imagem do degradè que compõe sua imagem do topo, e inserir a imagem do topo no centro da mesma div. Daria o mesmo efeito, e você economizaria alguns bytes com isso.

TiNhO's picture
User offline. Last seen 1 ano 45 weeks ago. Offline
Usuário Plus
Joined: 26/02/2008
Tibs: 169

Nao é necessário ?? voce ja me explicou o que fazer mas nao to conseguindo fazer funcionar . Essa é minha unica saida . Voce sabe o que tenho que fazer pra deixar as colunas uma do lado da outra /???

Fabião's picture
User offline. Last seen 2 weeks 8 hours ago. Offline
Usuário Plususuário VIP
Joined: 26/12/2007
Tibs: 3671

Eu não estou entendendo bem o que você quer fazer.

Aqui tem um layout do blogger que eu fiz pra um amigo meu, que tem as colunas fixas. Veja se é esta sua idéia.

Pelo que eu entendí, você não quer um layout fluído, isso ?

TiNhO's picture
User offline. Last seen 1 ano 45 weeks ago. Offline
Usuário Plus
Joined: 26/02/2008
Tibs: 169

Peraii
vamos falar portugues porque eu nao intendo outra lingua !!! hehehehe
Nao intendi nada que voce falou .

TiNhO's picture
User offline. Last seen 1 ano 45 weeks ago. Offline
Usuário Plus
Joined: 26/02/2008
Tibs: 169

Se der pra voce fazer essa div pra mim ai vai o lugar onde ta a imagem.

Imagem

gholias's picture
User offline. Last seen 34 weeks 6 dias ago. Offline
Usuário Plus
Joined: 21/01/2008
Tibs: 276

tenta desenha no word ou no papel e escanear sua ideia

ta dificil entender oque vc quer

---------------------------------------------------------------
Quando eu tiver um mano vou chama-lo de Herrar, pq Herrar eh o Mano!

TiNhO's picture
User offline. Last seen 1 ano 45 weeks ago. Offline
Usuário Plus
Joined: 26/02/2008
Tibs: 169

Vou explicar !!!

Criei meu blog e ele esta com o problema de ficar fixo.
Depois de muita discussao com Fabiao e consecutivos resultados sem êxito resolvi fazer algo mais facil pra mim: fazer com que a imagem também se auto ajustasse a janela.

Entenderam agora ??

Fabião's picture
User offline. Last seen 2 weeks 8 hours ago. Offline
Usuário Plususuário VIP
Joined: 26/12/2007
Tibs: 3671

Coloca a imagem de volta lá no layout, vou fazer uns testes aqui.

Coloca dentro da tag "header-wrapper".

TiNhO's picture
User offline. Last seen 1 ano 45 weeks ago. Offline
Usuário Plus
Joined: 26/02/2008
Tibs: 169

coloco como

TiNhO's picture
User offline. Last seen 1 ano 45 weeks ago. Offline
Usuário Plus
Joined: 26/02/2008
Tibs: 169

[ vai descendo que voce posta aqui ]
img src= ?? ou background: url ???

Fabião's picture
User offline. Last seen 2 weeks 8 hours ago. Offline
Usuário Plususuário VIP
Joined: 26/12/2007
Tibs: 3671

na tag mesmo.

descrição da imagem
TiNhO's picture
User offline. Last seen 1 ano 45 weeks ago. Offline
Usuário Plus
Joined: 26/02/2008
Tibs: 169

Fabião
vou la em elementos de pagina e coloco a imagem ou precisa eu mudar no HTML do blog ?

Fabião's picture
User offline. Last seen 2 weeks 8 hours ago. Offline
Usuário Plususuário VIP
Joined: 26/12/2007
Tibs: 3671

Eu nunca nem usei os elementos de página, vou direto pro código que é mais prático.

Do jeito "WYSIWYG" eu não sei não.

Coloca a imagem do jeito que estava antes, deve servir.

TiNhO's picture
User offline. Last seen 1 ano 45 weeks ago. Offline
Usuário Plus
Joined: 26/02/2008
Tibs: 169

Do jeito que ta serve ???

Fabião's picture
User offline. Last seen 2 weeks 8 hours ago. Offline
Usuário Plususuário VIP
Joined: 26/12/2007
Tibs: 3671

Serve.

Coloca no CSS:

#Header1_headerimg{ width:100%; height:100%;}

Eu só testei no FF3b5, editando o CSS inline. No IE não edita CSS inline, logo, vais ter que colocar no código pra ver no IE.

TiNhO's picture
User offline. Last seen 1 ano 45 weeks ago. Offline
Usuário Plus
Joined: 26/02/2008
Tibs: 169

Coloco em que parte ??

TiNhO's picture
User offline. Last seen 1 ano 45 weeks ago. Offline
Usuário Plus
Joined: 26/02/2008
Tibs: 169

Coloquei embaixo do #Header e funcionou !!!! voce é o cara !!

Fabião's picture
User offline. Last seen 2 weeks 8 hours ago. Offline
Usuário Plususuário VIP
Joined: 26/12/2007
Tibs: 3671

Ehehe...

Isso me fez ver que o Firefox 3 agora faz rescalling de imagens filtrando-as, diferentemente do IE.

Isso vai servir pra umas idéias que tive, e achava que não podiam ser implementadas.



Design Wenetus