Olá sejam muito bem vindos ao ilovehtml. Estamos de volta e de cara nova, tanto aqui, quanto no nosso blog. Gostariamos de agradecer todo carinho dos nossos seguidores. Hoje composto por quatro moderadoras o ilovehtml quer se tornar um dos melhores meios sobre HTML por aqui, esperamos surpreender vocês com tutoriais novos, themes novos, tudo novo. Em breve vamos estar criando promoções ou outra coisa, para poder prestigiar os nossos queridos seguidores, fiquem ligados nas novidades por aqui.








ONLINE: tirando dúvidas.
FRAN KEYNES: HTML e CSS.
VITÓRIA: dicas, ajudas e opiniões.
HELLO: Menu de coração.
KINHA e TUMBLETRICKS: Alguns tutoriais.
MARLIVIA: botão de curtir.
KINHA: ideia do NEW.
Você é livre para fazer suas escolhas, mas é prisioneiro das consequências. - Pablo Neruda

Menu Falso I-frame.

Menu mais usado nos nossos themes, vou ensiná-los a fazer:

1- Copie o código abaixo e cole acima da tag </head>:

CÓDIGO

2- Vá até {block:posts} e coloque acima dele isso:

<div id=”liuc”> (RECOLOQUE AS ASPAS)

3- Vá até {/block:posts} e coloque abaio dele isso:

</div>

4- Agora vá logo após <body> e coloque o código abaixo, onde quer que o menu apareça: (RECOLOQUE TODAS AS ASPAS)

 <span onClick=”changeNavigation(‘01’)”>Menu 01</span>

<span onClick=”changeNavigation(‘02’)”>Menu 02</span> 

<span onClick=”changeNavigation(‘03’)”>Menu 03</span>

<span onClick=”changeNavigation(‘04’)”>Menu 04</span>

OBS: Caso queira mais abas no menu copie o primeiro código e mude onde está 01, no caso você irá colocar 05, e assim vai indo.

5- Vá acima de </body> e coloque esse código:(RECOLOQUE TODAS AS ASPAS)

<div id=”01” style=”display:none”>

<div class=”box”>

Conteúdo do I Frame aqui :) 01

</div></div>

<div id=”02” style=”display:none”>

<div class=”box”>

Conteúdo do I Frame aqui :) 02

</div></div>

<div id=”03” style=”display:none”>

<div class=”box”>

Conteúdo do I Frame aqui :) 03

</div></div>

<div id=”04” style=”display:none”>

<div class=”box”>

Conteúdo do I Frame aqui :) 04

</div></div>

OBS: se você tiver colocado mais abas no menu la em cima, copie o primeiro código e substitua 01 por 05 e assim por diante.

ESTÁ PRONTINHO ! agora.. Se você quiser o menu com aquele botão que sempre usamos terá que acrescentar umas coisinhas:

1- Vá no CSS e coloque isso:

.menuporfran {background:#e4e4e4; color:#555; padding: 5px; margin:1px; text-align:center; font-size:12px; font-family:verdana; widht:70px;}

Vamos entender o código: background- cor do fundo. color- cor da letra. font-size:tamanho da letra. font-family- fonte que você quer usar. widht- tamanho do botão.

2- Volte la no código do I frame e acrescente isso: RECOLOQUE AS ASPAS

class=”menuporfran”

Exemplo: (Ficará assim)

<span onClick=”changeNavigation(‘01’)” class=”menuporfran”>Menu 01</span>

Agora sim está prontinho, faça isso em todas as abas do seu menu :)

Créditos: Fran Keynes. Se usar credite :)


Em 17 de August

  1. ilovehtml posted this