Baixe o app para aproveitar ainda mais
Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>html - Projeto Mirror Fashion WD-43 Caelum</title> <meta property="og:title" content=""> <meta property="og:site_name" content="guj.com.br"> <meta property="og:url" content='http://www.guj.com.br/23627-projeto-mirror-fashion-wd-43-caelum'> <meta property="og:type" content="website"> <meta property="og:image" content='http://www.guj.com.br/imgs/custom/logo-guj-fb.png'> <link rel="stylesheet" href="/css/mamute.5ccd9a99.css"/> <link rel="stylesheet" href="/css/deps/custom.css"> <!--[if lt IE 9]> <script src="/js/html5shiv.js"></script> <![endif]--> <!--[if lte IE 8]> <script type="text/javascript"> var htmlshim='abbr,article,aside,audio,canvas,details,figcaption,figure,footer,header,mark,meter,nav,output,progress,section,summary,time,video'.split(','); var htmlshimtotal=htmlshim.length; for(var i=0;i<htmlshimtotal;i++) document.createElement(htmlshim[i]); </script> <![endif]--> <script type='text/javascript'> var googletag = googletag || {}; googletag.cmd = googletag.cmd || []; (function() { var gads = document.createElement('script'); gads.async = true; gads.type = 'text/javascript'; var useSSL = 'https:' == document.location.protocol; gads.src = (useSSL ? 'https:' : 'http:') + '//www.googletagservices.com/tag/js/gpt.js'; var node = document.getElementsByTagName('script')[0]; node.parentNode.insertBefore(gads, node); })(); </script> <script type='text/javascript'> googletag.cmd.push(function() { googletag.defineSlot('/102249611/banner-direito', [300, 250], 'div-gpt-ad-1409592167217-0').addService(googletag.pubads()); googletag.defineSlot('/102249611/banner-topo', [728, 90], 'div-gpt-ad-1409775796804-0').addService(googletag.pubads()); googletag.pubads().enableSingleRequest(); googletag.enableServices(); }); </script> <link rel="canonical" href="http://www.guj.com.br/23627-projeto-mirror-fashion-wd-43-caelum"/> </head> <body> <header class="header clear"> <section class="first-header"> <div class="container header-container"> <a class="logo big-logo sprite" href="/">GUJ</a> <nav class="nav main-nav piped-nav"> <ul class="nav-items"> <li class="nav-item"> <a class="button current" href="/"> Perguntas </a> </li> <li class="nav-item menu-unanswered"> <a class="button unanswered " href="/sem-respostas"> Sem respostas </a> </li> <li class="nav-item menu-rank"> <a class="button " href="/ranking"> Usuários </a> </li> <li class="nav-item"> <a class="button " href="/noticias"> Notícias </a> </li> <li class="nav-item"> <a class="button" href='/forums/list.java'> <span class="menu-title">Discussões</span> <span class="menu-subtitle">Antigo Fórum</span> </a> </li> <li class="ask nav-item"> <a class="button ask-a-question" href='/perguntar'> Pergunte </a> </li> </ul> </nav> </div> </section> <section class="second-header"> <div class="container"> <section class="user-area"> <nav class="nav"> <ul class="nav-items"> <li class="nav-item user-item"> <a class="login" href="/login"> Entrar </a> </li> <li class="nav-item"> <a class="signup" href="/cadastrar"> Cadastre-se </a> </li> <li class="nav-item"> <a class="about" href="/sobre"> Sobre </a> </li> <li class="nav-item"> <a href="#" class="search-dropdown dropdown-trigger" data-target-id="dropdown-search-form">Procurar</a> </li> </ul> </nav> <form class="search-form" action="/busca" method="get"> <input class="text-input" name="query" placeholder="buscar" type="text" /> <input type="submit" value="go" /> </form> </section> </div> <div class="container dropdown-target" id="dropdown-search-form"> <form class="search-form" action="/busca" method="get"> <input class="text-input" name="query" placeholder="buscar" type="text" /> <input type="submit" value="go" /> </form> </div> </section> </header> <div class="container"> <div class="hidden" itemprop="breadcrumb" xmlns:v="http://rdf.data-vocabulary.org/#"> <span typeof="v:Breadcrumb"> <a rel="v:url" property="v:title" href="/"> Perguntas </a> </span> <span>�</span> <span typeof="v:Breadcrumb"> <a rel="v:url" property="v:title" href="/tag/html"> html </a> </span> <span>�</span> <span typeof="v:Breadcrumb"> <a rel="v:url" property="v:title" href="/23627-Projeto+Mirror+Fashion+WD-43+Caelum"> Projeto Mirror Fashion WD-43 Caelum </a> </span> </div> <section class="first-content content"> <ol class="main-tags main-tags-header"> <li> <a class=" main-tags-text main-tags-sprite main-tags-java" href="/tag/java"> java </a> </li> <li> <a class=" main-tags-text main-tags-sprite main-tags-android" href="/tag/android"> android </a> </li> <li> <a class=" main-tags-text main-tags-sprite main-tags-c" href="/tag/c%23"> c# </a> </li> <li> <a class=" main-tags-text main-tags-sprite main-tags-net" href="/tag/.net"> .net </a> </li> <li> <a class=" main-tags-text main-tags-sprite main-tags-javascript" href="/tag/javascript"> javascript </a> </li> <li> <a class=" main-tags-text main-tags-sprite main-tags-php" href="/tag/php"> php </a> </li> <li> <a class=" main-tags-text main-tags-sprite main-tags-jquery" href="/tag/jquery"> jquery </a> </li> <li> <a class="main-tags-current main-tags-text main-tags-sprite main-tags-html" href="/tag/html"> html </a> </li> <li> <a class=" main-tags-text main-tags-sprite main-tags-sql" href="/tag/sql"> sql </a> </li> </ol> <p class = "banner-mark-as-solution">Se alguma pergunta ou resposta lhe foi útil, não deixe de dar seu voto positivo!</p> <section itemscope itemtype="http://schema.org/Article" class="post-area question-area " > <h1 itemprop="name" class="title subheader main-thread-title question-title">Projeto Mirror Fashion WD-43 Caelum</h1> <div class="post-meta"> <div class="vote-container post-vote"> <a rel="nofollow" class="container requires-login requires-karma author-cant up-vote up-arrow arrow vote-option " data-value="positivo" data-author="false" data-type="pergunta" data-karma="10" data-id="23627" title="Esta pergunta foi bem formulada, é útil ou clara."> up </a> <span class="vote-count post-vote-count">0</span> <a rel="nofollow" class="container requires-login author-cant down-vote down-arrow arrow vote-option requires-karma " data-value="negativo" data-author="false" data-type="pergunta" data-karma="100" data-id="23627" title="Esta pergunta não foi bem formulada, não é útil ou não está clara. (-2 pontos para o autor e -2 para você)"> down </a> </div> <div> <a rel="nofollow" class="watch requires-login" href="/pergunta/acompanhar/23627"> <span class="icon-eye-off icon-muted icon-2x container" title="Clique aqui para ser notificado de novidades nessa questão e suas respostas. "> </span> </a> </div> </div> <div class="post-container"> <div itemprop="articleBody" class="post-text question-description" id="question-description-23627"> <p>Estou com um problema no exercício 6.4 da apostila.</p> <p>Coloco o código no arquivo estilo.css mas não tenho resposta na página. O submenu não desaparece e quando eu coloco ul ul li em .menu-departamentos desaparece, mas não aparece quando coloco o mouse em cima. E não está aparecendo o hífen antes dos sub-itens. Todos os códigos estão exatamente como na apostila.</p> <p>Arquivo estilo.css</p> <pre class="prettyprint"><code>header{ position: relative; } body{ color: #333333; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; } /* Header */ .sacola{ background: url(../img/sacola.png) no-repeat top right; font-size: 14px; padding-right: 35px; text-align: right; width: 140px; padding-top: 8px; } .menu-opcoes ul{ font-size: 15px; } .menu-opcoes a{ color: #003366; } .menu-opcoes ul li{ display: inline; margin-left: 20px; } .menu-opcoes{ position: absolute; bottom: 0; right: 0; } .container{ margin: 0 auto; width: 940px; } .sacola{ position: absolute; top: 0; right: 0; } /* Container */ .busca, .menu-departamentos{ background-color: #dcdcdc; font-weight: bold; text-transform: uppercase; margin-right: 10px; width: 230px; float: left; } .menu-departamentos{ margin-top: 10px; margin-bottom: 10px; clear: left; } .busca h2, .busca form, .menu-departamentos h2{ margin: 10px; } .menu-departamentos li{ background-color: white; margin-bottom: 1px; padding: 5px, 10px; } .menu-departamentos a{ color: #333333; text-decoration: none; } .busca input{ vertical-align: middle; } .busca input[type=search]{ width: 170px; } .destaque{ margin-top: 10px; } .painel{ margin: 10px, 0; padding: 10px; width: 445px; } .novidades{ float: left; } .mais-vendidos{ float: right; } /* Paineis */ .painel li{ display: inline-block; vertical-align: top; width: 140px; margin: 2px; padding-bottom: 10px; } .painel h2{ font-size: 24px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; } .painel a{ color: #333; font-size: 14px; text-align: center; text-decoration: none; } .novidades{ background-color: #f5dcdc; } .mais-vendidos{ background-color: #dcdcf5; } footer{ background-image: url(../img/fundo-rodape.png); clear: both; padding: 20px 0; } .social li a{ height: 32px; width: 32px; display: block; text-indent: -9999px; } .social a[href*="facebook.com"]{ background-image: url(../img/facebook.png); } .social a[href*="twitter.com"]{ background-image: url(../img/twitter.png); } .social a[href*="plus.google.com"]{ background-image: url(../img/googleplus.png); } footer .container{ position: relative; } .social{ position: absolute; top: 12px; right: 0; } .social li{ float: left; margin-left: 25px; } .destaque{ position: relative; } .pause, .play{ display: block; position: absolute; right: 15px; top: 15px; } .pause{ border-left: 10px solid #900; border-right: 10px solid #900; height: 30px; width: 5px; } .play{ border-left: 25px solid #900; border-bottom: 15px solid transparent; border-top: 15px solid transparent; } .menu-opcoes a:hover{ color: #007dc6; } .menu-opcoes a:active{ color: #867dc6; } .menu-departamentos li ul{ display: none; } .menu-departamentos li:hover ul { display: block; } .menu-departamentos ul ul li { background-color: #dcdcdc; } .menu-departamentos li li a:before { content: '- '; }</code></pre> <p>index.html</p> <pre class="prettyprint"><code><!DOCTYPE html> <html> <head> <title>Mirror Fashion</title> <meta charset="utf-8"> <link rel="stylesheet" href="css/reset.css"> <link rel="stylesheet" href="css/estilos.css"> </head> <body> <!-- Header - Cabeçalho da página --> <header class="container"> <h1><img src="img/logo.png" alt="Mirror Fashion"></h1> <p class="sacola"> Nenhum item na sacola de compras </p> <nav class="menu-opcoes"> <ul> <li><a href="#">Sua Conta</a></li> <li><a href="#">Lista de Desejos</a></li> <li><a href="#">Cartão Fidelidade</a></li> <li><a href="sobre.html">Sobre</a></li> <li><a href="#">Ajuda</a></li> </ul> </nav> </header> <!-- Caixa de busca --> <div class="container destaque"> <section class="busca"> <h2>Busca</h2> <form action="http://www.google.com.br/search" id="form-busca"> <input type="search" name="q" id="q"> <input type="image" src="img/busca.png"> </form> </section> <!-- Menu --> <section class="menu-departamentos"> <h2>Departamentos</h2> <nav> <ul> <li><a href="#">Blusas e Camisas</a> <ul> <li><a href="#">Manga curta</a></li> <li><a href="#">Manga comprida</a></li> <li><a href="#">Camisa social</a></li> <li><a href="#">Camisa casual</a></li> </ul> <li><a href="#">Calças</a></li> <li><a href="#">Saias</a></li> <li><a href="#">Vestidos</a></li> <li><a href="#">Sapatos</a></li> <li><a href="#">Bolsas e Carteiras</a></li> <li><a href="#">Acessórios</a></li> </ul> </nav> </section> <a href="#" class="pause"></a> <img src="img/destaque-home.png" alt="Promoção: Big City Night"> </div> <!-- Paineis de destaque dos produtos --> <div class="container paineis"> <section class="painel novidades"> <h2>Novidades</h2> <ol> <li> <a href="produto.html"> <figure> <img src="img/produtos/miniatura1.png"> <figcaption>Fuzz Cardigan por R$ 129,90</figcaption> </figure> </a> </li> <li> <a href="produto.html"> <figure> <img src="img/produtos/miniatura2.png"> <figcaption>Fuzz Cardigan por R$ 129,90</figcaption> </figure> </a> </li> <li> <a href="produto.html"> <figure> <img src="img/produtos/miniatura3.png"> <figcaption>Fuzz Cardigan por R$ 129,90</figcaption> </figure> </a> </li> <li> <a href="produto.html"> <figure> <img src="img/produtos/miniatura4.png"> <figcaption>Fuzz Cardigan por R$ 129,90</figcaption> </figure> </a> </li> <li> <a href="produto.html"> <figure> <img src="img/produtos/miniatura5.png"> <figcaption>Fuzz Cardigan por R$ 129,90</figcaption> </figure> </a> </li> <li> <a href="produto.html"> <figure> <img src="img/produtos/miniatura6.png"> <figcaption>Fuzz Cardigan por R$ 129,90</figcaption> </figure> </a> </li> </ol> </section> <section class="painel mais-vendidos"> <h2>Mais Vendidos</h2> <ol> <li> <a href="produto.html"> <figure> <img src="img/produtos/miniatura7.png"> <figcaption>Fuzz Cardigan por R$ 129,90</figcaption> </figure> </a> </li> <li> <a href="produto.html"> <figure> <img src="img/produtos/miniatura8.png"> <figcaption>Fuzz Cardigan por R$ 129,90</figcaption> </figure> </a> </li> <li> <a href="produto.html"> <figure> <img src="img/produtos/miniatura9.png"> <figcaption>Fuzz Cardigan por R$ 129,90</figcaption> </figure> </a> </li> <li> <a href="produto.html"> <figure> <img src="img/produtos/miniatura10.png"> <figcaption>Fuzz Cardigan por R$ 129,90</figcaption> </figure> </a> </li> <li> <a href="produto.html"> <figure> <img src="img/produtos/miniatura11.png"> <figcaption>Fuzz Cardigan por R$ 129,90</figcaption> </figure> </a> </li> <li> <a href="produto.html"> <figure> <img src="img/produtos/miniatura12.png"> <figcaption>Fuzz Cardigan por R$ 129,90</figcaption> </figure> </a> </li> </ol> </section> </div> <!-- Footer - Rodapé da página --> <footer> <div class="container"> <img src="img/logo-rodape.png" alt="Logo Mirror Fashion"> <ul class="social"> <li><a href="http://facebook.com/mirrorfashion">Facebook</a></li> <li><a href="http://twitter.com/mirrorfashion">Twitter</a></li> <li><a href="http://plus.google.com/mirrorfashion">Google+</a></li> </ul> </div> </footer> <script src="js/home.js"></script> </body> </html></code></pre> </div> <ul class="tags" itemprop="keywords"> <li class="tags-item"> <a href="/tag/html" class="tag-brutal">html</a> </li> <li class="tags-item"> <a href="/tag/css3" class="tag-brutal">css3</a> </li> </ul> <div class="post-interactions"> <ul class="post-action-nav piped-nav nav"> <li class="nav-item"> <a class="post-action show-popup" href="#"> compartilhar </a> <div class="popup share small"> <form class="validated-form"> <label for="share-url">compartilhe um link para esta pergunta</label> <input type="text" class="text-input required" id="share-url" value="http://www.guj.com.br/23627-projeto-mirror-fashion-wd-43-caelum"/> </form> <a target="_blank" class="share-button" data-shareurl="http://www.facebook.com/sharer/sharer.php?u=http://www.guj.com.br/23627-projeto-mirror-fashion-wd-43-caelum"> <i class="icon-facebook-squared icon-almost-3x"></i> </a> <a target="_blank" class="share-button" data-shareurl="https://twitter.com/share?text=Projeto Mirror Fashion WD-43 Caelum&url=http://www.guj.com.br/23627-projeto-mirror-fashion-wd-43-caelum"> <i class="icon-twitter-squared icon-almost-3x"></i> </a> <a target="_blank" class="share-button" data-shareurl="https://plus.google.com/share?&url=http://www.guj.com.br/23627-projeto-mirror-fashion-wd-43-caelum"> <i class="icon-gplus-squared icon-almost-3x"></i> </a> <a class="close-popup">fechar</a> </div> </li> <li class="nav-item"> <a class="post-action edit-question requires-login requires-karma" data-author="false" data-karma="20" href="/pergunta/editar/23627"> editar </a> </li> <li class="nav-item"> <div class="hidden modal modal-flag" id="question-flag-modal23627"> <ul class="nav"> <li class="modal-close-button">x</li> </ul> <form class="validated-form" action="/pergunta/23627/marcar"> <input type="radio" value="RUDE" name="flagType" id="flag-type-rude" /> <label for="flag-type-rude">grosseiro ou ofensivo</label> <input type="radio" value="NOT_CONSTRUCTIVE" name="flagType" id="flag-type-notconstructive" /> <label for="flag-type-notconstructive">pouco construtivo</label> <input type="radio" value="OBSOLETE" name="flagType" id="flag-type-obsolete" /> <label for="flag-type-obsolete">obsoleto</label> <input class="other-option" type="radio" value="OTHER" name="flagType" id="flag-type-other" data-reason-id="other-reason" /> <label for="flag-type-other">outro...</label> <div id="other-reason" class="hidden"> <label for="reason-text">Motivo</label> <textarea id="reason-text" name="reason"></textarea> </div> <label class="error"></label> <input type="submit" value="Reportar"/> </form> </div> </li> </ul> <ul class="post-touchs"> <li class="touch author-touch"> <div class="complete-user"> <time class="when" itemprop="dateCreated" datetime="2014-07-02T23:39:40.000-03:00">criado 02 de Jul de 2014 </time> <img class="user-image" src="http://www.gravatar.com/avatar/d3ae5e2db6c3c52dff4dd4a1d5f59824.png?r=PG&size=48x48&d=http%3A%2F%2Frobohash.org%2Fsize_48x48%2Fset_set1%2Fbgset_any%2Fd3ae5e2db6c3c52dff4dd4a1d5f59824.png"/> <div class="user-info" itemscope itemtype="http://schema.org/Person" itemprop="author" > <a class="user-name ellipsis" itemprop="name" href="/usuario/19222/jeffmaia"> jeffmaia </a> <div title="forma de medir a reputação do usuário" class="user-karma ellipsis">6 pontos</div> </div> </div> </li> <li class="touch edited-touch"> <div class="complete-user"> <a href="/23627/historico"> <time class="when" itemprop="dateModified" datetime="2014-07-02T23:53:33.000-03:00"> editado 02 de Jul de 2014 </time> </a> </div> </li> </ul> </div> <ul class="comment-list hidden" id="new-comment-for-pergunta-new-comment-23627"> </ul> <div class="simple-ajax-form"> <a href="#" class="requires-login post-action add-comment requires-karma" data-karma="0"> Adicionar comentário </a> <div class="ajax-form hidden"> <form method="post" action="/pergunta/23627/comentar" class="validated-form ajax" data-ajax-on-callback="append" data-ajax-result="new-comment-for-pergunta-new-comment-23627"> <textarea class="comment-textarea required to-focus hintable text-input" minlength="15" maxlength="600" name="comment" data-hint-id="new-comment-for-pergunta-new-comment-23627-hint"></textarea> <input class="post-submit submit" type="submit" value="Adicionar comentário" /> <div class="comment-remaining-characters">Caracteres restantes:<span class="comment-length-counter"> 600</span></div> <button class="post-submit submit cancel "> Cancelar </button> <label class="form-watch"> <input type="checkbox" name="watching" value="true" checked="checked"/> Quero acompanhar este tópico via email. </label> </form> <div class="hint" id="new-comment-for-pergunta-new-comment-23627-hint"> <h2 class="title section-title hint-title">Comentário</h2><p>Utilize formatação mini-Markdown: [link](http://exemplo.com) _italico_ **negrito** `codigo`.</p><p>Comentarios devem ter, no maximo, 600 caracteres. Se achar necessario, utilize links em vez de copiar código ou ainda edite sua pergunta/resposta para colocar mais informações</p> </div> </div> </div> </div> </section> <ol id="intro"> <li data-button="próxima" data-class="post-meta" data-options="tipLocation:right">Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.</li> <li data-button="próxima" data-class="edit-question" data-options="tipLocation:bottom">Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.</li> <li data-button="próxima" data-class="add-comment" data-options="tipLocation:bottom">Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.</li> <li data-button="próxima" data-class="solution-tick" data-options="tipLocation:right">Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.</li> <li data-button="próxima" data-class="about" data-options="tipLocation:bottom">Clique aqui para mais detalhes sobre o funcionamento do GUJ!</li> </ol> <div class="subheader"> <h2 class="title page-title"> 0 resposta </h2> </div> <ul> </ul> <section class="notice"> <h3 class="title"> Não é a resposta que estava procurando? Procure outras perguntas com as tags <a href="/tag/html" class="tag-brutal">html</a> <a href="/tag/css3" class="tag-brutal">css3</a> ou <a href="/perguntar">faça a sua própria pergunta</a>. </h3> </section> <div class="login-or-signup"> <a class="hide-next login-form-hide">Entrar<i class="icon-angle-right"></i></a> <div class="login"> <form class="validated-form user-form" action="/login" method="POST"> <a href="https://www.facebook.com/dialog/oauth?client_id=311129402335175&redirect_uri=http%3A%2F%2Fwww.guj.com.br%2Fsign-up%2Ffacebook%2F&scope=email,user_location&state=http://www.guj.com.br/23627-projeto-mirror-fashion-wd-43-caelum" class="social-button-wraper"> <p>Entrar c/ Facebook</p> <span class="face-button">Fazer Login</span> </a> <p class="or">— OU —</p> <a href="" class="social-button-wraper"> <p>entrar c/ Google+</p> <span class="google-button">Fazer Login</span> </a> <p class="or">— OU —</p> <label for="email">Email</label> <input type="email" name="email" class="required text-input email" placeholder="user@example.com"/> <label for="password">Senha</label> <input name="password" type="password" class="required text-input" placeholder="Password"/> <a href="/esqueci-minha-senha" class="forgot-password"> Esqueci minha senha. </a> <input name="redirectUrl" value="http://www.guj.com.br/23627-projeto-mirror-fashion-wd-43-caelum" type="hidden"/> <input class="post-submit big-submit submit" type="submit" value="Login"/> </form> </div> <a class="hide-next signup-form-hide">Cadastrar <i class="icon-angle-right"></i></a> <div class="signup"> <form action="/cadastrar" method="POST" class="validated-form user-form"> <a href="https://www.facebook.com/dialog/oauth?client_id=311129402335175&redirect_uri=http%3A%2F%2Fwww.guj.com.br%2Fsign-up%2Ffacebook%2F&scope=email,user_location&state=http://www.guj.com.br/23627-projeto-mirror-fashion-wd-43-caelum" class="social-button-wraper"> <p>Cadastrar c/ Facebook</p> <span class="face-button">Cadastre-se</span> </a> <p class="or">— OU —</p> <a href="" class="social-button-wraper"> <p>Cadastrar c/ Google+</p> <span class="google-button">Cadastre-se</span> </a> <p class="or">— OU —</p> <label for="name">Nome</label> <input id="name" type="text" name="name" class="required text-input" maxlength="100" value=""/> <label for="email">Email</label> <input id="email" type="email" name="email" class="required text-input email" maxlength="100" value="" /> <label for="password">Senha</label> <input id="password" name="password" type="password" minlength="6" maxlength="100" class="required text-input"/> <label for="password-confirmation">Confirmação da senha</label> <input id="password-confirmation" name="passwordConfirmation" type="password" minlength="6" maxlength="100" class="required text-input"/> <span>Criando uma conta neste site, você está de acordo com os <a href="/termos-de-uso">termos de uso</a></span> <input class="post-submit big-submit submit" type="submit" value="Cadastrar "/> </form> </div> </div> </section> <aside class="sidebar"> <div class="subheader"> <h2 class="title page-title"> Notícias </h2> <a href="/noticias/rss" class="rss-link"><i class="icon-rss"></i></a> </div> <ol class="sidebar-list"> <li class="post-item sidebar-item"> <div class="summary sidebar-summary"> <time class="when" datetime="2015-05-23T14:43:12.000-03:00"> 23/05/2015 </time> - <h3 class="title item-title sidebar-item-title"> <a href="/noticias/387-novo-projeto-para-flexibilizar-a-serializacao-de-objetos-para-json">Novo projeto para flexibilizar a serialização de objetos para JSON</a> </h3> </div> </li> <li class="post-item sidebar-item"> <div class="summary sidebar-summary"> <time class="when" datetime="2015-05-21T15:26:41.000-03:00"> 21/05/2015 </time> - <h3 class="title item-title sidebar-item-title"> <a href="/noticias/386-novo-livro-de-php-com-laravel-5-">Novo livro de PHP com Laravel 5 </a> </h3> </div> </li> <li class="post-item sidebar-item"> <div class="summary sidebar-summary"> <time class="when" datetime="2015-05-20T10:00:48.000-03:00"> 20/05/2015 </time> - <h3 class="title item-title sidebar-item-title"> <a href="/noticias/385-video-aulas---desenvolvimento-de-aplicativos-para-android">Vídeo Aulas - Desenvolvimento de aplicativos para Android.</a> </h3> </div> </li> <li class="post-item sidebar-item"> <div class="summary sidebar-summary"> <time class="when" datetime="2015-05-18T10:43:11.000-03:00"> 18/05/2015 </time> - <h3 class="title item-title sidebar-item-title"> <a href="/noticias/384-novo-agregador-de-blogs-de-desenvolvedores-devall">Novo agregador de blogs de desenvolvedores /dev/All</a> </h3> </div> </li> <li class="post-item sidebar-item"> <div class="summary sidebar-summary"> <time class="when" datetime="2015-05-15T12:25:29.000-03:00"> 15/05/2015 </time> - <h3 class="title item-title sidebar-item-title"> <a href="/noticias/383-aberta-a-submissao-de-short-talk-na-mobile-conf">Aberta a submissão de Short Talk na Mobile Conf</a> </h3> </div> </li> </ol> <a class="more-items" href="/noticias">Mais notícias...</a> <div id='div-gpt-ad-1409592167217-0' style='width:300px; height:250px;'> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-1409592167217-0'); }); </script> </div> <div class="subheader"> <h3 class="title page-title">Tags recentes</h3> </div> <ol class="tags-usage"> <li class="tags-item"> <a href="/tag/html" class="tag-brutal">html</a> x 1174</li> <li class="tags-item"> <a href="/tag/css3" class="tag-brutal">css3</a> x 207</li> </ol> <div class="subheader"> <h3 class="title page-title">Perguntas relacionadas</h3> </div> <ol class="related-questions"> <li><span>0</span> <a href="/41124-ao-clicar-na-imagem-o-menu-e-submenu-fiquem-ativos"> Ao Clicar na Imagem o Menu e Submenu fiquem Ativos </a> </li> <li><span>0</span> <a href="/41096-como-se-resolve-essa-questao-do-livro-logica-de-programacao-"> Como se resolve essa questão do livro logica de programação ? </a> </li> <li><span>0</span> <a href="/41086-saber-qual-botao-foi-clicado"> Saber qual botão foi clicado </a> </li> <li><span>0</span> <a href="/41057-duvida-gerar-boleto"> Duvida gerar boleto </a> </li> <li><span>0</span> <a href="/40552-engenharia-da-computacao-"> Engenharia da computação </a> </li> </ol> </aside> </div> <footer class="footer black-top-border"> <div class="container"> <ul class="footer-list"> <li class="sponsor-box"> <a class="footer-logo first-logo" href="http://www.alura.com.br/"><span class='i18n_missing_key'>footer.guj</span></a> <ul class="footer-sub-list"> <li><a href="http://www.alura.com.br/">Cursos online de tecnologia</a></li> </ul> </li> <li class="sponsor-box"> <a class="footer-logo second-logo" href="http://www.caelum.com.br"><span class='i18n_missing_key'>footer.caelum</span></a> <ul class="footer-sub-list"> <li><a class="footer-link" href="http://www.caelum.com.br/cursos/java/">Curso de Java</a></li> <li><a class="footer-link" href="http://www.caelum.com.br/curso-android/">Curso de Android</a></li> <li><a class="footer-link" href="http://www.caelum.com.br/curso-javascript-jquery/">Curso de JavaScript</a></li> </ul> <ul class="footer-sub-list"> <li><a class="footer-link" href="http://www.caelum.com.br/cursos/dotnet/">Curso de .NET</a></li> <li><a class="footer-link" href="http://www.caelum.com.br/cursos/agile/">Curso de Agile</a></li> <li><a class="footer-link" href="http://www.caelum.com.br/curso-html-css-javascript/">Curso de HTML e CSS</a></li> </ul> </li> <li class="sponsor-box"> <a class="footer-logo third-logo" href="http://www.casadocodigo.com.br/"><span class='i18n_missing_key'>footer.casa_do_codigo</span></a> <ul class="footer-sub-list"> <li><a href="http://www.casadocodigo.com.br">Conheça também os livros da Casa do Código</a></li> </ul> </li> <!-- <li class="sponsor-box"><a class="footer-logo online-logo" href="#">Caelum Online</a></li> --> </ul> </div> <div class="dark-footer"> <ol class="main-tags main-tags-footer"> <li> <a class=" tag-brutal " href="/tag/java"> java </a> </li> <li> <a class=" tag-brutal " href="/tag/android"> android </a> </li> <li> <a class=" tag-brutal " href="/tag/c%23"> c# </a> </li> <li> <a class=" tag-brutal " href="/tag/.net"> .net </a> </li> <li> <a class=" tag-brutal " href="/tag/javascript"> javascript </a> </li> <li> <a class=" tag-brutal " href="/tag/php"> php </a> </li> <li> <a class=" tag-brutal " href="/tag/jquery"> jquery </a> </li> <li> <a class=" tag-brutal " href="/tag/html"> html </a> </li> <li> <a class=" tag-brutal " href="/tag/sql"> sql </a> </li> </ol> <ol class="main-tags main-tags-second"> <li><a class="tag-brutal" href="http://www.lumpa.com.br/tag/photoshop">photoshop</a></li> <li><a class="tag-brutal" href="http://www.lumpa.com.br/tag/illustrator">illustrator</a></li> <li><a class="tag-brutal" href="http://www.lumpa.com.br/tag/inDesign">inDesign</a></li> <li><a class="tag-brutal" href="http://www.lumpa.com.br/tag/tipografia">tipografia</a></li> <li><a class="tag-brutal" href="http://www.lumpa.com.br/tag/vetorização">vetorização</a></li> </ol> <div class="container"> <span class="footer-menu"> <span class="footer-menu-label">GUJ Respostas: </span> <a href="/nao-resolvido" class="unsolved-link">Não solucionadas</a> <a href="/sem-respostas">Sem respostas</a> <span class="footer-menu-label">GUJ Fórum </span> <a href="/forums/list.java" >Índice de Fóruns</a> <a href="/recentTopics/list.java" >Tópicos Recentes</a> </span> <span class="footer-menu"> <span class="footer-menu-label">Este projeto é open source: </span> <a href="http://www.mamute.org/">Mamute.org</a> — <span class="footer-menu-label">Em breve, fórum para músicos: </span> <a href="http://www.musicdot.com.br/">Music Dot</a> — <span class="footer-menu-label">Conheça o também o </span> <a href="http://mamaepergunta.com.br/">Mamãe pergunta</a> </span> <span class="footer-muted-message"> Publicidade: guj@guj.com.br — Desenvolvido por <a class="footer-caelum" href="http://www.caelum.com.br/">Caelum</a> — GUJ: desde 2002 </span> </div> </div> </footer> <script src="/js/jquery.706b6c73.js"></script> <script type="text/javascript"> //UI flags (GLOBAL VARIABLES) var Globals = {}; Globals.inHouseUploading = false; var ANYONE_CAN_CREATE_TAGS = false; var TAGS_SPLITTER_CHAR = " "; var LOGGED_IN = false; var MODERATOR = false; var KARMA = 0; var CONTEXT_PATH = ""; var AVIARY_API_KEY = "et9pkf3wlm9299uk"; var INK_API_KEY = "A9UgH5nqtSwezTFGjRxj4z"; var ALL_TAGS_URL = "/pergunta/allTags"; var MESSAGES_LOADER_URL = "/messages/loadAll"; </script> <script src="/js/jquery-plugins.b0e752d0.js"></script> <script src="/js/mamute.2c93aa73.js"></script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-132222-1']); _gaq.push(['_trackPageview']); _gaq.push(['b._setAccount', 'UA-132222-7']); _gaq.push(['b._trackPageview']); _gaq.push(['_setCustomVar', 1, 'LoggedUser', LOGGED_IN, 3 ]); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <script type="text/javascript"> // fix context path of ajax requests *cool* $.ajaxPrefilter(function(options, originalOptions, jqXHR) { if(options.url.indexOf(CONTEXT_PATH) != 0){ options.url = CONTEXT_PATH + options.url; } }); function errorPopup(text, target, clazz){ clazz = clazz || ""; if(!$(".validation-error.popup").is(":visible")) { var errorPopup = $("<div class='"+ clazz +" validation-error popup close-popup'><div class='popup-error-message'>"+text+"</div><div class='subtitle'>("+ Messages.get('button_hint.click_to_close') +")</div></div>"); errorPopup.insertAfter(target).show(); } setTimeout(function(){ errorPopup.fadeOut(200, "linear", function(){errorPopup.remove();}); },1500); } function setLoading(target){ target.html("<img src="+CONTEXT_PATH+"/imgs/loading.gif>"); } function intro(){ if($("#intro")[0]){ $(".intro").css('visibility', 'visible').click(function(){ intro(); }); if($(".automatically-joyride")[0]){ $("#intro").joyride({}); } } $("#intro").joyride({}); } $(function() { intro(); prettyPrint(); $("#datepicker-age").pickadate({ format: 'dd/mm/yyyy', max: -12*365, readOnly: false }); $(".datepicker").pickadate({ format: 'dd/mm/yyyy', max: 1, readOnly: false }); $(".validated-form input").eq(0).focus(); }); </script> <!-- Código do Google para tag de remarketing do Alura --> <!-------------------------------------------------- As tags de remarketing não podem ser associadas a informações pessoais de identificação nem inseridas em páginas relacionadas a categorias de confidencialidade. Veja mais informações e instruções sobre como configurar a tag em: http://google.com/ads/remarketingsetup ---------------------------------------------------> <script type="text/javascript"> /* <![CDATA[ */ var google_conversion_id = 980051072; var google_custom_params = window.google_tag_params; var google_remarketing_only = true; /* ]]> */ </script> <script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js"> </script> <noscript> <div style="display:inline;"> <img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/980051072/?value=0&guid=ON&script=0"/> </div> </noscript> </body> </html>
Compartilhar