Código do Slide

<div style="position: absolute; margin-top: -633px; right: 9px;">

<div id="w2bSlideContainer">
<div id="w2bNivoSlider">
<a href="LINK_DO_SLIDE_1"><img src="http://i.imgur.com/nsZyi1w.png" title="LEGENDA DA IMAGEM 1"/></a>
<a href="LINK_DO_SLIDE_2"><img src="http://i.imgur.com/hKaafyL.png" title="LEGENDA DA IMAGEM 2"/></a>
<a href="LINK_DO_SLIDE_3"><img src="URL_DA_IMAGEM_3" title="LEGENDA DA IMAGEM 3"/></a>
<a href="LINK_DO_SLIDE_4"><img src="URL_DA_IMAGEM_4" title="LEGENDA DA IMAGEM 4"/></a>
</div>
</div></div>

------------------------------------------------------------------

Código do menu
Html

<div style="position: absolute; margin-top: -720px; left: 560px;">

<div class="faixinha"></div>
<div class="cima">
<ul id="navbar">
<li><a href="http://anitorrentov2.blogspot.com.br/">home</a><li>

<li><a href="#" span onclick="document.getElementById('liuc') .innerHTML=document.getElementById('sobre').innerHTML">sobre</a></li>

<li><a>contato</a><ul>
<li><a href="#" span onclick="document.getElementById('liuc') .innerHTML=document.getElementById('ask').innerHTML">ask</a></li>
<li><a href="#" span onclick="document.getElementById('liuc') .innerHTML=document.getElementById('submit').innerHTML">submit</a></li></ul></li>
<li><a>mais links</a><ul>
<li><a href="#" span onclick="document.getElementById('liuc') .innerHTML=document.getElementById('PAGINA IFRAME').innerHTML">link</a></li>
<li><a href="#" span onclick="document.getElementById('liuc') .innerHTML=document.getElementById('PAGINA IFRAME').innerHTML">link</a></li></ul></li>
</li></li></ul>

</div></div>

------------------------------------------------------------
<div style="position: absolute; margin-top: -730px; left: 910px;">

<div id="search">
<form action="/search" method="get">
<input type="text" name="q" value="search"/>
<input type="submit" value="" class="search-button"/>
</form></div></div>

-------------------------------------------------------------------------------------

/* Drop Down - Hamide Falcão */
.cima{ height: 30px; position: absolute; top: -5px; ; display: block; z-index:100;text-align:right; margin-left: -18px; font-family: }
#navbar {list-style: none; float: left; width: 585px; padding-left:50px; height:100px; line-height: 35px; margin-top: 2px;}
#navbar li {list-style: none; font-family : georgia; font-style: italic; float: left; vertical-align:middle;}
#navbar li a {display: block; text-align: center; font-size: 17px; padding-left: 6px; padding-right: 6px; font-family : georgia; font-style: italic; margin-left:6px; margin-right:6px; text-decoration: none; color: #9DA2A8;  -webkit-transition: background-color 0.2s linear;-moz-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear;}
#navbar li a:hover {background:#335653; text-shadow: 1px 1px 0 #335653; border-bottom:0; color: #fff;}
#navbar li ul {display:none; padding:0; width:auto; height:30px; line-height:30px; margin-left: -40px; background:#335653; -moz-border-radius:0px 0px 8px 8px; -webkit-border-radius:0px 0px 8px 8px; border-radius:0px 0px 8px 8px; margin-top: 2px}
#navbar li:hover ul, #navbar li.hover ul {position: absolute; display: inline; padding-left:5px; margin-left: -60px; padding-right:5px; border-bottom:0; -webkit-transition: background-color .2s ease; }
#navbar li:hover li, #navbar li.hover li {float: left; margin-top:1px; border-bottom:0; color: #fff}
#navbar li:hover, #navbar li:hover a {background:#335653;  border-bottom:0; margin-top: 1px;}
#navbar li:hover li a {color: #767b82; -webkit-transition: background-color .2s ease; border-bottom:0;}

#navbar li li a:hover {color: #fff; border-bottom:0;}

Nenhum comentário

Postar um comentário