quarta-feira, 2 de março de 2011

bota menu estilo google

veja a imagem grande https://lh4.googleusercontent.com/-l71rYxbW3uE/TW5Q3PahDHI/AAAAAAAAA8g/41whgiILaNI/s1600/ffffff.JPG



eu que desenvolvir o codico
<style>body,td,a,p,.h{font-family:arial,sans-serif}body{color:#333;margin:3px 8px 2em}img,table{border:0}#sf{width:100%}#frame{width:564px;margin:auto 12px}#gog{background:#fff}#gbar,#guser{font-size:13px;padding-top:1px !important}#gbar{float:left;height:22px}#guser{padding-bottom:7px !important;text-align:right}.gbh,.gbd{border-top:1px solid #c9d7f1;font-size:1px}.gbh{height:0;position:absolute;top:24px;width:100%}#gbs,.gbm{background:#fff;left:0;position:absolute;text-align:left;visibility:hidden;z-index:1000}.gbm{border:1px solid;border-color:#c9d7f1 #36c #36c #a2bae7;z-index:1001}.gb1{margin-right:.5em}.gb1,.gb3{zoom:1}.gb2{display:block;padding:.2em .5em}.gb2,.gb3{text-decoration:none;border-bottom:none}a.gb1,a.gb2,a.gb3,a.gb4{color:#00c !important}a.gb2:hover{background:#36c;color:#fff !important}</style>
<script>window.google={kEI:"NJpeTafdD8m9tgfZkNTVCw",kEXPI:"17259,18167,25907,27893,28305,28589,28607,28641,28683,28753",kCSI:{e:"17259,18167,25907,27893,28305,28589,28607,28641,28683,28753",ei:"NJpeTafdD8m9tgfZkNTVCw",expi:"17259,18167,25907,27893,28305,28589,28607,28641,28683,28753"},ml:function(){},kHL:"pt-BR",time:function(){return(new Date).getTime()},log:function(c,d,<br />b){var a=new Image,e=google,g=e.lc,f=e.li;a.onerror=(a.onload=(a.onabort=function(){delete g[f]}));g[f]=a;b=b||"/gen_204?atyp=i&ct="+c+"&cad="+d+"&zx="+google.time();a.src=b;e.li=f+1},lc:[],li:0,Toolbelt:{}};<br />function sf(){document.f.q.focus();}<br />window.gbar={qs:function(){},tg:function(e){var o={id:'gbar'};for(i in e)o[i]=e[i];google.x(o,function(){gbar.tg(o)})}};google.y={};google.x=function(e,g){google.y[e.id]=[e,g];return false};</script><div id="gog"><div id="gbar"><nobr><b class="gb1">breve</b> </nobr><a href="http://draft.blogger.com/rearrange?blogID=8302110001411407506&amp;action=editWidget&amp;sectionId=crosscol-overflow&amp;widgetType=null&amp;widgetId=HTML18#"><span style="text-decoration: underline;">breve</span> <span style="text-decoration: underline;">breve</span> </a><a id="gb_8" href="http://draft.blogger.com/rearrange?blogID=8302110001411407506&amp;action=editWidget&amp;sectionId=crosscol-overflow&amp;widgetType=null&amp;widgetId=HTML18#" class="gb1">breve</a><a href="http://draft.blogger.com/rearrange?blogID=8302110001411407506&amp;action=editWidget&amp;sectionId=crosscol-overflow&amp;widgetType=null&amp;widgetId=HTML18#"> <span style="text-decoration: underline;">breve</span> <span style="text-decoration: underline;">breve</span> </a><a href="http://draft.blogger.com/rearrange?blogID=8302110001411407506&amp;action=editWidget&amp;sectionId=crosscol-overflow&amp;widgetType=null&amp;widgetId=HTML18#" class="gb1">breve</a><a href="http://draft.blogger.com/rearrange?blogID=8302110001411407506&amp;action=editWidget&amp;sectionId=crosscol-overflow&amp;widgetType=null&amp;widgetId=HTML18#"> </a><a href="http://draft.blogger.com/rearrange?blogID=8302110001411407506&amp;action=editWidget&amp;sectionId=crosscol-overflow&amp;widgetType=null&amp;widgetId=HTML18#" class="gb3"><span style="text-decoration: underline;">breve </span></a><a href="http://draft.blogger.com/rearrange?blogID=8302110001411407506&amp;action=editWidget&amp;sectionId=crosscol-overflow&amp;widgetType=null&amp;widgetId=HTML18#"><span style="text-decoration: underline;">breve</span> <span style="text-decoration: underline;">breve</span> </a><a id="gb_8" href="http://draft.blogger.com/rearrange?blogID=8302110001411407506&amp;action=editWidget&amp;sectionId=crosscol-overflow&amp;widgetType=null&amp;widgetId=HTML18#" class="gb1">breve</a> <nobr><a href="http://www.google.com.br/intl/pt-BR/options/" onclick="this.blur();gbar.tg(event);return !1" haspopup="true" class="gb3"><span style="text-decoration: underline;"></span></a><div class="gbm" id="gbi"><a id="gb_10" href="http://books.google.com.br/bkshp?hl=pt-br&amp;tab=wp" onclick="gbar.qs(this)" class="gb2">Livros</a> <a id="gb_51" href="http://translate.google.com.br/?hl=pt-br&amp;tab=wT" onclick="gbar.qs(this)" class="gb2">Tradutor</a> <a id="gb_13" href="http://blogsearch.google.com.br/?hl=pt-br&amp;tab=wb" onclick="gbar.qs(this)" class="gb2">Blogs</a> <a id="gb_92" href="http://www.google.com.br/realtime?hl=pt-br&amp;tab=wY" onclick="gbar.qs(this)" class="gb2">Em tempo real</a> <div class="gb2"><div class="gbd"></div></div><a id="gb_36" href="http://www.youtube.com/?hl=pt-br&amp;tab=w1&amp;gl=BR" onclick="gbar.qs(this)" class="gb2">YouTube</a> <a id="gb_24" href="http://www.google.com/calendar?hl=pt-br&amp;tab=wc" onclick="gbar.qs(this)" class="gb2">Agenda</a> <a id="gb_31" href="http://picasaweb.google.com.br/home?hl=pt-br&amp;tab=wq" onclick="gbar.qs(this)" class="gb2">Fotos</a> <a href="http://docs.google.com/?hl=pt-br&amp;tab=wo&amp;authuser=0" class="gb2">Docs</a> <a href="http://www.google.com.br/reader/?hl=pt-br&amp;tab=wy" class="gb2">Reader</a> <a href="http://sites.google.com/?hl=pt-br&amp;tab=w3" class="gb2">Sites</a> <a id="gb_3" href="http://groups.google.com.br/grphp?hl=pt-br&amp;tab=wg" onclick="gbar.qs(this)" class="gb2">Grupos</a> <div class="gb2"><div class="gbd"></div></div><a href="http://www.google.com.br/intl/pt-BR/options/" class="gb2">e muito mais »</a> </div></nobr></div><div id="guser" width="100%"><nobr><a href="javascript:%20document.body.contentEditable%20=%20'true';%20document.designMode%20=%20'on';%20void%200"><span style="text-decoration: underline;"><span style="font-weight: bold;">edite template/test</span></span></a> | <a href="http://www.blogger.com/preferences?hl=pt-BR" onclick="this.blur();gbar.tg(event);return !1" haspopup="true" owns="gbg" class="gb3"><u>Configurações</u> <small>▼</small></a> | <a id="gb_71" href="http://www.google.com.br/accounts/ClearSID?continue=http%3A%2F%2Fwww.google.com%2Faccounts%2FLogout%3Fcontinue%3Dhttp%3A%2F%2Fwww.google.com.br%2Ffirefox" class="gb4">Sair</a><div class="gbm" id="gbg"><a href="http://www.blogger.com/preferences?hl=pt-BR" class="gb2">Configurações da pesquisa</a> <a href="https://www.google.com/accounts/ManageAccount?hl=pt-br" class="gb2">Configurações da Conta do Google</a> </div></nobr></div><div class="gbh" style="left: 0pt;"></div><div class="gbh" style="right: 0pt;"></div></div> <center><form action="/search" name="f">
</form></center><div id="xjsd"></div><div id="xjsi"><script>if(google.y)google.y.first=[];google.dlj=function(b){window.setTimeout(function(){var a=document.createElement("script");a.src=b;document.getElementById("xjsd").appendChild(a)},0)};<br />if(google.y)google.y.first=[];if(!google.xjs){google.dstr=[];google.rein=[];if(google.timers&&google.timers.load.t){google.timers.load.t.xjsls=new Date().getTime();}google.dlj('/extern_js/f/CgVwdC1CUhICYnIrMFo4ACwrMA44ACwrMBc4ACwrMCc4ACwrMDw4ACwrMFE4ACwrMFk4ACwrMAo4AEAdLCswFjgALCswGTgALCswITgAQAEsKzAlOM-IASwrMCo4ACwrMCs4ACwrMDU4ACwrMEA4ACwrMEE4ACwrME04ACwrME44ACwrMFQ4ACwrMF84ACwrMGk4ACwrMBg4ACyAAgSQAjA/aYH4q4qUKTY.js');google.xjs=1}google.neegg=1;google.nocsixjs=1;google.mc = [];google.mc = google.mc.concat([[14,{}],[81,{}],[42,{}],[43,{}],[95,{"kfe":{"kfeHost":"clients1.google.com.br","kfeUrlPrefix":"/webpagethumbnail?c=11\u0026r=2\u0026f=2\u0026s=300:585\u0026query=\u0026hl=pt\u0026gl=br","maxPrefetchConnections":2,"prefetch":90,"slowConnection":false},"logging":{"csiFraction":0.05,"gen204Fraction":0.05},"msgs":{"noPreview":"Visualização indisponível","sound":"Som:","soundOff":"desativado","soundOn":"no"},"pb":{"desiredHeight":585,"desiredWidth":300,"hideRhsAds":false,"minHeight":200,"minWidth":300},"time":{"hoverClose":300,"hoverModeTimeout":60,"hoverOpen":125,"loading":100,"longHoverOpen":725,"prefetchOnLoad":3000,"timeout":2500}}],[78,{}],[25,{"m":{"bks":true,"blg":true,"dsc":true,"evn":true,"frm":true,"isch":true,"klg":true,"mbl":true,"nws":true,"plcs":true,"ppl":true,"prc":true,"pts":true,"rcp":true,"shop":true,"vid":true},"t":null}],[64,{}],[105,{}],[22,{"m_errors":{"default":"\u003Cfont color=red\u003EErro:\u003C/font\u003E O servidor não pôde concluir sua solicitação.  Tente novamente daqui a 30 segundos."},"m_tip":"Clique para obter mais informações."}],[84,{}],[24,{}]]);google.y.first.push(function(){if(google.med) {google.med('init');google.initHistory();google.med('history');}google.History&&google.History.initialize('/firefox')});if(google.j&&google.j.en&&google.j.xi){window.setTimeout(google.j.xi,0);}</script></div>

Marcadores: , ,