Sábado, 14-01-2006 # 20:03 Html & Xhtml, Tutoriais 540 palavras

I-Frame é uma página a parte que abre dentro da sua área de posts.

01. A primeira coisa que você tem que saber é que para ter uma página com iframes, você tem que ter uma página somente para os posts, outra página para o template com o seu perfil e menu de navegação e outra para colocar o que quiser como créditos, etc. Vamos começar pela página de posts.

02. Faça uma página simples, apenas com as configurações das cores das letras tamanho, cor do background e as tags de cabeçalho e data, posts e comentários do servidor que você usa para postar (ex. blogger, uol, weblogger…). Veja o exemplo.

03.Agora vamos configurar a página do seu template que será outro blog que você irá cadastrar. Para facilitar o entendimento, vou fazer uma página com um dos meus lays free. Nessa página você colocará o seu template com o perfil, etc. Porém no lugar das area dos posts você colocará o código do iframe.
Se seu layout é feito em divs, coloque:

<div style="position: absolute; top: 410; left: 105; width: 320; height: 1000; overflow: no;"><iframe src="http://www.suapaginadeposts.com.br" width="100%" height="100%" frameborder="0" border="0" name="iframe"></iframe></div>

Altere a posição do iframe em top, left, width e height.Se ele é feito em tabela, coloque:

<iframe src="http://www.suapaginadeposts.com.br" width="100%" height="100%" frameborder="0" border="0" name="iframe"></iframe>

04. Clique aqui e veja como ficou. Agora vamos para a terceira página que seria para você colocar seus créditos, concursos que participa, goodies, enfim o que você quiser.
Essa página pode ser feita no geocities, weblogger, blogger, kit.net , onde você achar mais fácil. Essa página será igual a página de posts, porém sem as tags de post, data, e comentários. Vamos ver como ficou: Clique aqui

05. Esta é a fase final para que o link que abrirá sua página de créditos abra dentro da página de posts, no final do endereço use target="iframe" Aqui está como deve ficar seu link:

<a href="http://www.endereço da pagina de creditos.com.br" target="iframe">Créditos</a>

Veja o resultado final: Clique aqui. Não esqueça de clicar nos créditos para ver como sua página tem que ficar, ok?

Obs. Na página onde ficará o seu template, vá nas configurações do blog e coloque para exibir apenas 1 post.







Os comentários desse blog são MODERADOS, portanto só serão publicados após a minha aprovação. Comentários com propagandas, divulgações, perguntas e de quem não leu o post, não serão aprovados. Dúvidas só serão respondidas na página de perguntas e respostas. Obrigada.




38 37 36 35 34 33 32 31 30 29 28 27 26 25 24 23 22 21 20 19 18 17 16 15 14 13 12 11 10 9 8 7 6 5 4 3 2 1


1 Comentário em “I-Frame” -


Sara 13-10-2008 - 11:47

Olá…
Este tutorial está o máximo, está super bem explicado e eu já o utilizei para uns sites meus (que não é o do "website").
Obrigada… ^-^

. wp_ozh_getCountryName(0,$comment->comment_author_IP) . Responder comentário