Códigos dos gadgets

6 de abr. de 2014 || Postado por || Marcadores: ||
O Cabeçalho não tem magia, eu apenas adicionei a imagem no gadget padrão do cabeçalho.
O Gadget de Welcome é assim:

Corpo
<center><img src="URL-DA-IMAGEM"/>TEXTO</center>
Pesquisa
<form action="/search" class="search" method="get">
<input class="searchbar" id="s" name="q" placeholder='TEXTO-QUE-APARECE' type="text" value="" /></form>
Menu
<div style="margin-top: -170px; margin-left: -120px; position: absolute;"><center>
<a href="LINK" id="menu2">NOME</a>
<a href="LINK" id="menu2">NOME</a>
<a href="LINK" id="menu2">NOME</a>
<a href="LINK" id="menu2">NOME</a>
<a href="LINK" id="menu2">NOME</a>
<a href="LINK" id="menu2">NOME</a></center></div>
Vou explicar este menu do welcome: Onde tem margin-top é o posicionamento em relação ao topo. Em margin-left é o posicionamento em relação à esquerda, em position: absolute; não mude nada. 


O Gadget de Afiliados é assim: 

Imagens
<a href="LINK" title="Nome do afiliado"><img class="efeito-awn" src="URL-DA-IMAGEM" /></a>
Repita o código quantas vezes quiser, repeti outras 11 vezes. 

Expansão 
<form><select onchange="window.open(this.options[this.selectedIndex].value)"style=" margin-top: 8px; width: 184px; height: 18px; text-align: center; color: #666; font-family: verdana; font-size: 11px; background: #fce09a;" name="links">
<option selected/>~~~~~~~~~~~~~~~~~~
<option style=" value="LINK" />Nome do afiliado
</select></form>

Na expansão, antes de </select></form>, coloque este código quantas vezes você quiser:
<option style=" value="LINK" />Nome do afiliado

O Gadget de seguidores também não tem segredo, usei o padrão mesmo.
O Gadget de Créditos: 

Corpo
<center><img src="URL-DA-IMAGEM"/>TEXTO</center>
Créditos no menu 
<div style="margin-top: -205px; margin-left: -120px; position: absolute;"><center>
<a href="http://diario-otome.blogspot.com.br/" id="menu2">Diário-Otome</a>
<a href="http://www.bunnycrazy.net/" id="menu2">Bunny Crazy</a>
<a href="http://www.garota-no-mundohtml.net/" id="menu2">Garota-HTML</a>
<a href="http://www.cherryboomb.com/" id="menu2">Cherry Bomb</a>
<a href="http://chacomanjos.blogspot.com.br/" id="menu2">Chá com Anjos</a>
<a href="http://ursinho-plutao.blogspot.com.br/" id="menu2">Ursinho Plutão</a>
</center></div>

Chegamos ao fim do código! Espero que tenham gostado do Layout, ok? 

Um comentário: