API tools faq
paste
WeslleySSGames

Entrada

WeslleySSGames
May 18th, 2020
175
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 16.66 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html>
  3. <html lang='pt-BR'>
  4.   <head>
  5.     <link href='//fonts.googleapis.com/css?family=Open+Sans:300,400,600' rel='stylesheet' type='text/css'/>
  6.     <link href='//fonts.googleapis.com/css?family=Luckiest+Guy:300,400,600' rel='stylesheet' type='text/css'/>
  7.     <link href='//fonts.googleapis.com/css?family=Oswald:300,400,600' rel='stylesheet' type='text/css'/>
  8.     <link href='//fonts.googleapis.com/css?family=Helvetica:300,400,600' rel='stylesheet' type='text/css'/>
  9.     <link href='//fonts.googleapis.com/css?family=Muli:300,400,600' rel='stylesheet' type='text/css'/>
  10.     <link href='//fonts.googleapis.com/css?family=Raleway:200,300,400,600' rel='stylesheet' type='text/css'/>
  11.     <link href='//fonts.googleapis.com/css?family=PT+Sans:200,300,400,600' rel='stylesheet' type='text/css'/>
  12.     <link href='//fonts.googleapis.com/css?family=Roboto:200,300,400,600' rel='stylesheet' type='text/css'/>
  13.     <link href='//fonts.googleapis.com/css?family=Maven+Pro:200,300,400,600' rel='stylesheet' type='text/css'/>
  14.     <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
  15.     <title>SSGAMERS - 9 Anos online no Brasil.</title>
  16.     <link rel="shortcut icon" href="https://web.archive.org/web/20190415121448im_/https://i.imgur.com/X9u1g5r.png" type="image/x-icon"/>
  17.     <style>
  18.       html, body {
  19.     background: #253848;
  20.     margin: 0;
  21.     padding: 0;
  22. }
  23.      
  24.       /* Mobile Styles */
  25. @media only screen and (max-width: 1000px) {
  26.   #fundo {
  27.     width: 10% !important;
  28.   }
  29.       #video {
  30.           margin-right: 105px !important;
  31.       }
  32. }
  33.      
  34.     #parceirosnovo {
  35.     float: left;
  36.     margin-left: 14px;
  37.     padding: 0px 75px 15px;
  38.     border-radius: 0px 15px;
  39.     background: #0d1e29a6;
  40. }
  41.      
  42.     #parceirosnovo span {
  43.     padding: 13px;
  44.     display: block;
  45.     font-size: 15px;
  46.     text-transform: uppercase;
  47.     text-align: center;
  48. }
  49.      
  50. div.regras ul li a, div.parceiros ul li a.seja {
  51.     padding: 3px 15px;
  52.     background: #ffba3c;
  53.     color: white;
  54.     border-radius: 5px;
  55.     float: right;
  56.     margin-top: 6px;
  57. }
  58.      
  59.       div.parceiros ul li {
  60.     border-left: 2px solid #7d7d7d;
  61.     margin-bottom: 4px;
  62.       margin-left: 10px;
  63.     text-align: left;
  64.     background: linear-gradient(88deg, #0f232f, #142d3c, transparent);
  65.     padding-left: 10px;
  66. }
  67.      
  68.       div.parceiros span {
  69.     padding-bottom: 13px;
  70.     display: grid;
  71.     font-size: 15px;
  72.     text-transform: uppercase;
  73. }
  74.      
  75.       div.parceiros ul li a:hover {
  76.     color: orange;
  77. }
  78.      
  79.       div.parceiros ul li:hover {
  80.     border-color: orange;
  81.     background: linear-gradient(88deg, #2f404d, #142d3c, transparent);
  82. }
  83.      
  84.       div.parceiros ul li a {
  85.     color: #7d7d7d;
  86.     line-height: 2;
  87. }
  88.      
  89.       div.parceiros ul li a.seja {
  90.     padding: 3px 17.359px;
  91.     margin-top: 4px;
  92.     margin-bottom: 6px;
  93.     margin-right: 17px;
  94. }
  95.      
  96.       div.parceiros span a#icon:after {
  97.       margin-top: 2px;
  98.     content: '';
  99.     background: none;
  100.     border-color: #dfdfdf;
  101.     border-left: 5px solid;
  102.     border-top: 5px solid;
  103.     cursor: pointer;
  104.     float: right;
  105.     height: 7px;
  106.     margin-right: 15px;
  107.     transform: rotate(315deg);
  108.     width: 7px;
  109. }
  110.      
  111.       div.parceiros ul li a.seja:hover {
  112.     color: white;
  113. }
  114.       div.regras ul li a:hover, div.parceiros ul li a.seja:hover {
  115.       background: orange;
  116.       }
  117.      
  118.       a {
  119.       transition: all 1s ease-in-out;
  120.       text-decoration: none;
  121.       }
  122.      
  123.       ul, li {
  124.       transition: all 1s ease-in-out;
  125.       list-style: none;
  126.       margin: 0;
  127.       padding: 0;
  128.       }
  129.      
  130.       div#video iframe {
  131.     width: 476px;
  132.     border: 2px solid orange;
  133.     height: 268px;
  134.     border-radius: 5px;
  135. }
  136.      
  137.       #menu ul li a {
  138.       padding: 5px;
  139.       color: white;
  140.       }
  141.      
  142.      
  143.       div#conteudo {
  144.     background: #182e4a75;
  145.     height: 100%;
  146.     margin: 0;
  147.     padding: 0;
  148.     float: left;
  149.     width: 100%;
  150.     position: absolute;
  151. }
  152.  
  153.       div#fundo {
  154.     background: #132a3ade;
  155.     background-position: right;
  156.     width: 89%;
  157.     border-radius: 14px;
  158.     display: table;
  159.     margin: 0 auto;
  160.     margin-top: 118px;
  161.     border: 3px solid #0d1e29;
  162. }
  163.      
  164.       div#bannerssgamers {
  165.     background: url(https://i.imgur.com/cmve6zI.png) no-repeat bottom;
  166.     width: 437px;
  167.     height: 146px;
  168.     top: 0;
  169.     position: absolute;
  170.     right: 119px;
  171. }
  172.      
  173.       #menu {
  174.     left: 143px;
  175.     height: 34px;
  176.     top: 77px;
  177.     line-height: 3;
  178.     position: absolute;
  179. }
  180.      
  181.       #menu ul li a:hover {
  182.     background: #cc8400;
  183.       }
  184.      
  185.       #menu ul li a {
  186.     padding: 9px 27px;
  187.     color: white;
  188.     background: #0d1e29;
  189.     border-radius: 5px 5px 0px 0px;
  190.     font-size: 14px;
  191.     margin-left: 10px;
  192.     margin-right: -6px;
  193.     font-family: Arial;
  194.     font-weight: bolder;
  195.     text-transform: uppercase;
  196. }
  197.      
  198.       div#conteudotopo {
  199.     float: left;
  200.     margin: 10px;
  201.     width: 678px;
  202.     background: #ffffff1c;
  203.     border-radius: 7px;
  204.     padding-bottom: 19px;
  205. }
  206.      
  207.       div#video {
  208.     float: right;
  209.     margin-top: 25px;
  210.     margin-right: 20px;
  211. }
  212.      
  213.       div#video .trailer {
  214.     font-size: 34px;
  215.     font-family: Arial;
  216.     text-align: center;
  217.     color: white;
  218.     line-height: 2;
  219. }
  220.      
  221.       div#video .trailer span {
  222.     color: orange;
  223. }
  224.      
  225.       div#menubaixo {
  226.     font-size: 14px;
  227.     float: left;
  228.     color: white;
  229.     font-family: Arial;
  230. }
  231.      
  232.       div#msgbemvindo {
  233.     font-size: 19px;
  234.     float: left;
  235.     margin-top: 18px;
  236.     font-family: "Open Sans", Arial, sans-serif;
  237.     color: white;
  238.     font-weight: lighter;
  239.     margin-left: 90px;
  240. }
  241.      
  242.       div#msgbemvindo span {
  243.     font-size: 32px;
  244. }
  245.      
  246.       div#menubaixo .parceiros {
  247.     background: #0d1e29a6;
  248.     float: left;
  249.     border-radius: 15px 0px;
  250.     padding: 17px 0px 3px 0px;
  251.     margin-left: 10px;
  252.     text-align: center;
  253.     width: 300px;
  254. }
  255.      
  256.       #sumir {
  257.     margin-left: 17px;
  258. }
  259.      
  260.       div.parceiros span a {
  261.     color: orange;
  262.     width: 206px;
  263.     margin-left: 49px;
  264. }
  265.  
  266. div.parceiros span a:after {
  267.     content: '';
  268.     background: none;
  269.     border-color: #dfdfdf;
  270.     border-left: 5px solid;
  271.     border-top: 5px solid;
  272.     cursor: pointer;
  273.     float: right;
  274.     height: 7px;
  275.     margin-right: 15px;
  276.     transform: rotate(225deg);
  277.     width: 7px;
  278. }
  279.      
  280.       div#menubaixo .regras {
  281.     background: #0d1e29a6;
  282.     float: left;
  283.     border-radius: 15px 0px;
  284.     padding: 17px;
  285.     height: 240px;
  286.     margin-left: 10px;
  287.     text-align: left;
  288.     width: 300px;
  289.     line-height: 2;
  290.     box-shadow: inset #0b1821 0px 0px 4px 0px;
  291. }
  292.      
  293.       div#menubaixo .regras span {
  294.     text-align: center;
  295.     width: 100%;
  296.     float: left;
  297.     font-size: 18px;
  298.       color: orange;
  299. }
  300.      
  301.       div#menubaixo .regras ul span {
  302.     font-size: 14px;
  303. }
  304.      
  305.       a#reportbug {
  306.     position: fixed;
  307.     background: #6f0000;
  308.     border-radius: 5px;
  309.     color: white;
  310.       opacity: 0.3;
  311.     font-size: 12px;
  312.     text-transform: uppercase;
  313.     padding: 5px;
  314.     font-family: "Open Sans", Arial, sans-serif;
  315.     bottom: 10px;
  316.     left: 5px;
  317.     z-index: 9;
  318. }
  319.      
  320.       a#reportbug:hover {
  321.       opacity: 1;
  322.       }
  323.      
  324.       div.patrocinadores marquee {
  325.     padding: 0 5px;
  326.     margin-top: -5px;
  327. }
  328.      
  329.       div.patrocinadores {
  330.     background: #0d1e29a6;
  331.     border-radius: 15px 0px;
  332.     height: 67px;
  333.     clear: both;
  334.     font-family: Arial;
  335.     margin: 0 auto;
  336.     margin-bottom: 11px;
  337.     margin-top: 5px;
  338.     text-align: center;
  339.     width: 98.4%;
  340.     box-shadow: inset #0b1821 0px 0px 4px 0px;
  341. }
  342.      
  343.       div#patrocinadores {
  344.     float: left;
  345.     width: 100%;
  346. }
  347.      
  348.       footer {
  349.     width: 100%;
  350.     font-size: 13px;
  351.     text-shadow: black 1px 1px 2px;
  352.     text-align: center;
  353.     float: left;
  354.     font-family: "Roboto", Arial, sans-serif;
  355.     color: orange;
  356.     margin-top: 3px;
  357. }
  358.     .fundo1, .fundo2, .fundo3, .fundo4, .fundo5, .fundo6, .fundo7, .fundo8, .fundo9, .fundo10, .fundo11, .fundo12, .fundo13, .fundo14 {  
  359.     height: 100%;
  360.     width: 100%;
  361.     position: absolute;
  362.       }
  363.       .fundo1 {
  364.     background: url(https://i.imgur.com/HHeastF.jpg) repeat-x;
  365.     background-position: 0px -290px;
  366.     box-shadow: inset #000000 0px -240px 17px 0px;
  367.     background-color: #0b1527;
  368.       }
  369.     .fundo2 {
  370.     background: url(https://i.imgur.com/ejiCUOw.jpg) no-repeat;
  371.     background-size: cover;
  372.     background-position: 0px -35px;
  373.     }
  374.     .fundo3 {
  375.     background: url(https://images.habbo.com/c_images/reception/mute_reception_backdrop_left.png);
  376.     background-size: cover;
  377.     background-position: 0px 280px;
  378.     box-shadow: inset #0f2638 0px -450px 17px 0px;
  379. }
  380.      
  381.       .fundo4 {
  382.     background: url(https://www.transformice.com/wp-content/themes/Themice/images/fond.jpg) repeat-x;
  383.     background-position: -197px -147px;
  384.     box-shadow: inset #1e1915 0px -330px 17px 0px;
  385.     background-color: #0b1527;
  386. }
  387. .fundo5 {
  388.     background: url(https://rodiziodejogos.files.wordpress.com/2010/04/backgroundartworksa8.jpg) repeat-x;
  389.     background-position: -267px -84px;
  390.     box-shadow: inset #07121d 0px -330px 17px 0px;
  391.     background-color: #0b1527;
  392. }
  393.      
  394.       .fundo6 {
  395.     background: url(https://images3.alphacoders.com/871/87107.jpg) repeat-x;
  396.     background-position: 0px -335px;
  397.     box-shadow: inset #05090e 0px -150px 17px 0px;
  398.     background-color: #0b1527;
  399.     background-size: cover;
  400. }
  401.      
  402.       .fundo7 {
  403.     background: url(https://i.imgur.com/sqTg9Jo.jpg) repeat-x;
  404.     background-position: 0px -285px;
  405.     box-shadow: inset #2a5569 0px -247px 17px 0px;
  406.     background-size: cover;
  407. }
  408.      
  409.       .fundo8 {
  410.     background: url(https://i.redd.it/7oxe2g7t0y411.jpg) repeat-x;
  411.     background-position: 0px -131px;
  412.     box-shadow: inset #0f181f 0px -240px 17px 0px;
  413.     background-size: cover;
  414. }
  415.       .fundo9 {
  416.     background: url(https://gamebanana.com/guis/embeddables/31498?type=sd_image) repeat-x;
  417.     background-position: 0px -131px;
  418.     box-shadow: inset #7c9cca 0px -150px 17px 0px;
  419.     background-size: cover;
  420. }
  421.      
  422.       .fundo10 {
  423.     background: url(https://images.alphacoders.com/151/151911.jpg) repeat-x;
  424.     background-position: 0px -45px;
  425.     box-shadow: inset #0d1e29 0px -180px 17px 0px;
  426.     background-size: cover;
  427. }
  428.      
  429.       .fundo11 {
  430.     background: url(https://images6.alphacoders.com/592/592286.jpg) repeat-x;
  431.     background-position: 0px -399px;
  432.     box-shadow: inset #0d1e29 0px -280px 17px 0px;
  433.     background-size: cover;
  434. }
  435.      
  436.       .fundo12 {
  437.     background: url(https://i.pinimg.com/originals/10/d4/9b/10d49be6e34bb9d3d687ff1c10c1b05c.png) repeat-x;
  438.     background-position: 0px -354px;
  439.     box-shadow: inset #6ca9c5 0px -350px 17px 0px;
  440.     background-size: cover;
  441. }
  442.      
  443.       .fundo13 {
  444.     background: url(https://wallpaperplay.com/walls/full/7/9/3/389666.jpg) repeat-x;
  445.     background-position: 0px -32px;
  446.     background-size: cover;
  447. }
  448.      
  449.       .fundo14 {
  450.     background: url(https://steamuserimages-a.akamaihd.net/ugc/946212858972232068/8B1FBE900F3DF19689A782AA418C4E6B341DE267/) repeat-x;
  451.     background-position: 0px -232px;
  452.     box-shadow: inset #192a3d 0px -350px 17px 0px;
  453.     background-size: cover;
  454. }
  455.      
  456.       div.patrocinadores span {
  457.     font-size: 15px;
  458.     text-transform: uppercase;
  459.     line-height: 2;
  460.       font-weight: bold;
  461.       color: orange;
  462. }
  463.      
  464.       div.patrocinadores li a {
  465.     float: left;
  466.     padding: 11px;
  467.     background: #183346;
  468.     border-radius: 5px;
  469.     text-transform: uppercase;
  470.     color: #d3edff;
  471.     margin-right: 5px;
  472.       font-size: 13px;
  473. }
  474.       div.patrocinadores li a:hover {
  475.       background: #254f6d;
  476.       }
  477.      
  478.       #sumir {
  479.      
  480.       display: none;
  481.       }
  482.       </style>
  483.     <script>
  484. function mudaFundo(){
  485.   var fundos = ['fundo1','fundo2','fundo3','fundo4','fundo5','fundo6','fundo7','fundo8','fundo9','fundo10','fundo11','fundo12','fundo13','fundo14'];
  486.   document.getElementById('corpo').className = fundos[Math.floor(Math.random( ) * (fundos.length))];
  487. }
  488. </script>
  489.     <script language='javascript'>
  490.     function sumir(){
  491.     document.getElementById('sumir').style.display = 'none';
  492.       document.getElementById('mostrar').style.display = 'block';
  493. }
  494.      
  495.       function mostrar(){
  496.     document.getElementById('sumir').style.display = 'block';
  497.         document.getElementById('mostrar').style.display = 'none';
  498. }
  499.       </script>
  500.   </head>
  501.   <body id="corpo" class="fundo1" onload="mudaFundo();">
  502.     <a id="reportbug" href="mailto:contato@redetemplates.com?subject=[SSGamers/BUG] Encontrei um erro no novo tema.&body=Prezados%2C%20bom%20dia!%0A%0ALocalizei%20um%20bug%20no%20novo%20tema%20da%20SSGamers.%0A%0ALink%20da%20p%C3%A1gina%3A%0ALocal%3A%0AComo%20identificou%3A%0A%0AAtt%2C%0ASeu%20nome.">Encontrei um bug. Reportar!</a>
  503.   <div id="conteudo">
  504.     <div id="bannerssgamers"></div>
  505.    <div id="fundo">
  506.     <!-- MENU TOPO -->
  507.     <div id="menu">
  508.       <ul>
  509.         <li>
  510.           <a href="/forum">Fórum</a>
  511.           <a href="/portal">Portal</a>
  512.           <a href="/login">Acessar minha conta</a>
  513.           <a style="background: #cc8400;" href="/register">Registrar-se</a>
  514.         </li>
  515.       </ul>
  516.     </div>
  517.     <!-- FIM MENU TOPO -->
  518.     <div id="video">
  519.       <div class="trailer">Trailer <span>SS</span>Gamers</div>
  520.       <iframe allow='autoplay' src="https://www.youtube.com/embed/jDDtM2BwcIc?autoplay=1" frameborder='0'></iframe>                                              
  521.     </div>
  522.      <div id="conteudotopo">
  523.        <div id="msgbemvindo">
  524.          <span>Seja muito bem-vindo a SSGamers</span><br/>
  525.          O melhor e mais antigo fórum de games.
  526.          </div>
  527.        </div>
  528.     <div id="menubaixo">
  529.       <div id="mostrar" style="float: left;position: absolute;top: 25px;">
  530.       <div class="parceiros">
  531.         <span><a href='javascript:void(SSGamers);' id="icon" onclick='mostrar()'>Parceiros</a></span>
  532.       </div></div>
  533.       <div id="sumir" style="float: left;position: absolute; top: 23px;">
  534.       <div style="margin-left: -9px;background: #0d1e29;border: 2px solid orange;box-shadow: black 0px 0px 9px 3px;" class="parceiros">
  535.         <span><a href='javascript:void(SSGamers);' onclick='sumir()'>Parceiros</a></span>
  536.        
  537.         <ul>
  538.           <li><a href="#" target="_blank">Anuncie Aqui</a></li>
  539.           <li><a href="#" target="_blank">Anuncie Aqui</a></li>
  540.           <li><a href="#" target="_blank">Anuncie Aqui</a></li>
  541.           <li><a href="#" target="_blank">Anuncie Aqui</a></li>
  542.           <li><a href="https://www.redetemplates.com" target="_blank">Rede Templates</a></li>
  543.           <li><a class="seja" href="#">Seja um parceiro</a></li>
  544.         </ul>
  545.       </div></div>
  546.       <div class="regras">
  547.         <span>Para seu conhecimento</span>
  548.         <ul>
  549.           <span>Regras para os fóruns/tópicos</span>
  550.           <li>1° Proibido criar fóruns idênticos.</li>
  551.           <li>2° Proibido flood/spam em fóruns.</li>
  552.           <li>3° Proibido divulgar outros fóruns/blogs/sites.</li>
  553.           <li>4° Proibido trollar forumeiros/sites/blogs sem autorização de um administrador da SSGamers.</li>
  554.           <li><a href="/f3-regulamento-da-ssgamers">Continuar lendo...</a></li>
  555.         </ul>
  556.       </div>
  557.       <div id="parceirosnovo">
  558.         <span>Parceiros</span>
  559.       <ul>
  560.         <li><a href="https://www.animestrue.site/" target="_blank"><img src="https://i.imgur.com/NS8gAAs.png"/></a></li>
  561.         <li><a href="https://www.infoanime.com.br/" target="_blank"><img src="https://www.infoanime.com.br/botaosite_180x40.gif"/></a></li>
  562.         <li><a href="https://www.redetemplates.com/" target="_blank"><img src="https://i.imgur.com/rulHO2D.png"/></a></li>
  563.         <li><a href="https://www.geekpopnews.com.br/" target="_blank"><img src="https://i.imgur.com/ff0tdpr.png"/></a></li>
  564.         <li><a href="https://pokemonnewscenter.com.br/" target="_blank"><img src="https://i.imgur.com/iJU7EKO.gif"/></a></li>
  565.     </ul>
  566.           </div>
  567.     </div>
  568.      <div id="patrocinadores">
  569.      <div class="patrocinadores">
  570.         <span>Patrocinadores</span>
  571.         <marquee behavior="alternate" scrolldelay="200">
  572.           <li><a href="http://imperiovendas.com/" target="_blank">Imperiovendas</a></li>
  573.           <li><a href="https://www.logicahost.com.br/" target="_blank">Logicahost</a></li>
  574.        </marquee>
  575.       </div></div>
  576.    </div> <footer>
  577.       <div id="footer">© COPYRIGHTS SSGAMERS 2011 - 2020. TODOS OS DIREITOS RESERVADOS.
  578.       </div>
  579.     </footer>
  580.     </div>
  581.     <a href="https://www.forumeiros.com"></a>
  582.   </body>
  583. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!