mbrainiac
(usa Debian)
Enviado em 21/05/2014 - 19:37h
IZhaq_melo escreveu:
voce viu os links que mandei?
acontece o seguinte voce ja faz isso.. mas nao percebe:
entre no terra.com.br
peça para inspecionar o elemento no firefox ou mesmo veja o código do fonte da página ai voce vai ver os links que mandei.
essa página usa um framework para ter essas forma "bonitinhas" na tela sem ter que instalar nada.
é um mágico o javascript + CSS + Jquery + json;
eu citei o link para voce ver os resitos o teu Browser para ver a página tem que ter suporte a essas ferramentas...
senao tiver nao abre.
to USANDO o Firefox 30 ( aurora )+Ubuntu funciona de boa.
se voce quiser saber mais leia os links que mandei, se tiver preguiça traduza no google como eu fiz:
fonte:
https://translate.google.com/#en/pt/Plugin%20dependencies%0A%0ASome%20plugins%20and%20CSS%20componen....
da pra entender, agora falta so voce achar se o teu Browser tem suporte a isso.
Oi amigo sou meio Kbaço nisso rsr..
entrei em:
Ferramentas> Desenvolvedor Web> Inspecionar
Entrei na tela:
http://www.4shared.com/account/home.jsp#dir=C9Tytbtt
<!DOCTYPE html>
<html lang="pt-BR" xml:lang="pt-BR" data-device-type="web" data-device="Computer" data-range="xlarge">
<head></head>
<body class="pt-BR">
<h1 class="seoTitle"></h1>
<!--
NAVBAR
-->
<div id="trr-navbar" class="trr-navbar">
<div id="trr-globalnav" class="trr-globalnav web">
<div id="trr-navcontent" class="trr-navcontent slim">
<div id="trr-socialmenu" class="trr-socialmenu social-menu social-hidden invisible" style="height: 148px;"></div>
<div id="trr-globalburger" class="trr-globalburger">
<div class="burger">
<a href="#menuOpen" ts.idz="nav_button_0">
<div class="burger-label"></div>
</a>
</div>
<div id="trr-burgernav" class="trr-burgernav" style="height: 148px;"></div>
<div id="trr-search" class="trr-search">
<form class="bg-search-primary" ts.idz="nav_form_search">
<fieldset>
<div class="search-inputs">
<input id="autocomplete" type="text" name="search" placeholder="Buscar" autocomplete="off"></input>
</div>
</fieldset>
<div id="cancel" class="icon cancel"></div>
<div class="search"></div>
</form>
<div class="label-cancel"></div>
</div>
</div>
<div id="trr-logotipia" class="trr-logotipia">
<a href="http://www.terra.com.br/portal/" ts.idz="nav_button_logo">
<span class="image" title="Ir para a página inicial"></span>
</a>
</div>
<div class="trr-navbar-subscribe"></div>
<div id="trr-profilearea" class="trr-profilearea" style="margin-right: 0px;"></div>
</div>
</div>
<div id="ad-top" class="header-advertising" style=""></div>
<div class="trr-ticker web trr-ticker-xpd trr-ticker-4-events">
<div class="trr-ticker-inside">
<div class="trr-ticker-header"></div>
<div class="trr-ticker-content">
<div id="trr-ticker-content-slide" class="trr-ticker-content-slide" style="top: 0px;">
<div class="trr-ticker-ev" event-id="24151" event-tag="esp-futb-brsa"></div>
<div class="trr-ticker-ev" event-id="1014" event-tag="not-bras">
<a href="http://noticias.terra.com.br/brasil/ao-vivo/agora/protestos-tomam-ruas-do-pais//" ts.idz="nav_ticker_1">
<div class="trr-ticker-ev-thumb trr-ticker-no-play">
<img src="http://p1.trrsf.com.br/image/get?src=s1.trrsf.com.br/live/thumbs/20140521t140137z-pt-1014.jpg&w=113&h=63" alt=""></img>
<div class="trr-ticker-play"></div>
<div class="trr-ticker-hd"></div>
</div>
<div class="trr-ticker-ev-info"></div>
</a>
</div>
<div class="trr-ticker-ev" event-id="24170" event-tag="not"></div>
<div class="trr-ticker-ev" event-id="24162" event-tag="not"></div>
</div>
</div>
<div class="trr-ticker-bottom"></div>
<div class="trr-ticker-tool-tips"></div>
</div>
</div>
</div>
<!--
NAVBAR
-->
<div id="trr-ctn-general">
<div id="top" class="advertising header"></div>
<div id="zaz-gambit" class="w1280" data-gambit="">
<div class="gambit-gridsize"></div>
<div class="gambit-notifications" style="top: -1000px; opacity: 0;"></div>
<div id="zaz-news-histories" class="zaz-news-histories"></div>
<div id="zaz-gambit-table" class="zaz-gambit-table" style="position: relative; height: 2560px;">
<div id="contentTable-1" class="contentTable-1">
<div id="2583" class="cards w2h2 " data-reason-score="i:0.00,t:0.00,s:0.00,c:0.00,e:0.00,p:0.00,d:0.00,f:0.00" data-reason-detail="4" data-reason="f" data-table="1" style="position: absolute; left: 0px; top: 0px;"></div>
<div id="7e1800e3abf16410VgnCLD2000000ec6eb0aRCRD" class="cards w4h2 flex " data-reason-score="i:6.00,t:0.00,s:0.55,c:0.00,e:0.00,p:0.00,d:-0.05,f:6.50" data-reason-detail="br_politic_high, br_politic_high" data-reason="ep" data-table="1" style="position: absolute; left: 320px; top: 0px;">
<div class="container-essentials news">
<div class="shaddow"></div>
<div class="news-image">
<a ts.idz="[ep]_mesa;1_card;2" ts.sz="w4h2" ts.inf="7e1800e3abf16410VgnCLD2000000ec6eb0aRCRD/ep/br_politic_high, br_politic_high" href="http://noticias.terra.com.br/brasil/politica/xuxa-e-ofendida…ui-com-coracao,7e1800e3abf16410VgnCLD2000000ec6eb0aRCRD.html" target="_top">
<img class="" style="all-width" alt="Gabriela Korossy" src="http://p2.trrsf.com/image/fget/cf/1776/1192/18/119/620/300/i…2014/05/21/xuxacomissaogabrielakorossycamaradosdeputados.jpg"></img>
</a>
</div>
<div class="news"></div>
</div>
</div>
<div id="adtable_1_card-0" class="cards advertising w2h2" style="position: absolute; left: 960px; top: 0px;"></div>
<div id="group-3" class="placeholder-card w2h2" data-table="1" style="position: absolute; left: 0px; top: 320px;">
<div id="99c6df8458026410VgnVCM3000009af154d0RCRD" class="cards w2h1 " data-reason-score="i:6.00,t:0.00,s:0.00,c:0.00,e:0.00,p:0.00,d:-0.04,f:5.96" data-reason-detail="" data-reason="e" data-table="1"></div>
<div id="110a2a79c6026410VgnVCM5000009ccceb0aRCRD" class="cards w2h1 " data-reason-score="i:6.00,t:0.00,s:0.00,c:0.00,e:0.00,p:0.00,d:-0.04,f:5.96" data-reason-detail="" data-reason="e" data-table="1">
<div class="container-essentials news">
<div class="news-image">
<a ts.idz="[e]_mesa;1_card;4" ts.sz="w2h1" ts.inf="110a2a79c6026410VgnVCM5000009ccceb0aRCRD/e/" href="http://noticias.terra.com.br/brasil/cidades/policia-vai-inte…s-em-sao-paulo,110a2a79c6026410VgnVCM5000009ccceb0aRCRD.html" target="_top">
<img class="" style="all-width" alt="Alan Morici" src="http://p2.trrsf.com/image/fget/cf/140/140/images.terra.com/2014/05/21/06spgreveonibusterminaldompedroalanterra.jpg"></img>
</a>
</div>
<div class="news">
<div class="title"></div>
<div class="share">
<div class="action-link">
<span class="sprite-icons-card arrow-share web"></span>
<span class="share-text"></span>
</div>
<span class="network-image share-facebook"></span>
<span class="network-image share-twitter"></span>
<span class="network-image share-google"></span>
</div>
</div>
</div>
</div>
</div>
<div id="d72e2fe92a026410VgnVCM3000009af154d0RCRD" class="cards w4h2 flex " data-reason-score="i:2.50,t:0.00,s:0.55,c:0.00,e:0.00,p:0.00,d:-0.03,f:3.02" data-reason-detail="br_politic_high" data-reason="ep" data-table="1" style="position: absolute; left: 320px; top: 320px;"></div>
<div id="group-7" class="placeholder-card w2h2" data-table="1" style="position: absolute; left: 960px; top: 320px;"></div>
</div>
<div id="contentTable-2" class="contentTable-2"></div>
<div id="contentTable-2-full" class="contentTable-2-full"></div>
<div id="contentTable-3" class="contentTable-3">
<div id="adtable_3_card-0" class="cards advertising invisible" style=""></div>
<div id="adtable_3_card-2" class="cards advertising invisible" style=""></div>
<div id="20e07ef2795b2310VgnVCM3000009af154d0RCRD" class="cards w2h2 " data-reason-score="i:0.00,t:0.00,s:0.00,c:0.00,e:0.00,p:0.00,d:0.00,f:0.00" data-reason-detail="12" data-reason="f" data-table="2" style="position: absolute; left: 0px; top: 640px;">
<div class="app-financial">
<div class="header"></div>
<div class="content"></div>
<div class="footer big-ad"></div>
</div>
</div>
<div id="663d1e64b7026410VgnVCM3000009af154d0RCRD" class="cards w4h2 flex " data-reason-score="i:3.00,t:0.00,s:0.00,c:0.00,e:0.00,p:0.00,d:-0.04,f:2.96" data-reason-detail="" data-reason="e" data-table="2" style="position: absolute; left: 320px; top: 640px;">
<div class="container-essentials news">
<div class="shaddow"></div>
<div class="news-image">
<a ts.idz="[e]_mesa;2_card;2" ts.sz="w4h2" ts.inf="663d1e64b7026410VgnVCM3000009af154d0RCRD/e/" href="http://noticias.terra.com.br/brasil/cidades/sp-com-greve-dos…dam-passageiro,663d1e64b7026410VgnVCM3000009af154d0RCRD.html" target="_top">
<img class="" style="all-width" alt="Bruno Santos" src="http://p2.trrsf.com/image/fget/cf/620/300/images.terra.com/2014/05/21/140521mboimirimonibusbrunosantosterra6.jpg"></img>
</a>
</div>
<div class="news">
<div class="title"></div>
<div class="share"></div>
</div>
</div>
</div>
<div id="group-13" class="placeholder-card w2h2" data-table="2" style="position: absolute; left: 960px; top: 640px;">
<div id="0a6834aa74b16410VgnVCM3000009af154d0RCRD" class="cards w2h1 " data-reason-score="undefined" data-reason-detail="BR/SAO PAULO" data-reason="g" data-table="2"></div>
<div id="31dcdc38b5c16410VgnVCM3000009af154d0RCRD" class="cards w2h1 " data-reason-score="undefined" data-reason-detail="" data-reason="s" data-table="2">
<div class="container-essentials news">
<div class="news-image">
<a ts.idz="[s]_mesa;2_card;4" ts.sz="w2h1" ts.inf="31dcdc38b5c16410VgnVCM3000009af154d0RCRD/s/" href="http://noticias.terra.com.br/brasil/cidades/metroviarios-dec…e-em-sao-paulo,31dcdc38b5c16410VgnVCM3000009af154d0RCRD.html" target="_top">
<img class="" style="all-width" alt="Metroviários decretam estado de greve em São Paulo" src="http://p2.trrsf.com/image/fget/cf/140/140/images.terra.com/2014/05/21/120520grevemetroviariosdivulgacaosindicato.jpg"></img>
</a>
</div>
<div class="news">
<div class="title">
<a class="hat gray hover-news border-news" ts.idz="hat" href="http://noticias.terra.com.br/brasil/cidades/"></a>
<a ts.idz="[s]_mesa;2_card;4" ts.sz="w2h1" ts.inf="31dcdc38b5c16410VgnVCM3000009af154d0RCRD/s/" href="http://noticias.terra.com.br/brasil/cidades/metroviarios-dec…e-em-sao-paulo,31dcdc38b5c16410VgnVCM3000009af154d0RCRD.html" title="Metroviários decretam estado de greve em São Paulo" target="_top"></a>
</div>
<div class="share"></div>
</div>
<div class="stamp-card buzz"></div>
</div>
</div>
</div>
<div id="d363dda3aff16410VgnVCM3000009af154d0RCRD" class="cards w4h2 flex " data-reason-score="i:3.00,t:0.00,s:0.00,c:0.00,e:0.00,p:0.00,d:-0.06,f:2.94" data-reason-detail="" data-reason="e" data-table="2" style="position: absolute; left: 0px; top: 960px;"></div>
<div id="1a0a7a2978f16410VgnCLD2000000dc6eb0aRCRD" class="cards w4h2 no-flex " data-reason-score="i:2.50,t:0.00,s:0.42,c:0.00,e:0.00,p:0.00,d:-0.03,f:2.89" data-reason-detail="br_soccer_high, br_soccer_high" data-reason="ep" data-table="2" style="position: absolute; left: 640px; top: 960px;"></div>
<div id="f37013e3c6f16410VgnVCM3000009af154d0RCRD" class="cards w4h2 border-premium border-news" data-reason-score="i:3.00,t:0.00,s:0.00,c:0.00,e:0.00,p:0.00,d:-0.08,f:2.92" data-reason-detail="" data-reason="e" data-table="3" style="position: absolute; left: 0px; top: 1280px;"></div>
<div id="3cca442806026410VgnCLD200000b0bf46d0RCRD" class="cards w2h2 " data-reason-score="i:2.50,t:0.00,s:0.42,c:0.00,e:0.00,p:0.00,d:-0.03,f:2.89" data-reason-detail="br_soccer_high, br_soccer_high" data-reason="ep" data-table="3" style="position: absolute; left: 640px; top: 1280px;"></div>
<div id="a5f87a2978f16410VgnCLD2000000dc6eb0aRCRD" class="cards w2h4 flex " data-reason-score="i:2.50,t:0.00,s:0.42,c:0.00,e:0.00,p:0.00,d:-0.06,f:2.87" data-reason-detail="br_soccer_high, br_soccer_high" data-reason="ep" data-table="3" style="position: absolute; left: 960px; top: 1280px;"></div>
<div id="group-21" class="placeholder-card w2h2" data-table="3" style="position: absolute; left: 0px; top: 1600px;"></div>
<div id="9d683f88db026410VgnVCM3000009af154d0RCRD" class="cards w4h2 flex " data-reason-score="undefined" data-reason-detail="br_soccer_high,times_saopaulo,times_corinthians" data-reason="p" data-table="3" style="position: absolute; left: 320px; top: 1600px;"></div>
<div id="9ad2f84d8ab16410VgnVCM3000009af154d0RCRD" class="cards w4h2 flex " data-reason-score="undefined" data-reason-detail="" data-reason="s" data-table="4" style="position: absolute; left: 0px; top: 1920px;"></div>
<div id="04d1b3f715879310VgnVCM5000009ccceb0aRCRD" class="cards w2h2 " data-reason-score="i:0.00,t:0.00,s:0.00,c:0.00,e:0.00,p:0.00,d:0.00,f:0.00" data-reason-detail="18" data-reason="f" data-table="4" style="position: absolute; left: 640px; top: 1920px;"></div>
<div id="5860542ec2f16410VgnVCM3000009af154d0RCRD" class="cards w2h4 flex " data-reason-score="i:2.50,t:0.00,s:0.42,c:0.00,e:0.00,p:0.00,d:-0.10,f:2.83" data-reason-detail="br_soccer_high" data-reason="ep" data-table="4" style="position: absolute; left: 960px; top: 1920px;"></div>
<div id="group-29" class="placeholder-card w2h2" data-table="4" style="position: absolute; left: 0px; top: 2240px;"></div>
<div id="84b6d3c389026410VgnVCM3000009af154d0RCRD" class="cards w2h2 " data-reason-score="i:2.50,t:0.00,s:0.00,c:0.00,e:0.00,p:0.00,d:-0.03,f:2.47" data-reason-detail="" data-reason="e" data-table="4" style="position: absolute; left: 320px; top: 2240px;"></div>
<div id="group-34" class="placeholder-card w2h2" data-table="4" style="position: absolute; left: 640px; top: 2240px;"></div>
</div>
<div id="contentTable-3-full" class="contentTable-3-full"></div>
<div id="contentTable-4-full" class="contentTable-4-full"></div>
</div>
<div id="back-top" class="show"></div>
</div>
<div id="progbar" class="loaded"></div>
<script type="text/javascript"></script>
<noscript></noscript>
<script type="text/javascript"></script>
<noscript></noscript>
<script type="text/javascript"></script>
<noscript></noscript>
<script type="text/javascript"></script>
<noscript></noscript>
<script></script>
<noscript></noscript>
<script type="text/javascript"></script>
<noscript></noscript>
<div id="trr-navbar-footer" class="trr-navbar-footer"></div>
</div>
<!--
ZaZ start
-->
<!--
ZaZ start
-->
<script src="http://s1.trrsf.com/update-1398345320/fe/zaz-cerebro/prd/scripts/zaz.js" charset="utf-8" type="text/javascript"></script>
<noscript></noscript>
<script src="http://s1.trrsf.com/update-1400608927/metrics/v2/br/t-g-d.js" charset="utf-8" type="text/javascript"></script>
<noscript></noscript>
<script src="http://s2.trrsf.com/update-1399901448/fe/zaz-admanager/zaz-admanager.js" charset="utf-8" type="text/javascript"></script>
<noscript></noscript>
<script src="http://s2.trrsf.com/update-1395332712/fe/zaz-xact/core/zaz-xact.js" charset="utf-8" type="text/javascript"></script>
<iframe id="zaz-globalstorage" style="visibility: hidden; width: 1px; height: 1px;" src="https://gs.trrsf.com/fe/zaz-globalstorage/server.html"></iframe>
<iframe id="ajax" style="visibility: hidden; width: 1px; height: 1px;" src="https://coletor.terra.com.br/fe/zaz-sandbox/zaz-sandbox.html"></iframe>
<noscript></noscript>
<script src="http://s2.trrsf.com/update-1398723036/fe/portal/_js/common.js" charset="utf-8" type="text/javascript"></script>
<noscript></noscript>
<script src="http://s1.trrsf.com/update-1398461107/fe/zaz-render/_js/zaz-render.js" charset="utf-8" type="text/javascript"></script>
<noscript></noscript>
<script src="http://s1.trrsf.com/update-1400696118/fe/zaz-gambit/_js/zaz-gambit-std.js" charset="utf-8" type="text/javascript"></script>
<noscript></noscript>
<script src="http://s2.trrsf.com/update-1400696119/fe/zaz-navbar/_js/navbar.js" charset="utf-8" type="text/javascript"></script>
<noscript></noscript>
<script src="http://s1.trrsf.com/update-1400610035/fe/zaz-app-essential/_js/app-essential.js" charset="utf-8" type="text/javascript"></script>
<noscript></noscript>
<script src="http://s2.trrsf.com/update-1398777317/fe/zaz-app-live/_js/app-live.js" charset="utf-8" type="text/javascript"></script>
<noscript></noscript>
<script src="http://s1.trrsf.com/update-1399919111/fe/zaz-app-horoscope/_js/zaz-app-horoscope.js" charset="utf-8" type="text/javascript"></script>
<noscript></noscript>
<script src="http://s1.trrsf.com/update-1400679043/fe/zaz-app-weather/_js/zaz-app-weather.js" charset="utf-8" type="text/javascript"></script>
<noscript></noscript>
<script src="http://s2.trrsf.com/update-1399926639/fe/zaz-app-subjects-list/_js/subjects-list.js" charset="utf-8" type="text/javascript"></script>
<noscript></noscript>
<script src="http://s2.trrsf.com/update-1400005519/fe/zaz-app-financial/_js/zaz-app-financial.js" charset="utf-8" type="text/javascript"></script>
<noscript></noscript>
<script src="http://s1.trrsf.com/update-1400091908/fe/zaz-app-teams/_js/zaz-app-teams.js" charset="utf-8" type="text/javascript"></script>
<noscript></noscript>
<script src="http://s1.trrsf.com/update-1398721836/fe/zaz-app-oneday/_js/zaz-app-oneday.js" charset="utf-8" type="text/javascript"></script>
<noscript></noscript>
<script src="http://s1.trrsf.com/update-1399642240/fe/zaz-portal-presentation/_js/portal-presentation.js" charset="utf-8" type="text/javascript"></script>
<noscript></noscript>
<script src="http://s2.trrsf.com/update-1396898437/fe/portal/home/_js/context.js" charset="utf-8" type="text/javascript"></script>
<noscript></noscript>
<!--
ZaZ end
-->
<!--
ZaZ end
-->
<script type="text/javascript"></script>
<div id="admanager-3rdpartycode-sandbox-eqpimrhmvjg" style="width: 1px; height: 1px; position: absolute; visibility: hidden;"></div>
<noscript></noscript>
<script type="text/javascript"></script>
<noscript></noscript>
<div id="thumbFactory" class="thumbFactory"></div>
<div id="stickad_1rsnd77a1i8" style="width: 1px; height: 1px; position: absolute; visibility: hidden;"></div>
<div id="stickad_1hosqnl266" style="width: 1px; height: 1px; position: absolute; visibility: hidden;"></div>
<div id="fb-root" class=" fb_reset"></div>
<iframe id="oauth2relay385438385" name="oauth2relay385438385" src="https://accounts.google.com/o/oauth2/postmessageRelay?parent…tp%3A%2F%2Fwww.terra.com.br#rpctoken=687044930&forcesecure=1" style="width: 1px; height: 1px; position: absolute; top: -100px;" tabindex="-1"></iframe>
<div id="stickad_4n1mf7u53uc" style="width: 1px; height: 1px; position: absolute; visibility: hidden;"></div>
<iframe id="destination_publishing_iframe_terra_0" style="display: none; width: 0px; height: 0px;" src="http://fast.terra.demdex.net/dest4.html?d_nsid=0#http%3A%2F%2Fwww.terra.com.br%2Fportal%2F"></iframe>
<iframe id="google_osd_static_frame_9737542963840" name="google_osd_static_frame" style="display: none; width: 0px; height: 0px;"></iframe>
<iframe src="https://accounts.google.com/o/oauth2/auth?client_id=15533321…2Fwww.terra.com.br&state=444020223%7C0.2741784179&authuser=0" style="width: 1px; height: 1px; position: absolute; top: -100px;"></iframe>
<iframe id="apiproxy2be32cabba5bbeb54aedc0c535861d3802747be80.23409545629252848" name="apiproxy2be32cabba5bbeb54aedc0c535861d3802747be80.23409545629252848" style="width: 1px; height: 1px; position: absolute; top: -100px;" src="https://content.googleapis.com/static/proxy.html?jsh=m%3B%2F…j-AQ#parent=http%3A%2F%2Fwww.terra.com.br&rpctoken=260684405" tabindex="-1"></iframe>
</body>
</html>
