4.12.12

Layout Free Ice Cream + Códigos


Yo amores, esse é mais um de meus layouts criados o segundo theme do Bunny Crazy, expirado no MV Ice Cream de Hyunna. Caso não tenham o visto o [video] vejam aqui mesmo. Peço que ao usarem por favor não removam os créditos, também peço que se puderem comentem ficarei muito feliz em ver meu trabalho sendo usado pelos outros. Esse foi um dos layouts que eu fiz qual mais amei, não só por gostar da cantora e da música mais por minha superação em modelos anteriores que eu fiz, então cuidem bem dele viu? Passo para vocês com o maior carinho. Agora mais abaixo eu irei colocar os códigos como imagens e mais detalhes para fazer os efeitos, também irei colocar as regrinhas de uso. Então vamos lá minhas bolinhas de creme.

-Não remover os créditos
-Não desponebilizar para download
-Não falar que foi você que fez
-Se for usar o layout, comente
-Podem fazer pequenas modificações, mas não remova os creditos

Nesse Layout eu usei
 -Sidebar personalizada
-Blockquote Hover
-Links em Fade
-Negrito, italico, sublinhado automatico
-Seleção colorida
-Nivo Slide
-Bordas Hover
-Area de Comentários Personalizado

 Wellcome
 <img style="width: 225px; height: 153px;" src="IMAGEM AQUI" class="efeitoimagem" />

Menu do Wellcome
<a href="LINK" class="mennu6"> <div>D</div></a>
<a href="LINK" class="mennu1"> <div>T</div></a>
<a href="LINK" class="mennu2"> <div>F</div></a>
<a href="LINK" class="mennu4"> <div>T</div></a>
<a href="LINK" class="mennu5"> <div>S</div></a>
<a href="LINK" class="mennu"> <div>W</div></a>

The Drw
<img style="width: 225px; height: 70px;" src="IMAGEM AQUI" class="efeitoimagem" />

 Gadget de Pesquisa
<form action="/search" class="search" method="get">
<input class="searchbar" id="s" name="q" placeholder='Ushinawereta?' type="text" value="" />
<input class="searchbut" type="submit" value="" />
</form>

Slide
<div class="main_view">
<div class="window">
<div class="image_reel">
<a href="LINK DA PAGINA" alt="" ><img src="IMAGEM AQUI"/></a>
<a href="LINK DA PAGINA" alt=""><img src="IMAGEM AQUI"/></a>
<a href="LINK DA PAGINA" alt=""><img src="IMAGEM AQUI"/></a>
<a href="LINK DA PAGINA" alt=""><img src="IMAGEM AQUI"/></a>
</div></div>
<div class="paging">
<a href="www.blogger.com" rel="1">1</a>
<a href="www.blogger.com" rel="2">2</a>
<a href="www.blogger.com" rel="3">3</a>
<a href="www.blogger.com" rel="4">4</a>
</div></div>

No slide não precisa modificar nada, ele já esta na opsiçao certa dentro do HTML a parte onde esta www.blogger.com não precisa mudar nada ele não ira aparecer.

Gadget de Postadores
<div class="image_shine">
<img style="top: 272px; left: 1px; width: 60px; height: 60px;" src="IMAGEM AQUI" />
<a href="LINK DE PAGINA AQUI" title="NOME"><div class="hover_shine"></div></a>

Gadget de Recomendo
<a href="ENDEREÇO AQUI/"><figure><img src="IMAGEM AQUI" alt="" width="210" />
<figcaption>PC</figcaption>
</figure></a>
</td>


Caso queira colocar os codigos flutuando use esses codigos, irei colocar na mesma ordem que coloquei em meu layout é claro que podem ficar tortos dependendo da sua arrumação eles ficarão fora do lugar. Então diminua e aumente o numero ate ajustar:

<div style="position: absolute; margin-top: -108px; left: 16px;">CODIGO DE PESQUISA</div>

 <div style="position: absolute; margin-top: -277px; left: 10px;">CODIGO DO RECOMENDO A DIREITA</div>

<div style="position: absolute; margin-top: -277px; right: 10px;">CODIGO DO RECOMENDO A ESQUERDA</div>

<div style="position: absolute; margin-top: -108px; right: 16px;">CODIGO DE POSTADORES</div>
Imagem do Cabeçalho [1]-[2]
Imagens do Recomendo [1]-[2]

Agradeço a quatro blogs que com seus tutoriais me ajudaram a criar esse layout: Garota no mundo do HTML >>Miki Candy>>Cherry Bomb>>Kawaii World Obrigada a o todos~

Caso queira baixar esse layout visite meu blog Bunny Crazy, então é só bye bye! Chu!

3 comentários:

© Ice Cream - 2012. Todos os direitos reservados.
Criado por: Bunny Crazy.
Tecnologia do Blogger.