Ir para conteúdo

Líderes


Conteúdo Popular

Exibindo conteúdo com a maior reputação em 09/10/20 em todas áreas

  1. 6 pontos
    Acabei de catalogar os jogos que tenho pra fazer ainda no PS3. Só 129, que beleza... Vou ficar com o PS3 mais 10 anos pelo jeito.
  2. 5 pontos
    150 - Red Dead Redemption 2 Legend of the West "'The many miles we walked, the many things we learned"" Comecei este jogo ano passado e depois de mais de 300 horas de gameplay, a platina saiu! Confesso que o começo dele é meio lento, mas após o primeiro capítulo e algumas horas de jogo, logo na primeira cidade, Valentine, eu ficava alguns minutos andando e observando a vida e a ambientação da cidade, tiroteios do nada, duelos e brigas, tudo porque era muito bonito e bem feito. A história do jogo é bacana e Arthur Morgan se tornou um dos meus personagens favoritos dos video-games. Além disso, Dutch e a gangue corroboram para esta história ficar mais marcante, o legal é que eu não joguei o primeiro, e após zerar este fui para ele,e fui muito bacana "concluir" esta história. A platina não é difícil, porém é muito trabalhosa. Comecei fazendo os desafios (após zerar o jogo) pois achei que eles seriam os mais demorados de toda a lista, me enganei. Passei mais de 100 horas pegando plantas, matando e estudando animais, e por incrível que pareça, para mim não foi chato. Geralmente eu detesto coletáveis, mas nesse game foi bem legal fazer tudo isso. Os troféus do modo online são bem tranquilas, o mais demorado para mim foi do do level 50, farmei muitas amostras de animais no Emerald Ranch. E é isto, Red Dead Redemption 2 é um dos melhores jogos da geração na minha opinião, ficando apenas atrás de TLOU 2. Nota do jogo: 10/10
  3. 1 ponto
    Introdução Head Image com duas imagens Head Image com efeito 3D Head Image com imagens rotativas Separação de passos/etapas do RoadMap Caixas de seleção Removendo sublinhado dos links Spoiler para vídeo demonstrativo Imagens PNG para edição Banners (Índice, Introdução, Sobre o Jogo, RoadMap, Troféus e Extras) Dicas compartilhados por outros usuários Cubo 3D animado Estilizando a caixa de seleção Head Image interativa com texto sobreposto Head Image com Card Flip Head Image Fragmentada para guias com DLC's INTRODUÇÃO Como a maioria deve saber, o myPSt utilizava o BBCode. Mas recentemente, o myPSt passou por uma reformulação e agora utiliza o HTML. Com isso novas funcionalidades se tornaram possíveis, pois combinando o HTML com CSS, Javascript, entre outros, as possibilidades são infinitas. Neste tópico serão disponibilizados alguns códigos que utilizo em meus guias e também códigos compartilhados por outros usuários, para que você possa inserir em seus guias. Alguns códigos são apenas estéticos e bem extensos, mas não pesam o carregamento da página. Caso você fique com alguma dúvida, tenha uma crítica construtiva ou sugestão, sinta-se à vontade para comentar. Head Image com duas imagens Índice Ao mover o cursor do mouse sobre a Head Image, a imagem padrão é alterada por uma imagem alternativa (No smartphone você precisará pressionar o dedo para que elas sejam alteradas). .cont { position: relative; display: block; margin: 0 auto; flex-direction: column; padding: 5px 0; } .cont .caixa { position: relative; width: auto; height: auto; box-shadow: 0px 0px 0px black; transform-style: preserve-3d; } .cont .caixa .imgBx { position: absolute; transform: translateZ(0px) scaleY(1); } .cont .caixa .img2Bx { position: relative; } .cont .caixa:hover .img2Bx { transform: translateZ(0px) scaleY(0); } Head Image que criei para o guia do Call of Duty: Modern Warfare 2 Campaign Remastered Para utilizar este tipo de efeito, substitua o código padrão da Head Image do seu guia, pelo código disponibilizado abaixo, colando-o diretamente no Código-Fonte: <div class="cont"> <div class="caixa"> <div align="center" class="imgBx" style="width:100%"> <img alt="spacer.png" data-loaded="true" data-src="URL DA SEGUNDA IMAGEM AQUI" src="https://forum.mypst.com.br/applications/core/interface/js/spacer.png" style="height: auto;"> </div> <div align="center" class="img2Bx" style="width:100%"> <img alt="spacer.png" data-loaded="true" data-src="URL DA PRIMEIRA IMAGEM AQUI" src="https://forum.mypst.com.br/applications/core/interface/js/spacer.png" style="height: auto;"> </div> </div> </div> <style type="text/css"> .cont { position: relative; display: flex; align-items: center; flex-direction: column; padding: 5px 0; } .cont .caixa { position: relative; width: auto; height: auto; box-shadow: 0px 0px 0px black; transform-style: preserve-3d; } .cont .caixa .imgBx { position: absolute; transform: translateZ(0px) scaleY(1); } .cont .caixa .img2Bx { position: relative; } .cont .caixa:hover .img2Bx { transform: translateZ(0px) scaleY(0); }</style> Mas para que o efeito funcione, você precisará substituir os trechos URL DA SEGUNDA IMAGEM AQUI e URL DA PRIMEIRA IMAGEM AQUI, pelas URLs de duas imagens com o tamanho de 600 x 300 pixels. Veja em spoiler abaixo, as imagens que utilizei: Head Image com efeito 3D Índice Para ver a mágica acontecer, mova o cursor do mouse sobre a imagem ou movimente seu smartphone. Se curtiu a ideia e quer implementar esta função no RoadMap do seu guia, cole o código mostrado a seguir, diretamente no Código-Fonte do tópico do seu guia. <p> <strong>Troféus que serão desbloqueados neste passo:</strong> </p> <div id="checks"> &nbsp; &nbsp; &nbsp;<input id="CB1" type="checkbox" value="ON">&nbsp; Colar aqui<br> &nbsp; &nbsp; &nbsp;<input id="CB2" type="checkbox" value="ON">&nbsp; Colar aqui<br> &nbsp; &nbsp; &nbsp;<input id="CB3" type="checkbox" value="ON">&nbsp;&nbsp;Colar aqui<br> &nbsp; &nbsp; &nbsp;<input id="CB4" type="checkbox" value="ON">&nbsp;&nbsp;Colar aqui<br> &nbsp; &nbsp; &nbsp;<input id="CB5" type="checkbox" value="ON">&nbsp;&nbsp;Colar aqui<br> &nbsp; &nbsp; &nbsp;<input id="CB6" type="checkbox" value="ON">&nbsp;&nbsp;Colar aqui<br> &nbsp; &nbsp; &nbsp;<input id="CB7" type="checkbox" value="ON">&nbsp;&nbsp;Colar aqui<br> &nbsp; &nbsp; &nbsp;<input id="CB8" type="checkbox" value="ON">&nbsp;&nbsp;Colar aqui<br> &nbsp; &nbsp; &nbsp;<input id="CB9" type="checkbox" value="ON">&nbsp;&nbsp;Colar aqui<br> &nbsp; &nbsp; &nbsp;<input id="CB10" type="checkbox" value="ON">&nbsp;&nbsp;Colar aqui<br> &nbsp; &nbsp; &nbsp;<input id="CB11" type="checkbox" value="ON">&nbsp;&nbsp;Colar aqui<br> &nbsp; &nbsp; &nbsp;<input id="CB12" type="checkbox" value="ON">&nbsp;&nbsp;Colar aqui<br> &nbsp; &nbsp; &nbsp;<input id="CB13" type="checkbox" value="ON">&nbsp;&nbsp;Colar aqui<br> &nbsp; &nbsp; &nbsp;<input id="CB14" type="checkbox" value="ON">&nbsp;&nbsp;Colar aqui<br> &nbsp; &nbsp; &nbsp;<input id="CB15" type="checkbox" value="ON">&nbsp;&nbsp;Colar aqui<br> &nbsp; &nbsp; &nbsp;<input id="CB16" type="checkbox" value="ON">&nbsp;&nbsp;Colar aqui<br> &nbsp; &nbsp; &nbsp;<input id="CB17" type="checkbox" value="ON">&nbsp;&nbsp;Colar aqui<br> &nbsp; &nbsp; &nbsp;<input id="CB18" type="checkbox" value="ON">&nbsp;&nbsp;Colar aqui<br> &nbsp; &nbsp; &nbsp;<input id="CB19" type="checkbox" value="ON">&nbsp;&nbsp;Colar aqui<br> &nbsp; &nbsp; &nbsp;<input id="CB20" type="checkbox" value="ON">&nbsp;&nbsp;Colar aqui<br> &nbsp; &nbsp; &nbsp;<input id="CB21" type="checkbox" value="ON">&nbsp;&nbsp;Colar aqui<br> &nbsp; &nbsp; &nbsp;<input id="CB22" type="checkbox" value="ON">&nbsp;&nbsp;Colar aqui<br> &nbsp; &nbsp; &nbsp;<input id="CB23" type="checkbox" value="ON">&nbsp;&nbsp;Colar aqui<br> &nbsp; &nbsp; &nbsp;<input id="CB24" type="checkbox" value="ON">&nbsp;&nbsp;Colar aqui<br> &nbsp; &nbsp; &nbsp;<input id="CB25" type="checkbox" value="ON">&nbsp;&nbsp;Colar aqui<br> <script type="text/javascript"> var dcSplit, posnEq, firstGrp, lastGrp, posnCB, regEx, i=0; dcSplit=document.cookie.split("; "); regEx=(/CB\d+/); for(i=0; i<dcSplit.length; i++) { posnEq = dcSplit[i].indexOf("=")+1; posnCB=dcSplit[i].search(regEx); if(posnCB != -1) { firstGrp = dcSplit[i].substring(posnCB, posnEq-1); lastGrp = dcSplit[i].substring( posnEq, dcSplit[i].length); document.getElementById(firstGrp).checked=eval(lastGrp); } } // captura os checkboxs const checks = document.querySelectorAll('[type="checkbox"]') // atualiza os checkboxs function atualizaCheck() { for(let i = 0 ; i < checks.length ; i++ ) { let check = String(checks[i].id) var value = document.getElementById(`${checks[i].id}`) if(localStorage[`${check}`] == 'true') { value.setAttribute('checked', 'true') } else { value.removeAttribute('checked'); } } } // adiciona todos os checkboxs no localStorage let creatLocalStorage = function() { for(let i = 0 ; i < checks.length ; i++ ) { var value = document.getElementById(`${checks[i].id}`).checked; localStorage.setItem(`${checks[i].id}`, value); }; } atualizaCheck() document.onchange = creatLocalStorage; </script> </div> Agora você precisará editá-lo da seguinte forma: Substitua todos os trechos escrito como CB, para algo que só o seu guia possua, tipo as iniciais do jogo que você está guiando. Cada guia deve ser diferente, pois se dois (ou mais) guias estiverem da mesma forma, quando alguém que estiver seguindo estes guias marcar a caixa de seleção em um deles, o outro guia também será marcado. Por exemplo, no meu guia do The Last of Us Part II, eu alterei todos os trechos CB para TLoUPII O código disponibilizado está configurado para 25 troféus, mas você pode adicionar quantas linhas de códigos quiser, basta dar sequência na numeração (26, 27, etc). Caso contrário, se seu guia tiver menos de 25 troféus, é só apagar as linhas que ficarem sobrando. Com um pouco de conhecimento em CSS, você também pode estilizar as caixas de seleção (assim como eu fiz no guia do The Last of Us Part II), mas isso fica a seu critério. As caixas de seleção também podem ser utilizadas para outros fins no seu guia, como marcar colecionáveis, itens, etc. Tudo vai depender da sua criatividade. Removendo sublinhado dos links Índice Note que os links do seu guia possuem um sublinhado, como no exemplo abaixo: Exemplo Para retirar o sublinhado de todos os links, basta copiar o código abaixo e colar no final do tópico do seu guia, diretamente no Código-Fonte: <style type="text/css"> a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { text-decoration: none; }</style> O sublinhado é retirado quando o código é adicionado, ficando assim: Exemplo Caso queira retirar o sublinhado dos links individualmente, você deverá procurar o link do mesmo dentro do código fonte e colar o seguinte código entre as aspas ( " ) e o sinal de maior que ( > ): style="text-decoration:none" Exemplo: <a href="https://forum.mypst.com.br/">Fórum myPSt</a> Ficaria assim: <a href="https://forum.mypst.com.br/" style="text-decoration:none">Fórum myPSt</a> Spoiler para vídeo demonstrativo Índice Modelo estilizado de spoiler para vídeo com créditos para o autor, com bordas arredondadas e sombreamento interno: VÍDEO DEMONSTRATIVO Você deve clicar duas vezes no trecho "Clique 2x aqui para editar", após inserir o código no tópico do seu guia. Uma caixa para inserir a URL e digitar o nome do canal irá abrir. Código utilizado: <table align="center" cellpadding="5" cellspacing="5" style="width:90%; border:0px solid; border-color:#000000; border-collapse:separate; border-radius: 15px 15px 15px 15px; box-shadow: inset 2px 2px 3px black;"> <tbody> <tr style="border:0px solid; border-color:#000000; border-collapse:collapse;"> <td> <p style="text-align: center;"> <strong>V&Iacute;DEO DEMONSTRATIVO</strong>&nbsp; </p> </td> </tr> <tr style="border:0px solid;border-color:#CACACA;border-collapse:separate;border-radius: 10px 10px 10px 10px;"> <td style="border:0px solid;border-color:#CACACA;border-collapse:separate;border-radius: 10px 10px 10px 10px;"> <div class="ipsSpoiler" data-ipsspoiler=""> <div class="ipsSpoiler_header"> &nbsp; </div> <div class="ipsSpoiler_contents" data-gramm="false"> <p style="text-align: center;"> COLAR URL DO V&Iacute;DEO AQUI </p> <p style="text-align: center;"> <span style="font-size:12px;">Cr&eacute;dito para: </span><span style="font-size:14px"><span style="display: none;">&nbsp;</span><span style="font-size:12px;"><strong><span style="display: none;">&nbsp;</span><a href="LINK DO CANAL" style="text-decoration:none">Clique 2x aqui para editar</a><span style="display: none;">&nbsp;</span></strong></span><span style="display: none;">&nbsp;</span></span> </p> </div> </div> </td> </tr> </tbody> </table> Observe na primeira linha, os seguintes trechos de código destacados em spoiler abaixo e faça as alterações que quiser: Para saber exatamente onde colar o código, quando não estiver no Código-Fonte, digite algo que você não usará no seu guia. Pode ser o seu nome ou qualquer outra palavra incomum, que não esteja sendo repetida no guia. Fora do Código-Fonte, você digita: SeuNome Depois entre no Código-Fonte e substitua o trecho (que pelo exemplo vai estar da seguinte forma), pelo código disponibilizado: <p> SeuNome </p> Saia do Código-Fonte, substitua o trecho COLAR URL DO VÍDEO AQUI pela URL do vídeo que irá utilizar e credite o autor. Imagens PNG para edição Índice Copie a imagem que deseja colar em seu guia, utilizando o comando CTRL+SHIFT+V, para colar sem formatação. Em seguida, dê duplo clique sobre a imagem para abrir algumas configurações: Em "URL do link", cole um link caso queira que a imagem funcione como um link clicável; Em "Tamanho", deixe marcada a caixa "Manter proporção original", e diminua o tamanho, se preferir; Em "Alinhamento", mantenha em "Nenhum" caso queira que a imagem fique centralizada. Lembrando que dependendo das dimensões da imagem, ela terá que ser colocada dentro de um spoiler. Banners (Índice, Introdução, Sobre o Jogo, RoadMap, Troféus e Extras) Índice Quer dar uma "gourmetizada" no seu guia de troféus? Deixo aqui os banners que eu criei e utilizo em meus guias mais recentes. São banners com fundo transparente e com links que o levam para as demais seções do guia. Clique nas setas azuis (cima e baixo) para conferir. Além disso, também são responsivos, pois ajustam o tamanho automaticamente quando visto em telas menores, como em smartphones ou tablets. Código dos banners: <table align="center" cellpadding="0" cellspacing="5" id="Indice" style="border: 2px solid; border-color: #000; background-color: #; width: 100%; border-collapse:separate; border-radius: 15px 15px 15px 15px; box-shadow: inset 1px 1px 3px black;"> <tbody> <tr> <th style="text-align: left;" width="300"> <img alt="Índice" data-loaded="true" data-src="https://i.imgur.com/oqKYrwa.png" src="https://forum.mypst.com.br/applications/core/interface/js/spacer.png" style="height: auto; width: 382px;" title="Índice"> </th> <th style="text-align: center;" width="50"> <a href="#Extras" rel=""><img alt="spacer.png" class="ipsImage" data-loaded="true" data-ratio="36.59" data-src="https://i.imgur.com/kN7I2T5.png" height="30" src="https://forum.mypst.com.br/applications/core/interface/js/spacer.png" style="height: auto; width: 70px;" title="Extras"></a><br> <a href="#Introducao" rel=""><img alt="spacer.png" class="ipsImage" data-loaded="true" data-ratio="36.59" data-src="https://i.imgur.com/6d5Cp0j.png" height="30" src="https://forum.mypst.com.br/applications/core/interface/js/spacer.png" style="height: auto; width: 70px;" title="Introdução"></a> </th> </tr> </tbody> </table> <p> &nbsp; </p> <table align="center" cellpadding="0" cellspacing="5" id="Introducao" style="border: 2px solid; border-color: #000; background-color: #; width: 100%; border-collapse:separate; border-radius: 15px 15px 15px 15px; box-shadow: inset 1px 1px 3px black;"> <tbody> <tr> <th style="text-align: left;" width="300"> <img alt="Introdução" data-loaded="true" data-src="https://i.imgur.com/JAwrS6k.png" src="https://forum.mypst.com.br/applications/core/interface/js/spacer.png" style="height: auto;" title="Introdução"> </th> <th style="text-align: center;" width="50"> <a href="#Indice" rel=""><img alt="spacer.png" class="ipsImage" data-loaded="true" data-ratio="36.59" data-src="https://i.imgur.com/kN7I2T5.png" height="30" src="https://forum.mypst.com.br/applications/core/interface/js/spacer.png" style="height: auto; width: 70px;" title="Índice"></a><br> <a href="#Sobre" rel=""><img alt="spacer.png" class="ipsImage" data-loaded="true" data-ratio="36.59" data-src="https://i.imgur.com/6d5Cp0j.png" height="30" src="https://forum.mypst.com.br/applications/core/interface/js/spacer.png" style="height: auto; width: 70px;" title="Sobre o jogo"></a> </th> </tr> </tbody> </table> <p> &nbsp; </p> <table align="center" cellpadding="0" cellspacing="5" id="Sobre" style="border: 2px solid; border-color: #000; background-color: #; width: 100%; border-collapse:separate; border-radius: 15px 15px 15px 15px; box-shadow: inset 1px 1px 3px black;"> <tbody> <tr> <th style="text-align: left;" width="300"> <img alt="Sobre o Jogo" data-loaded="true" data-src="https://i.imgur.com/FgJPcsG.png" src="https://forum.mypst.com.br/applications/core/interface/js/spacer.png" style="height: auto;" title="Sobre o Jogo"> </th> <th style="text-align: center;" width="50"> <a href="#Introducao" rel=""><img alt="spacer.png" class="ipsImage" data-loaded="true" data-ratio="36.59" data-src="https://i.imgur.com/kN7I2T5.png" height="30" src="https://forum.mypst.com.br/applications/core/interface/js/spacer.png" style="height: auto; width: 70px;" title="Introdução" width="82"></a><br> <a href="#RoadMap" rel=""><img alt="spacer.png" class="ipsImage" data-loaded="true" data-ratio="36.59" data-src="https://i.imgur.com/6d5Cp0j.png" height="30" src="https://forum.mypst.com.br/applications/core/interface/js/spacer.png" style="height: auto; width: 70px;" title="RoadMap" width="82"></a> </th> </tr> </tbody> </table> <p> &nbsp; </p> <table align="center" cellpadding="0" cellspacing="5" id="RoadMap" style="border: 2px solid; border-color: #000; background-color: #; width: 100%; border-collapse:separate; border-radius: 15px 15px 15px 15px; box-shadow: inset 1px 1px 3px black;"> <tbody> <tr> <th style="text-align: left;" width="300"> <img alt="RoadMap" data-loaded="true" data-src="https://i.imgur.com/c4e98rn.png" src="https://forum.mypst.com.br/applications/core/interface/js/spacer.png" style="height: auto;" title="RoadMap"> </th> <th style="text-align: center;" width="50"> <a href="#Sobre" rel=""><img alt="spacer.png" class="ipsImage" data-loaded="true" data-ratio="36.59" data-src="https://i.imgur.com/kN7I2T5.png" height="30" src="https://forum.mypst.com.br/applications/core/interface/js/spacer.png" style="height: auto; width: 70px;" title="Sobre o Jogo" width="82"></a><br> <a href="#Trofeus" rel=""><img alt="spacer.png" class="ipsImage" data-loaded="true" data-ratio="36.59" data-src="https://i.imgur.com/6d5Cp0j.png" height="30" src="https://forum.mypst.com.br/applications/core/interface/js/spacer.png" style="height: auto; width: 70px;" title="Troféus" width="82"></a> </th> </tr> </tbody> </table> <p> &nbsp; </p> <table align="center" cellpadding="0" cellspacing="5" id="Trofeus" style="border: 2px solid; border-color: #000; background-color: #; width: 100%; border-collapse:separate; border-radius: 15px 15px 15px 15px; box-shadow: inset 1px 1px 3px black;"> <tbody> <tr> <th style="text-align: left;" width="300"> <img alt="Troféus" data-loaded="true" data-src="https://i.imgur.com/qVb8Wnb.png" src="https://forum.mypst.com.br/applications/core/interface/js/spacer.png" style="height: auto;" title="Troféus"> </th> <th style="text-align: center;" width="50"> <a href="#RoadMap" rel=""><img alt="spacer.png" class="ipsImage" data-loaded="true" data-ratio="36.59" data-src="https://i.imgur.com/kN7I2T5.png" height="30" src="https://forum.mypst.com.br/applications/core/interface/js/spacer.png" style="height: auto; width: 70px;" title="RoadMap" width="82"></a><br> <a href="#Extras" rel=""><img alt="spacer.png" class="ipsImage" data-loaded="true" data-ratio="36.59" data-src="https://i.imgur.com/6d5Cp0j.png" height="30" src="https://forum.mypst.com.br/applications/core/interface/js/spacer.png" style="height: auto; width: 70px;" title="Extras" width="82"></a> </th> </tr> </tbody> </table> <p> &nbsp; </p> <table align="center" cellpadding="0" cellspacing="5" id="Extras" style="border: 2px solid; border-color: #000; background-color: #; width: 100%; border-collapse:separate; border-radius: 15px 15px 15px 15px; box-shadow: inset 1px 1px 3px black;"> <tbody> <tr> <th style="text-align: left;" width="300"> <img alt="Extras" data-loaded="true" data-src="https://i.imgur.com/qzkNyYu.png" src="https://forum.mypst.com.br/applications/core/interface/js/spacer.png" style="height: auto;" title="Extras"> </th> <th style="text-align: center;" width="50"> <a href="#Trofeus" rel=""><img alt="spacer.png" class="ipsImage" data-loaded="true" data-ratio="36.59" data-src="https://i.imgur.com/kN7I2T5.png" height="30" src="https://forum.mypst.com.br/applications/core/interface/js/spacer.png" style="height: auto; width: 70px;" title="Troféus" width="82"></a><br> <a href="#Indice" rel=""><img alt="spacer.png" class="ipsImage" data-loaded="true" data-ratio="36.59" data-src="https://i.imgur.com/6d5Cp0j.png" height="30" src="https://forum.mypst.com.br/applications/core/interface/js/spacer.png" style="height: auto; width: 70px;" title="Índice"></a> </th> </tr> </tbody> </table> <p> &nbsp; </p>
  4. 1 ponto
    A publisher THQ Nordic e a desenvolvedora Gunfire Games anunciaram Chronos: Before the Ashes para PlayStation 4, Xbox One, Switch, PC e Stadia. O título será lançado no dia 1º de dezembro. Trata-se de um RPG de ação em terceira pessoa onde você assume o papel de um guerreiro tentando salvar o mundo de um grande mal. Explore um labirinto antigo enquanto usa espadas, lanças e clavas para lutar contra inimigos míticos, como goblins, minotauros e monstros de pedra. Chronos foi lançado pela primeira vez para Oculus Rift em março de 2016. Neste ponto, é incerto se Chronos: Before the Ashes é uma versão de realidade não virtual do jogo lançado em 2016 ou uma entrada inteiramente nova na série. Assista ao teaser trailer abaixo: Fonte: Gematsu
  5. 1 ponto
    Durante o evento Ubisoft Forward que ocorreu nesta quinta-feira, a companhia revelou que Scott Pilgrim vs. The World: The Game Complete Edition será lançado para o PlayStation 4, Xbox One, Switch e PC. O lançamento será ainda neste ano. A versão “Complete Edition” do clássico inclui o conteúdo adicional Knives Chau and Wallace Wells. Nesta edição completa, redescubra o amado beat’em up em estilo arcade 2D inspirado na icônica série de quadrinhos e no filme Scott Pilgrim vs. The World! Jogue como seus personagens favoritos – Scott Pilgrim, Ramona Flowers, Knives Chau, Stephen Stills e muito mais. Junte-se a 3 de seus amigos enquanto batalha seu caminho através de ondas de inimigos difíceis para derrotar o League of Evil Exes! Fonte: Gematsu
  6. 1 ponto
    PLATINA 100 : Sleeping Dogs: Definitive Edition Excelente game, já estava a tempos de olho para compra-lo, com essa promoção na PSN aproveitei para comprar.
  7. 1 ponto
    Nesta quarta (9), a Activision revelou novidades do multiplayer de Call of Duty: Black Ops Cold War, mais novo jogo da popular série de shooters, incluindo um novo modo multiplayer e integração com o popular Warzone. Ao contrário do futurista Black Ops 4, o novo jogo da série traz um estilo semelhante a seu predecessor, Modern Warfare, com um estilo mais "pé no chão" e sem Ultimates para personagens. Assim como a campanha singleplayer, o multiplayer acontece nos anos 1980, durante a fase final da Guerra Fria, e se baseia em diversas operações e missões secretas para seus mapas e diferentes modos. Um dos modos inéditos, VIP Extraction - que vazou anteriormente - coloca duas equipes de 6 jogadores, com um usuário de uma equipe tomando o papel de uma pessoa de interesse do time rival. O objetivo do jogo é proteger ou extrair esta pessoa de interesse na partida. Outro modo de jogo é Combined Arms, que reúne 48 jogadores em um combate de grande escala, com 24 figuras de cada lado. Os mapas do jogo incluem locações como Miami, Moscou, Atlântico Norte (Armada), Oriente Médio (Crossroads) e Angola (Satellite) Além disso, a Activision reforçou que, apesar de ser um novo jogo de estúdios diferentes, Black Ops Cold War contará com uma forte integração com o popular Warzone, lançado originalmente como um adendo gratuito de Modern Warfare. Por meio de progressão compartilhada, o nível dos jogadores em cada jogo aumentará em conjunto, além de Warzone oferece armas, equipamentos e conteúdo totalmente encontrados e baseados em Black Ops Cold War. Assim como em Modern Warfare, o novo jogo não contará com um sistema de Passe de Temporada, e sim com um modelo de Passes de Batalha e compra de cosméticos para o jogo. Como Call of Duty: Black Ops Cold War será um jogo lançado tanto para a atual quanto nova geração de consoles, a Activision confirmou que o novo game terá um sistema de crossplay completo, entre jogadores de PS4, PS5, Xbox One, Xbox Series X/S e até PC, sendo possível formar parties de até 5 pessoas. O jogo também contará com um beta antes do lançamento, começando com acesso antecipado para usuários de PS4 que fizerem a compra antecipada em 8 de outubro, todos os jogadores de PS4 no dia 10, e um teste aberto para todas as plataformas entre 15 e 19 de outubro. Call of Duty: Black Ops Cold War sai em 13 de novembro. Fonte: TheEnemy
  8. 1 ponto
  9. 1 ponto
    FarCry New Dawn Jogo bacaninha, história meio viajada em relação ao 5, mas é um jogo legalzinho e rápido de se fazer 100%
  10. 1 ponto
    Agora duas garapinhas pq ngm é de ferro: #121 - Road Bustle R$2 e pouco e platina em 4 min, mais garapa que isso difícil kk #122 - Esse aqui vai uns 25 min. Até legalzinho e nostálgico.
  11. 1 ponto
    #197 Ghost of Tsushima Troféu #10.000 Esse jogo é lindo, florestas, campos, pântanos, vários momentos me peguei apenas admirando a paisagem e olha que o meu Ps4 não é o pro. O combate é gostoso, no começo achei que seria desafiante, porém depois de adquirir algumas habilidades do fantasma você se torna uma máquina de matar, o que não deixa de ser divertido, mas torna as posturas por exemplo irrelevantes nas lutas, e ainda temos os duelos que são um show a parte. A história e os personagens principais eu achei apenas ok, algumas secundárias são mais interessante e os contos míticos são muito bons. A platina consiste basicamente em fazer tudo no jogo, sem dificuldades, apenas demorada. #198 Adam´s Venture Origins Esse é só pra número mesmo, jogo bem fraquinho e bem fácil, mas por R$ 5,00 tá valendo.
  12. 1 ponto
    Platina #121 (9º Pioneiro) Biggest Fan Collect All Trophies As vezes me dá um treco; tem vezes que eu olho pra minha lista de troféus e penso que eu preciso pegar uma platina mais fodida. Recentemente tava com essa sensação, especialmente com a situação que estamos neste momento. É ai que vejo este joguinho. Primeira vez que vi ele, bem quando anunciaram, eu pensei "Esse jogo não dura um ano", pois parecia muito sem graça. E acho que a maioria concordou comigo, já que nem deu 2 semanas depois que saiu o jogo já tava saindo com 80% de desconto. E não só isso, mas a própria EA tava dando códigos pra baixar o jogo de graça. Códigos a qual eu tive sorte e consegui pegar um pra mim Assim, decidi que eu ia tentar platinar esse, pois eu ainda tenho esse medo que o jogo não vai durar muito tempo. Tentei jogar bastante na primeira semana, já que temia que o pessoal ia ficar jogando naquela semana já que ganharam o jogo de graça e depois iam largar. E eu tinha razão, não demorou muito tempo pro pessoal largar esse jogo de vez. Depois daquela primeira semana, o jogo virou um inferno. O jogo tem crossplay, o que ajuda bastante; mas mesmo assim tava bem difícil achar partidas, e quando achava eram super lagadas, quase impossível de jogar. Tentava jogar sempre que possível, mas a platina parecia bem impossível pra mim... Até que saiu uma atualização. Uma atualização recente fez com que o modo PvE do jogo, que anteriormente não contava para troféus, começasse a contar. É um modo super tosco, 3 jogadores contra 30 bots. Super sem graça, fazia todo sentido não contar o progresso pra troféus. Mas, como agora contava, isso deixou a platina bem mais fácil. Pois primeiramente, como tu tem que derrotar 30 inimigos, tem bem mais inimigos pra matar, deixando bem mais fácil de pegar os troféus de matar (1000 total; 100 pra cada personagem) Seguidamente, tem o fato de ter menos jogares, a qual alivia bastante os problemas de lag. E finalmente, se o jogo não achar 3 jogadores, ele te deixa jogar com apenas 2, e se ainda ele não achar ninguém, tu pode jogar essas partidas sozinho, logo te deixando matar 30 de uma só vez. Enfim, terminei de pegar os troféus dos modos diversos do jogo (Boa sorte pra aqueles que forem tentar pegar esses hoje em dia), e ai peguei todos os troféus de matar e decidi esperar um fim de semana com duplo xp pra fazer o resto. Este fim de semana era final de semana com duplo xp, indo de sexta até terça... E eu vou ser honesto, eu virei um demônio. Desde sexta até agora eu não fiz nada além de jogar essa joça; claro, dormi, comi, fui no banheiro; mas de resto, só joguei esse jogo sem parar. Isto porque há 2 troféus desgraçados; um que pede pra upar um personagem pro nível 100 e outro que pede pra upar cinco personagem pro nível 25 Quando comecei nesta sexta, tinha um personagem no nível 30 e o resto lá pelo nível 10. ... Mesmo com duplo XP, demorou pra cacete. Depois do nível 50 pra lá, levava umas 3 partidas pra aumentar de nível, e cada partida leva uns 7 minutos. E pra aumentar XP não precisa jogar bem ou matar vários inimigos; pra aumentar XP só conta tempo de partida. Então dava pra ficar vagabundeando na partida; não dá pra ficar parado sem se mexer, já que o jogo te chuta da partida se ficar parado, mas portanto que tu se mexa um pouco não tem problema. E eu certamente não era o único fazendo isso, até fiz amizade com um outro jogador que também tava fazendo isso. ... Mas enfim, eu tava me sentindo tão mal que ia demorar tanto que acabei fazendo uma coisa horrorosa. Eu dei dinheiro pra EA. No passe de temporada eu vi uns multiplicadores de XP que tavam disponíveis pra aqueles que pagarem pra ele, ai pensei "Cara, vou comprar isso. Posso aumentar meu XP de 30% até 60%!" E comprei, paguei R$30 (O mínimo possível de créditos do jogo que dava pra pagar) e comprei o passe de temporada, e ai fui jogar todo feliz. Isso foi no sábado, e no domingo eu fui perceber que os multiplicadores era pro passe de temporada, não pros personagens em si. ... Moral da história: Eu sou um otário.
  13. 1 ponto
    144ª Platina Dark Souls Remastered The Dark Soul DIFICULDADE 49 RAZOÁVEL
  14. 1 ponto
    #55 - Naruto Shippuden Ultimate Ninja STORM 2 (versão PlayStation 4) A Perfect Storm Master Ai Naruto STORM 2, tenho um amor e um ódio mortal ao mesmo tempo. Mas vamos lá. Essa platina é muito cansativa pois para o troféu dos títulos tem que vencer 50 vezes no online e perder 20 vezes. Graças a um amigo da PSN (Thraphik), que consegui as lutas online. Fora assistir ao Ultimate Jutsu de cada um. Agora o que é de cair o c* da bunda é lutar 30 vezes com cada personagem no modo versus. Meu Deus, o que deu na cabeça da CyberConnect2 em fazer isso pra platinar o jogo? Se acharam que isso seria proveitoso, meu pau de óculos pra CyberConnect2 porque foi um pé no saco. Quase que desisti de platinar por enquanto esse jogo. Mas quando me faltavam 6 lutadores (15 vezes cada somado ao player 2), aí eu pensei: Vamo que vamo. Foram 90 lutas finais que pareciam uma eternidade. Quem platinou sem boost no PS3 e/ou PS4, tu é o bichão memo. Meus sinceros parabéns.
  15. 1 ponto
    #120 - Que obra prima meus amigos! O jogo que desgraçou meu emocional em uma montanha russa de sentimentos, do qual eu admiro e bato palmas mas nunca mais quero andar nela novamente. Definitivamente não é um jogo que é pra todo mundo, e o +18 não classificação não apenas pela violência gráfica explicita, mas tbm para um maturidade emocional que esse jogo te exige. Em comparação com o 1, que pra mim foi o melhor game de todos, o 2 consegue superar em todos os aspectos técnicos, mas continua sendo inferior ao 1 no meu ranking de preferencia simplesmente pelo quesito GOSTO, enquanto o 1 te entrega um gosto agridoce ao fim de uma baita jornada, um mix de alivio e esperança com sensação de dever cumprido, o 2 te entrega um baita gosto amargo ao fim, uma solidão e melancolia tão latente que chega a ser visceral, como disse foi uma experiencia unica que subverteu todas as minhas expectativas. Tudo isso conduzido em um primor técnico, que é 10/10 em todas essas categorias, desafio alguém achar problemas nessa parte. A grande controvérsia fica mesmo no que diz respeito ao enredo e a ele darei meus dois dedos de opinião em spoiler a seguir: Momento da conquista:
  16. 1 ponto
    #181 - dragon ball z kakarot Estava na expectativa de jogar esse jogo por ser fã do anime e me decepcionei. Muitos loadings e enrolação pra contar a história. Não vale a pena gastar dinheiro nele é melhor alugar, pra quem só quer a platina que é fácil.
  17. 1 ponto
    259- Blasphemous Caramba mas que jogão hein? Curto muito esses soulsborne em plataforma 2d, mas ainda acho Sault and Sanctuary o melhor. Esse é bem menos punitivo do que qualquer jogo soulsborne pois não perde quase nenhum recurso ao morrer, a cada boss tem um ponto de salvamento e também não é tão difícil comparando a outros jogos do estilo, os bosses são bem fáceis e os inimigos também, se aprender o parry logo fica mais fácil ainda. A platina é bem chatinha sendo que tem diversos perdiveis, mas se ficar atento somente para 2 troféu fica menos chato. Tive que jogar 2x completas pois não me atentei que entrando na área da quest do homem da árvore e sair já perde a quest, só fui descobrir depois que zerei. Nota: 9/10
  18. 1 ponto
    Excelente Sandro ! Depois vou editar com minhas invenções também.
  19. 1 ponto
    CÓDIGOS COMPARTILHADOS POR OUTROS USUÁRIOS Aqui serão disponibilizados códigos que outros usuários compartilharem. Se você tem algum e deseja compartilhar com a comunidade, entre em contato por MP e eu coloco ele aqui, com os devidos créditos, é claro. Cubo 3D animado Índice O usuário @Wesp_can compartilhou o código de um cubo 3D animado bem bacana que ele editou e utilizou no guia do Dragon Quest XI: Echoes of an Elusive Age. .wrap{ margin-top: 50px; margin-bottom: 50px; perspective: 1000px; perspective-origin: 50% 50%; } .cube{ transform-style: preserve-3d; width: 150px; height: 150px; margin: auto; position: relative; } .cube img{ position: absolute; opacity: 0.9; } .cube img:nth-child(1){ transform: rotateY(0deg) translateZ(75px); } .cube img:nth-child(2){ transform: rotateY(90deg) translateZ(75px); } .cube img:nth-child(3){ transform: rotateY(180deg) translateZ(75px); } .cube img:nth-child(4){ transform: rotateY(-90deg) translateZ(75px); } .cube img:nth-child(5){ transform: rotateX(90deg) translateZ(75px); } .cube img:nth-child(6){ transform: rotateX(-90deg) translateZ(75px); } @keyframes loop{ from {transform:rotateX(0deg) rotateY(0deg);} to {transform:rotateX(360deg) rotateY(360deg);} } .cube{ animation: loop 10s linear infinite; } Para utilizá-lo em seu guia, é só copiar o código abaixo, diretamente no Código-Fonte do tópico do seu guia: <div class="wrap"> <div class="cube"> <img src="IMAGEM 1"> <img src="IMAGEM 2"> <img src="IMAGEM 3"> <img src="IMAGEM 4"> <img src="IMAGEM 5"> <img src="IMAGEM 6"><br> &nbsp; </div> </div> <style type="text/css"> .wrap{ margin-top: 50px; margin-bottom: 50px; perspective: 1000px; perspective-origin: 50% 50%; } .cube{ transform-style: preserve-3d; width: 150px; height: 150px; margin: auto; position: relative; } .cube img{ position: absolute; opacity: 0.9; } .cube img:nth-child(1){ transform: rotateY(0deg) translateZ(75px); } .cube img:nth-child(2){ transform: rotateY(90deg) translateZ(75px); } .cube img:nth-child(3){ transform: rotateY(180deg) translateZ(75px); } .cube img:nth-child(4){ transform: rotateY(-90deg) translateZ(75px); } .cube img:nth-child(5){ transform: rotateX(90deg) translateZ(75px); } .cube img:nth-child(6){ transform: rotateX(-90deg) translateZ(75px); } @keyframes loop{ from {transform:rotateX(0deg) rotateY(0deg);} to {transform:rotateX(360deg) rotateY(360deg);} } .cube{ animation: loop 10s linear infinite; }</style> Agora iremos editar o código para se adequar ao seu guia. Um cubo possui seis lados, por isso devemos trocar os trechos IMAGEM 1 até a IMAGEM 6, com o link da imagem que você quer que apareça no seu cubo. Pode até ser seis imagens diferentes, mas é importante que cada imagem tenha um tamanho em pixels igual, tanto na largura, quanto na altura. Por exemplo... 250x250 ou 300x300. Estilizando a caixa de seleção Índice Caso você vá utilizar o código de Caixas de seleção no seu guia, saiba que é possível estilizar as caixas, acrescentando códigos CSS para isso. Como fez o usuário @Wesp_can em um de seus guias, Confira o resultado, clicando aqui. Caso queira fazer o mesmo, basta copiar o código abaixo, e colar depois do código de caixas de seleção e pronto! <style type="text/css"> input[type="checkbox"]{ position: relative; width: 40px; height: 13px; -webkit-appearance: none; background: linear-gradient(0deg, #333, #000); outline: none; border-radius: 6px; box-shadow: 0 0 0 1px #353535; 0 0 0 2px #3e3e3e; inset 0 0 3px rgba(0,0,0,1), 0 2px 7px rgba(0,0,0,.5), inset 0 0 5px rgba(0,0,0,.2); } input:checked[type="checkbox"]{ background: linear-gradient(0deg, #6dd1ff, #20b7ff); box-shadow: 0 0 0.7px #6dd1ff, 0 0 0 1.4px #353535; 0 0 0 1.8px #3e3e3e; inset 0 0 3.3px rgba(0,0,0,1), 0 1.8px 7px rgba(0,0,0,.5), inset 0 0 5px rgba(0,0,0,.2); } input[type="checkbox"]:before{ content: ""; position: absolute; top: 0; left: 0; width: 27px; height: 13px; background: linear-gradient(0deg, #000, #6b6b6b); border-radius: 7px; box-shadow: 0 0 0 1px #232323; transform: scale(.98,.96); transition: .5s; } input:checked[type="checkbox"]:before{ left: 13px; } input[type="checkbox"]:after{ content: ""; position: absolute; top: calc(50% - 1.5px); left: 22px; width: 3px; height: 3px; background: linear-gradient(0deg, #6b6b6b, #000); border-radius: 50%; transition: .5s; } input:checked[type="checkbox"]:after{ background: #63cdff; left: 35px; box-shadow: 0 0 1.7px #13b3ff; 0 0 55px #13b3ff; } </style> Head Image interativa com texto sobreposto Índice Mais um código compartilhado pelo @Wesp_can. Desta vez, de uma Head Image interativa que ao passar o mouse sobre a Head, uma breve descrição será mostrada (no smartphone é só pressionar e arrastar o dedo sobre a imagem). Confira como ficará no exemplo abaixo (Head image utilizada no guia do Dragon Quest XI: Echoes of an Elusive Age): "Dragon Quest 11: Echoes of an Elusive Age é excelente em muitos níveis. Seja no visual, jogabilidade, personagens, história. O game faz bonito em todas as suas vertentes. Te dá a diversão no nível certo, narra sua história com tranquilidade e apresenta batalhas que simplesmente não te cansam. Enfim, o melhor do gênero neste ano." .containerDQ .boxDQ { border-radius: 5px; border: 2px solid rgb(205, 103, 153); position: relative; width: 100%; max-width: 600px; text-align: center; overflow: hidden; } .containerDQ .boxDQ .hack { width: 100%; opacity: 0; min-height: 175px; } .containerDQ .boxDQ .imgDQ { position: relative; width: 100%; height: 100%; border-radius: 5px; background: url(https://i.imgur.com/l1DnIMk.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; } .containerDQ .boxDQ .overlayDQ { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .containerDQ .boxDQ:hover .overlayDQ { background-color: rgba(0, 0, 0, 0.3); } .containerDQ .boxDQ .overlayDQ2 { position: absolute; top: 0; left: -150%; width: 100%; height: 165%; background-color: rgba(0, 0, 0, 0.7); transition: .5s; } @media(max-width: 350px) { .containerDQ .boxDQ .overlayDQ2 { width: 110%; } } @media(min-width: 350px) { .containerDQ .boxDQ .overlayDQ2 { transform: skewX(-30deg); } } .containerDQ .boxDQ:hover .overlayDQ2 { left: -10% } .containerDQ .boxDQ .textDQ { position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); width: 80%; color: black; box-sizing: box-border; padding: 25px; z-index: 1000; text-shadow: 5px 5px 10px black; } .containerDQ .boxDQ .textDQ h2 { position: relative; color: white; font-size: 1.5rem; text-transform: uppercase; margin-bottom: 0; letter-spacing: 1px; opacity: 0; transition: .5s; transition-timing-function: linear; transform: translateY(-10px); } .containerDQ .boxDQ:hover .textDQ h2 { transform: translateY(0); opacity: 1; transition-delay: 0.6s; } .containerDQ .boxDQ .textDQ p { line-height: 1.2; opacity: 0; color: white; font-size: 17px; transform: translateY(10px); transition: .5s; transition-timing-function: linear; } .containerDQ .boxDQ:hover .textDQ p { transform: translateY(0); opacity: 1; transition-delay: 0.7s; } @media(max-width: 604px) { .containerDQ .boxDQ .textDQ .p { line-height: 1.2; font-size: 10px; margin: -10px; } } @media(max-width: 350px) { .containerDQ .boxDQ .textDQ .p { line-height: 1.1; font-size: 10px; margin: 0px -10px 0px ; } } Guia de Troféus: ? Para utilizar este efeito em seu guia, substitua o código padrão da sua Head Image, pelo código a seguir: <center> <div class="container"> <div class="box"> <div class="img"> <img class="hack" src="https://i.imgur.com/vSMaAoR.png"> </div> <div class="overlay"> &nbsp; </div> <div class="overlay2"> &nbsp; </div> <div class="text"> <h2> <img height="70px" src="INSERIR URL DA IMAGEM PNG AQUI" width="100px"> </h2> <p class="p"> &quot;ESCREVER SEU TEXTO AQUI.&quot; </p> </div> </div> </div> </center> <style type="text/css"> .container .box { border-radius: 5px; border: 2px solid #000000; position: relative; width: 100%; max-width: 600px; text-align: center; overflow: hidden; } .container .box .hack { width: 100%; opacity: 0; min-height: 175px; } .container .box .img { position: relative; width: 100%; height: 100%; border-radius: 5px; background: url(INSERIR URL DA IMAGEM DE FUNDO AQUI); background-size: cover; background-repeat: no-repeat; background-position: center center; } .container .box .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .container .box:hover .overlay { background-color: rgba(0, 0, 0, 0.3); } .container .box .overlay2 { position: absolute; top: 0; left: -150%; width: 100%; height: 165%; background-color: rgba(0, 0, 0, 0.7); transition: .5s; } @media(max-width: 350px) { .container .box .overlay2 { width: 110%; } } @media(min-width: 350px) { .container .box .overlay2 { transform: skewX(-30deg); } } .container .box:hover .overlay2 { left: -10% } .container .box .text { position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); width: 80%; color: black; box-sizing: box-border; padding: 25px; z-index: 1000; text-shadow: 5px 5px 10px black; } .container .box .text h2 { position: relative; color: white; font-size: 1.5rem; text-transform: uppercase; margin-bottom: 0; letter-spacing: 1px; opacity: 0; transition: .5s; transition-timing-function: linear; transform: translateY(-10px); } .container .box:hover .text h2 { transform: translateY(0); opacity: 1; transition-delay: 0.6s; } .container .box .text p { line-height: 1.2; opacity: 0; color: white; font-size: 17px; transform: translateY(10px); transition: .5s; transition-timing-function: linear; } .container .box:hover .text p { transform: translateY(0); opacity: 1; transition-delay: 0.7s; } @media(max-width: 604px) { .container .box .text .p { line-height: 1.2; font-size: 10px; margin: -10px; } } @media(max-width: 350px) { .container .box .text .p { line-height: 1.1; font-size: 10px; margin: 0px -10px 0px ; } }</style> <p style="text-align: center;"> <strong>Guia de Trof&eacute;us:&nbsp;</strong> </p> Agora iremos alterar os campos necessários para se ajustar ao seu guia: Em INSERIR URL DA IMAGEM PNG AQUI, substitua pela URL de uma imagem png transparente (Cuidado com o tamanho da imagem). Em ESCREVER SEU TEXTO AQUI, digite o texto que vai aparecer ao interagir com a imagem (Cuidado com a quantidade de caracteres). E por último, em INSERIR URL DA IMAGEM DE FUNDO AQUI, insira a URL da imagem que usará como Head Image do seu guia (Lembrando que a imagem deve ter o tamanho em pixels, de exatamente 600 de largura, por 300 de altura). E pronto. Mais uma dica de Head Image estilosa para seu guia! Head Image com Card Flip Índice Outro efeito de Head Image bacanudo compartilhado pelo @Wesp_can. Veja um exemplo da Head image utilizada no guia do Minoria. Passe o mouse sobre a imagem para visualizar o efeito e no smartphone, pressione o dedo sobre a imagem e arraste: "Com um baita potencial e trazendo um desafiador Metroidvania, não estranhem que futuramente ele caminhe lado a lado com os sucessos do gênero. Por enquanto é uma grande ideia, que precisa passar por pequenos ajustes para se tornar um grande nome no meio. E outra, com uma temática adulta e debates necessários, que é incomum de vermos nessa pegada." .card { width: 100%; max-width: 600px; background: #fff; transform-style: preserve-3d; box-shadow: inset 600px 0 50px rgba(0,0,0,.5), 0 20px 100px rgba(0,0,0,.5); transition: 1s; } .card:hover { transform: perspective(2000px) rotate(-5deg); box-shadow: inset 20px 0 50px rgba(0,0,0,.5), 0 10px 100px rgba(0,0,0,.5); } .card:before { content: ''; position: absolute; top: -2px; left: 0; width: 100%; height: 2px; background: #002d4a; transform-origin: bottom; transform: skewX(-45deg); } .card:after { content: ''; position: absolute; top: 0; right: -2px; width: 2px; height: 100%; background: #002d4a; transform-origin: left; transform: skewY(-45deg); } .imagemr { width: 100%; max-width: 600px; height: auto; } .card .imgBoxr { width: 100%; height: 100%; position: relative; transform-origin: left; z-index: 1; transition: 1s cubic-bezier(.15,1.7,.84,.58); } .card:hover .imgBoxr { transform: rotateY(-95deg); } .card .details { width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; padding: 20px; z-index: -1; } .logosite { width: 200px; height: 30px; } .textor { color: #002d4a; font-size: clamp(.4em, .4em + 1vw, 1.4em); } @media (max-width: 350px) { .card .imagemr .imgBoxr .details .logor .textor { width: 100%; } } @media (max-height: 175px) { .logor .textor { heigth: 100%; } } Para utilizar o mesmo efeito no seu guia, substitua o código padrão da Head Image pelo código abaixo: <center> <div class="card"> <div class="imgBox"> <img alt="" class="imagemr" data-loaded="true" data-src="URL DA HEAD IMAGE AQUI" src="https://forum.mypst.com.br/applications/core/interface/js/spacer.png" style="height: auto;"> </div> <div class="details"> <img alt="" class="logosite" data-loaded="true" data-src="URL DO LOGO PNG AQUI" src="https://forum.mypst.com.br/applications/core/interface/js/spacer.png" style="height: auto;"> <p class="textor"> &quot;ESCREVA SEU TEXTO AQUI.&quot; </p> </div> </div> </center> <style type="text/css"> .card { width: 100%; max-width: 600px; background: #fff; transform-style: preserve-3d; box-shadow: inset 600px 0 50px rgba(0,0,0,.5), 0 20px 100px rgba(0,0,0,.5); transition: 1s; } .card:hover { transform: perspective(2000px) rotate(-5deg); box-shadow: inset 20px 0 50px rgba(0,0,0,.5), 0 10px 100px rgba(0,0,0,.5); } .card:before { content: ''; position: absolute; top: -2px; left: 0; width: 100%; height: 2px; background: #002d4a; transform-origin: bottom; transform: skewX(-45deg); } .card:after { content: ''; position: absolute; top: 0; right: -2px; width: 2px; height: 100%; background: #002d4a; transform-origin: left; transform: skewY(-45deg); } .imagemr { width: 100%; max-width: 600px; height: auto; } .card .imgBox { width: 100%; height: 100%; position: relative; transform-origin: left; z-index: 1; transition: 1s cubic-bezier(.15,1.7,.84,.58); } .card:hover .imgBox { transform: rotateY(-95deg); } .card .details { width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; padding: 20px; z-index: -1; } .logosite { width: 200px; height: 30px; } .textor { color: #002d4a; font-size: clamp(.4em, .4em + 1vw, 1.4em); } @media (max-width: 350px) { .card .imagemr .imgBox .details .logor .textor { width: 100%; } } @media (max-height: 175px) { .logor .textor { heigth: 100%; } }</style> Agora faremos as alterações para que o efeito se adeque ao seu guia... Em URL DA HEAD IMAGE AQUI, cole a URL da imagem do seu guia (tamanho de 600x300px). Em URL DO LOGO PNG AQUI, substitua pelo logotipo que queira usar, ou caso não queira colocar o logo, exclua toda a linha de código mostrada abaixo: <img alt="" class="logosite" data-loaded="true" data-src="URL DO LOGO PNG AQUI" src="https://forum.mypst.com.br/applications/core/interface/js/spacer.png" style="height: auto;"> E por último, no trecho ESCREVA SEU TEXTO AQUI, digite ou cole o texto que será mostrado ao interagir com a Head Image, mas fique atento a quantidade de caracteres. Head Image fragmentada para guias com DLC's Índice Infelizmente o código desta Head Image estava conflitando com os outros códigos, por isso tive que retirar. Para visualizar o efeito, copie o código abaixo, entre neste link, substitua o código que está no site pelo que você copiou e clique em Run > Se curtiu o efeito e quer utilizar no seu guia, cole o código na caixa de edição do fórum, e faça as alterações seguindo as instruções dentro do próprio código. Caso tenha alguma dúvida em relação ao código, entre em contato com o @Wesp_can via MP, para que ele possa auxiliá-lo. <center> <div class="container"> <div class="clip clip1"> <div class="content"> <h2> Jogo Base </h2> </div> </div> <div class="clip clip2"> <div class="content"> <h2> Subterr&acirc;neo </h2> </div> </div> <div class="clip clip3"> <div class="content"> <h2> Sobreviv&ecirc;ncia </h2> </div> </div> <div class="clip clip4"> <div class="content"> <h2> &Uacute;ltima Resist&ecirc;ncia </h2> </div> </div> </div> </center> <style type="text/css"> @media (max-width:280px) { .content-guia {padding-top:140px;} } @media (min-width:281px) and (max-width:320px) { .content-guia {padding-top:150px;} } @media (min-width: 321px) and (max-width:384px) { .content-guia {padding-top:180px;} } @media (min-width:385px) and (max-width:414px) { .content-guia {padding-top:190px;} } @media (min-width:415px) and (max-width:480px) { .content-guia {padding-top:220px;} } @media (min-width:481px) and (max-width:510px) { .content-guia {padding-top:240px;} } @media (min-width:511px) and (max-width:540px) { .content-guia {padding-top:260px;} } @media (min-width:541px) and (max-width:600px) { .content-guia {padding-top:280px;} } @media (min-width:601px) { .content-guia {padding-top:300px;} } /* @media (max-width:540px) { .content-guia {padding-top:320px;} } */ .testeindex { z-index: 2; } .container { display: flex; position: relative; width: 100%; max-width: 600px; z-index: 1; } .container .clip { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: 0.5s; } /* A quantidade de DLC's vai mudar um pouco código, vou deixar abaixo o modelo caso o jogo tenha 1, 2 e 4 DLC's, caso o jogo que você tenha mais do que 4, pode me mandar msg que te ajudo a criar o código pra ele. A única coisa que precisa mudar é o codigo clip-path e seus valores e, logicamente, a quantidade de clip.clip de acordo com a quantidade de DLC's. Ex: no meu caso são 3 dlc's mais o jogo base, então tenho que ter clip-clip1 até o clip-clip4. Agora vamos ao clip-path. Jogo com 1 DLC: .container .clip.clip1 { padding-top: 50%; background: url(https://i.imgur.com/4Pm9RH5.jpg); background-size: cover; clip-path: polygon(0 0, 100% 0, 0 100%, 0% 100%); } .container .clip.clip2 { padding-top: 50%; background: url(https://i.imgur.com/v6EmZqx.png); background-size: cover; clip-path: polygon(100% 0, 100% 0, 100% 100%, 0 100%); } Jogo com 2 DLC: .container .clip.clip1 { padding-top: 50%; background: url(https://i.imgur.com/4Pm9RH5.jpg); background-size: cover; clip-path: polygon(0 0, 0 0, 60% 0, 0 100%); } .container .clip.clip2 { padding-top: 50%; background: url(https://i.imgur.com/v6EmZqx.png); background-size: cover; clip-path: polygon(60% 0, 100% 0, 100% 40%, 0 100%); } .container .clip.clip3 { padding-top: 50%; background: url(https://i.imgur.com/QOznQnd.jpg); background-size: cover; clip-path: polygon(100% 40%, 100% 40%, 100% 100%, 0 100%); } Jogo com 4 DLC: .container .clip.clip1 { padding-top: 50%; background: url(https://i.imgur.com/4Pm9RH5.jpg); background-size: cover; clip-path: polygon(0 0, 0 0, 40% 0, 0 100%); } .container .clip.clip2 { padding-top: 50%; background: url(https://i.imgur.com/v6EmZqx.png); background-size: cover; clip-path: polygon(40% 0, 80% 0, 80% 0, 0 100%); } .container .clip.clip3 { padding-top: 50%; background: url(https://i.imgur.com/QOznQnd.jpg); background-size: cover; clip-path: polygon(80% 0, 100% 0, 100% 20%, 0 100%); } .container .clip.clip2 { padding-top: 50%; background: url(https://i.imgur.com/v6EmZqx.png); background-size: cover; clip-path: polygon(100% 20%, 100% 35%, 100% 65%, 0 100%); } .container .clip.clip3 { padding-top: 50%; background: url(https://i.imgur.com/QOznQnd.jpg); background-size: cover; clip-path: polygon(100% 65%, 100% 100%, 100% 100%, 0 100%); } O atributo font-size também precisa de um pouco de atenção, visto que as palavras vão terão tamanhos diferentes dependendo do nome da dlc's, então você pode ir mexendo nos valores dentro da TAG clamp pra deixar a seu gosto. Os valores dentro dessa TAG funcionam de forma responsiva e cada um deles define um tamanho, o primeiro valor, no meu caso é .2m, seria o mínimo tamanho que ele deve ficar, os valores .2em + 1vw é o tamanho ideal e o valor 1em é o tamanho máximo que eu quero. Vá mexendo que rápido se aprende a usar o Clamp. */ .container .clip.clip1 { padding-top: 50%; background: url(https://i.imgur.com/4Pm9RH5.jpg); background-size: cover; clip-path: polygon(0 0, 50% 0, 0 100%, 0% 100%); } .container .clip.clip2 { padding-top: 50%; background: url(https://i.imgur.com/v6EmZqx.png); background-size: cover; clip-path: polygon(50% 0, 100% 0, 0 100%, 0% 100%); } .container .clip.clip3 { padding-top: 50%; background: url(https://i.imgur.com/QOznQnd.jpg); background-size: cover; clip-path: polygon(100% 0, 100% 50%, 0 100%, 0% 100%); } .container .clip.clip4 { padding-top: 50%; background: url(https://i.imgur.com/Or09ocq.jpg); background-size: cover; clip-path: polygon(100% 50%, 100% 100%, 0 100%, 0% 100%); } .container:hover .clip { clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); } .container .clip:hover { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } .container .clip .content { position: absolute; bottom: -100%; left: 0; width: 50%; padding: 2px; background: black; opacity: 0; color: #f76d22; font-size: clamp(.2em, .2em + 1vw, 1em); transition: 0.5s; } .container .clip:hover .content { bottom: 0; opacity: 1; }</style> <div class="content-guia"> <p style="text-align:center;"> <strong>Guia de trof&eacute;us:&nbsp;<a class="testeindex" href="http://www.mypst.com.br/jogos/NPWR15315_00/" rel="external nofollow" style="text-decoration:none" target="_blank"><span style="color: #f76d22;">Tom clancy&#39;s The Division - Jogo Base + DLC&#39;s</span></a></strong> </p> </div> Lembre-se de substituir as urls atuais, pelas urls das imagens que você usaria em seu guia (Jogo Base e DLC's).
  20. 1 ponto
    Bom dia Guiadores, regra atualizada ! 3.4 - O guiador tem a liberdade de escolher utilizar os banners originais do guia ou criar os seus a seu gosto . Somente voltamos a regra antiga, com a possibilidade de usar a original.
  21. 1 ponto
    Badges of destiny [topo] Ganha todos os troféus. Conquistará após obter todos os troféus do jogo. Who dares challenge me? [topo] Completar todos os desafios de nível III. O jogo não possui um menu específico para acompanhar o progresso de experiência alcançado. É necessário realizar ações e anotar conforme concluir e sempre acompanhando na tela quando aparecer a premiação. Grande parte dos desafios realizei sendo host e os valores não batem com o que é apresentado. Enquanto jogar, perceberá que não há como saber como os desafios são configurados, exceto as mortes para os desafios Mestre e Veterano. Obtive premiação antecipada para alguns dos desafios de tiro na cabeça. Deverá anotar tudo conforme concluir cada partida e sempre prestar atenção na tela afim de avistar a premiação do desafio que estiver tentando concluir. Nas mortes com armas, a partir de 50 já é possível obter o nível III, contudo, ignore esse desafio e foque apenas no desafios que demandam tiro na cabeça. Segue abaixo um Checklist dos desafios necessários para obtenção da conquista. No one in sight… [topo] Vencer uma partida em cada mapa, em cada modo de jogo. Ganhe uma partida em cada mapa, em cada modo de jogo. Necessário jogar 50 partidas. Segue abaixo um Checklist dos mapas e modos de jogo necessários para obtenção da conquista. Money walks [topo] Compre todo o equipamento. Necessário comprar todos os equipamentos, armas (Primary Weapon), miras (Scopes), projéteis (Projectiles), armadilhas (Booby Traps) e habilidades (Abilities). Custo total de $30,000 para desbloquear todo o equipamento. Report! [topo] Atinge o escalão mais elevado (Comandante). Precisará de 100.000 XP para a classificação de "Comandante". Gun running [topo] Compre todas as armas. Existem 6 armas e 3 já são desbloqueadas. Custo total de $3.000 para desbloquear a Razunov, Chupchester DD e Wilther WI2000. Never two without three [topo] Completa um desafio de Nível III. Necessário completar um desafio de nível III. Ver Who dares challenge me?. Stunningly class [topo] Completa todos os desafios de Nível I. Necessário completar todos os desafios de nível I. Ver Who dares challenge me?. Grand Slam [topo] Vence um jogo em cada modo de jogo. Necessário vencer em todos os 5 modos de jogo: Free For All, Contract, Team Deathmatch, Last Team Standing e Where's The Flag?. Pode ser realizado em partida privada. Ver No one in sight…. On familiar ground [topo] Vence um jogo em cada mapa. Necessário vencer em todos os 10 mapas: Terminal, Warehouse, Piers, Face To Face, Bridge, 62nd Street, Business District, The Mall, Rooftops e Downtown. Pode ser realizado em partida privada. Ver No one in sight…. Scope dope [topo] Compra todas as Miras. Necessário comprar todas as miras (Scopes). Custo total de $6.000 para desbloquear a Variable Scope, Thermal Vision e Through-Wall Vision. Pineapple express [topo] Compra todos os projeteis. Necessário comprar todos os projeteis (Projectiles). Custo total de $1,500 para desbloquear a Smoke Granade (Granada De Fumaça), Stun Granade (Granada Para Atordoar) e o Motion Sensor (Mostra os inimigos próximos). A product that'll blow you away [topo] Compra todas as armadilhas. Necessário comprar todos as armadilhas (Booby Traps). Custo total de $2.500 para desbloquear a C4, Claymore e a Mina de proximidade. Able to work [topo] Compra todo o equipamento de habilidades. Necessário comprar todas as habilidades. Custo total de $17.000 para desbloquear a Resistance, Speed, Explosions, Invisibility, Drone, Stealth, Silent Assassin, Granade Vest, Damage e Explosives Detector. Earning your stripes [topo] Quando for promovido a Tenente I. Basta alcançar a classificação de Tenente I. Precisará de 100.000 XP para a classificação de "Comandante". Ver Report!. Keener than thou, stay away... [topo] Esfaqueia um inimigo pelas costas. Para matar com a faca basta pressionar o . Ver Exe-cutter. Out of it [topo] Mata um inimigo que tenha sido atordoado por uma granada. Deverá comprar a granada de atordoamento (Stun Granade) que custa $500. Pressione para utilizar contra um inimigo para atordoá-lo e depois matá-lo. You've lost your head! [topo] Mata um inimigo com um tiro na cabeça. Basta matar um inimigo com um tiro na cabeça. Exe-cutter [topo] Mata um inimigo com uma faca. Para matar com a faca basta pressionar o . Ver Keener than thou, stay away.... What a blast! [topo] Mata um inimigo com um explosivo. Basta matar um inimigo com um explosivo: Granada, C4, Claymore ou Mina de proximidade. Return to sender [topo] Mata um inimigo atirando-lhe a granada de volta. Quando um inimigo lançar uma granada com , aparecerá um ícone de uma mão na tela, momento que deverá apertar para devolver a granada e matar o inimigo que arremessou. Hot head [topo] Mata um inimigo e a ti próprio com uma granada. Mantenha pressionado estando ao lado de um inimigo e aguarde a granada explodir para matar ambos. Piercing eyes [topo] Mata um inimigo através de uma parede. Não precisa ser uma parede. Pode ser qualquer objeto de cenário: vidro, grade, cerca com tela de aço, entre outras possibilidades. Mine sweeping underway [topo] Destrói um explosivo inimigo. Basta destruir um artefato explosivo instalado por um inimigo: C4, Claymore ou Mina de proximidade. Very discretely [topo] Mata um inimigo com um silenciador. Mate um inimigo com uma arma equipada com silenciador. Custo de $ 2.000 para comprar a Habilidade de Assassino Silencioso. Fireworks [topo] Mata vários inimigos com um explosivo. Precisa matar dois inimigos com um explosivo. Necessário haver pelo menos três jogadores na partida. Catch me if you can... [topo] Mata um inimigo preso no seu gancho. Necessário posicionar-se em local mais alto que o inimigo, como um telhado, contêiner, por exemplo. Pode ser realizado com os jogadores frente a frente em média distância. O jogador que obterá a conquista deverá mirar no inimigo. O inimigo deverá apertar para usar o gancho. Quando o inimigo for puxado será necessário atirar para matar, obtendo assim, a conquista. No quarter [topo] Vence um jogo em modo de Combate Livre (Free For All). Ganhe uma partida no modo de Combate Livre (Free For All). Pode ser jogado com dois jogadores em partida privada, sendo customizável todos os objetivos de partida. A sense of sharing [topo] Vence uma Partida em Equipa Até à Morte (Team Deathmatch). Ganhe uma partida no modo de Equipa Até à Morte (Team Deathmatch). Pode ser jogado com dois jogadores em partida privada, sendo customizável todos os objetivos de partida. The One [topo] Vence um jogo em modo de Última Equipa a Sobreviver (Last Team Standing). Ganhe uma partida no modo de Última Equipa a Sobreviver (Last Team Standing). Pode ser jogado com dois jogadores em partida privada, sendo customizável todos os objetivos de partida. Flag'n'drop [topo] Vence um jogo em modo de Capturar a Bandeira (Capture the Flag). Ganhe uma partida no modo de Capturar a Bandeira (Capture the Flag). Pode ser jogado com dois jogadores em partida privada, sendo customizável todos os objetivos de partida. Contract signed [topo] Vence um jogo em modo de Contrato (Contract). Ganhe uma partida no modo de Contrato (Contract). Pode ser jogado com três jogadores em partida privada, sendo customizável todos os objetivos de partida. Atenção: Necessário haver pelo menos três jogadores na partida. Pressione para descobrir quem é o alvo. On the radar [topo] Primeira utilização de uma Sonda. Aperte para ativar a Sonda e notará que o radar apontará os inimigos próximos. Pode ser obtido durante o Tutorial. Appetizer [topo] Termina o tutorial. Basta concluir o Tutorial. O Tutorial é um treino rápido para demonstrar ao jogador os comandos e habilidades disponíveis no jogo. Shopeteer [topo] Primeira compra de equipamento. Necessário comprar um equipamento, sendo: armas (Primary Weapon), miras (Scopes), projéteis (Projectiles), armadilhas (Booby Traps) e habilidades (Abilities). Custo total de $30,000 para desbloquear todo o equipamento. Trigger happy [topo] Quando fores promovido a Sargento. Basta alcançar a classificação de Sargento I. Precisará de 100.000 XP para a classificação de "Comandante". Ver Report!. Arms in the air [topo] Primeira compra de armas. Necessário comprar uma arma. Existem 6 armas e 3 já são desbloqueadas. Custo total de $3.000 para desbloquear a Razunov, Chupchester DD e Wilther WI2000.
Líderes está configurado para São Paulo/GMT-03:00
×
×
  • Criar Novo...