17 replies to this topic

[Shark]

Blz galera? Estava fazendo um BLOG pelo Fireworks, exportei para html, tudo certinho, só que eu queria fazer da seguinte forma:
Queria colocar os posts dentro de uma "moldura", tipo:



Quando eu adiciono as TAGS, todos os posts aparecem na mesma moldura, só que eu queria que cada post aparecesse em uma moldura diferente, só que eu nao sei como

Se alguem souber ...

Abraços

[KrEmEr]

e ai....
a sua solução chama DIV....
a tag DIV vc coloca no codigo e com ela vc coloca oq quiser no lugar q vc quer!!!
e em blogs eh a principal tag....

com a sua img eu fiz as tags pra tu... mais configura ela direitinho e tal...
ve ce vai estar do jeito q vc quer....

codigo ai em baixo:

<div id="Layer1" style="position:absolute; left:27px; top:73px; width:207px; height:458px; z-index:1">   MENU   </div>

<div id="Layer2" style="position:absolute; left:302px; top:91px; width:399px; height:212px; z-index:2">   POST    </div>

<div id="Layer3" style="position:absolute; left:305px; top:344px; width:408px; height:219px; z-index:3">    POST 2    </div>

eh isso....
qualquer duvida posta ai....
abraços... t+.....

[Shark]

Valew KrEmEr, vou testar, se der certo eu volto aqui pra postar, se nao der volto tbm rss

Abraços

[Shark]

deu certo não cara , um fica dentro do div do post, o resto fica fora, ele não cria outras tabelas, nao consigo entender isso

Edição feita por: Shark, 29/12/2005, 22:28.

[KrEmEr]

cara eh o seguinte....
os seguintes codigos eh tudo oq vc vai precisar....

<div id="Layer1" style="position:absolute; left:27px; top:73px; width:207px; height:458px; z-index:1">   MENU   </div>

<div id="Layer2" style="position:absolute; left:302px; top:91px; width:399px; height:212px; z-index:2">   POST    </div>

<div id="Layer3" style="position:absolute; left:305px; top:344px; width:408px; height:219px; z-index:3">    POST 2    </div>

pra q serve a tag DIV???
a tag div serve pra vc colocar codigos no lugar que vc quer sem precisar usar tabela.... mais vc pode usar tabela dentro dela SIM!!!!!!!

como vc vai usar a tag DIV??
simples tbm....
dentro da tag div vc coloca todos os codigos que vc queira q vai dentro dela....
exemplo...
na parte do post... vc usa uma div q dentro dela vai estar o codigo do blogger pra pode postar... e vc coloca essa div no lugar q vc queira q apareça o poste!!!

<div id="Layer2" style="position:absolute; left:302px; top:91px; width:399px; height:212px; z-index:2">   POST 1 (AQUI VAI O CODIGO DO BLOGGER QUE VAI APARECER O POST 1)    </div>

como colocar a tag no lugar q eu quero???
cara no codigo da tag existe o left(distancia do lado esquerdo), top(distancia do topo), width(largura) e o height(altura)....
entao... ai tu modifica no codigo o lugar....
ce tu usar o Dreamweaver... ce pode modificar manualmente.... ce clica no div q vai aaprecer na pagina e colocar no lugar....

cara axo q tentei explicar o maximo...
nao eh dificil... eh pura logica... rs.....
abraços... t+....

[Shark]

Isso eu sei KrEmEr

O problema eh que todos os posts ficam dentro dessa tabela (div) e no caso era pra ficar cada post em uma tabela diferente, já andei pesquisando e alguns alteram fazendo os posts em forma de background (tabelas), mas eu achei mto complicado e desse jeito q vc falou eu não consegui fazer

Será que eu fiz certo?

Abraços

Edição feita por: Shark, 02/01/2006, 18:37.

[danillonunes]

É blogspot? Coloca o seu código inteiro ai pra ficar mais fácil de te ajudar.

[Ghedin]

Cara, você tem que criar uma div dentro do loop do Blogger (entre as tags <Blogger> e </Blogger>). Não precisa colocar esse monte de coisas que o KrEmEr está dizendo... Tenta isso:

<Blogger>
<div style="border:1px solid gray; width:300px; margin:0 auto; margin-bottom:20px;">

(aqui vai a parte do post, comentários etc.)

</div>
</Blogger

Este código aí em cima vai criar blocos de 300px de largura, altura variável, alinhados no meio da página, e com uma borda fina, na cor cinza.

[]'s

[Shark]

entendi Ghedin, mas eu queria usar os "blocos" em formato de imagem, tipo o desse blog aki http://www.need4sheed.blogspot.com

Abraços

[Ghedin]

No loop, coloque uma imagem no topo, e outra no rodapé do bloco, de modo que, combinada com a borda do DIV, tudo forme um bloco arredondado.

[]'s

[Shark]

No meu caso eu usei 4 imagens para completar a tabela, consegui colocar ela normal, só que quando eu vou adicionar o código de post, o conteúdo nao fica dentro da "moldura" fica fora

Abraços

[Ghedin]

Esquece tabela, só dá dor de cabeça. Vou criar algo aqui, depois posto para ver se é o que você está querendo. Acho que até amanhã à noite termino.

[]'s

[Shark]

Blz mano, valeu

Abraços

Edição feita por: Shark, 04/01/2006, 18:31.

[Ghedin]

Shark, dá uma olhada nesta página. Estuda o código-fonte, e tente entender como funciona a coisa.

[]'s

[Shark]

Vlw Ghedin, entendi

Abraços