02. Menu no topo

Olá Pessoal

como vocês estão?eu estou mega feliz , porque? hoje é meu aniversário e eu também vim comemorar aqui no blog e trouxe um tutorial muito fofo e espero que vocês gostem .

A terminei o layout finalmente ,gostaram ? porque eu estava pensando quando eu trocar ele ,disponibilizar aqui no blog , o que vocês acham , comentem aí.

Hoje aqui em Porto Alegre está muito quente e não me deu animo algum de postar ,mas como eu já tinha preparado o tutorial resolvi postar.

Gostou? vamos adicionar ele em seu blog.

Adicione um HTML/javasprit e cole dentro o code abaixo.

<style>

.hyosung{

width:100%;

background:url(http://i.imgur.com/bbipa.png);

border-bottom:5px solid #FFEEEE;

position:fixed;

top:0px;

left:0px;

box-shadow:0 0 6px #ccc;

text-align:center;

padding:10px;}

/* por wanaseoby ,don't copy *\

a.jieun{

background:#FFEEEE;

text-decoration:none;

color:#FFBBBB;

padding:5px;

font:11px arial;

margin-left:5px;

margin-right:5px;

-webkit-transition:All 0.4s ease;

-moz-transition:All 0.4s ease;

-o-transition:All 0.4s ease;

display:inline-block;

width:60px;}

a.jieun:hover{background:#FFBBBB;

color:#fff;

</style>

<div class="hyosung">

<a class="jieun" href="LINK">ABOUT</a>

<a class="jieun" href="LINK">TUTO</a>

<a class="jieun" href="LINK">LINKIES</a>

<a class="jieun" href="LINK">FREEBIES</a>

<a class="jieun" href="http://www.blogger.com/follow-blog.g?blogID=<$BlogID$>">FOLLOW</a></div>