Início
Steam
- Código:
<!DOCTYPE html>
<html lang='pt-BR'>
<head>
<title>SSGAMERS - 12 Anos online no Brasil.</title>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta name="author" content="Rede Templates" />
<script crossorigin='anonymous' src='https://kit.fontawesome.com/c62663f66b.js'></script>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600' rel='stylesheet' type='text/css'/>
<link href='https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css' rel='stylesheet' type='text/css'/>
<link rel="shortcut icon" href="https://web.archive.org/web/20190415121448im_/https://i.imgur.com/X9u1g5r.png" type="image/x-icon"/>
<style>
html, body {
margin: 0;
padding: 0;
font-family: "Arial", sans-serif;
height: 100%;
overflow-y: hidden;
}
body {
background: url(https://i.imgur.com/HHeastF.jpg) repeat-x;
background-position: 0px -290px;
box-shadow: inset #000000 0px -240px 17px 0px;
background-color: #000;
}
a {
transition: all 1s ease-in-out;
text-decoration: none;
}
ul, li {
transition: all 1s ease-in-out;
list-style: none;
margin: 0;
padding: 0;
}
#menu ul li {
float: left;
}
#entrada {
background: #182e4a75;
height: 100%;
margin: 0;
padding: 0;
float: left;
width: 100%;
position: absolute;
}
.bannerssgamers {
background: url(https://i.imgur.com/cmve6zI.png) no-repeat top;
width: 405px;
height: 76px;
background-position: -30px -58px;
margin-top: 26px;
}
.bannerssgamers:after {
content: 'Há 10 anos revolucionando servidores de jogos/informática com você!';
color: white;
font-family: Arial;
font-size: 13px;
margin-top: 80px;
float: left;
}
.fundo1, .fundo2, .fundo3, .fundo4, .fundo5, .fundo6, .fundo7, .fundo8, .fundo9, .fundo10, .fundo11, .fundo12, .fundo13, .fundo14 {
width: 100%;
height: 100%;
position: absolute;
}
.fundo1 {
background: url(https://i.imgur.com/HHeastF.jpg) repeat-x;
background-position: 0px -290px;
box-shadow: inset #000000 0px -240px 17px 0px;
background-color: #000;
}
.fundo2 {
background: url(https://i.imgur.com/ejiCUOw.jpg) no-repeat;
background-size: cover;
background-position: 0px -35px;
}
.fundo3 {
background: url(https://images.habbo.com/c_images/reception/mute_reception_backdrop_left.png);
background-size: cover;
background-position: 0px 280px;
box-shadow: inset #0f2638 0px -450px 17px 0px;
}
.fundo4 {
background: url(https://www.transformice.com/wp-content/themes/Themice/images/fond.jpg) repeat-x;
background-position: -197px -147px;
box-shadow: inset #1e1915 0px -330px 17px 0px;
background-color: #0b1527;
}
.fundo5 {
background: url(https://rodiziodejogos.files.wordpress.com/2010/04/backgroundartworksa8.jpg) repeat-x;
background-position: -267px -84px;
box-shadow: inset #07121d 0px -330px 17px 0px;
background-color: #0b1527;
}
.fundo6 {
background: url(https://images3.alphacoders.com/871/87107.jpg) repeat-x;
background-position: 0px -335px;
box-shadow: inset #05090e 0px -150px 17px 0px;
background-color: #0b1527;
background-size: cover;
}
.fundo7 {
background: url(https://i.imgur.com/sqTg9Jo.jpg) repeat-x;
background-position: 0px -285px;
box-shadow: inset #2a5569 0px -247px 17px 0px;
background-size: cover;
}
.fundo8 {
background: url(https://i.redd.it/7oxe2g7t0y411.jpg) repeat-x;
background-position: 0px -131px;
box-shadow: inset #0f181f 0px -240px 17px 0px;
background-size: cover;
}
.fundo9 {
background: url(https://gamebanana.com/guis/embeddables/31498?type=sd_image) repeat-x;
background-position: 0px -131px;
box-shadow: inset #7c9cca 0px -150px 17px 0px;
background-size: cover;
}
.fundo10 {
background: url(https://images.alphacoders.com/151/151911.jpg) repeat-x;
background-position: 0px -45px;
box-shadow: inset #0d1e29 0px -180px 17px 0px;
background-size: cover;
}
.fundo11 {
background: url(https://images6.alphacoders.com/592/592286.jpg) repeat-x;
background-position: 0px -399px;
box-shadow: inset #0d1e29 0px -280px 17px 0px;
background-size: cover;
}
.fundo12 {
background: url(https://i.pinimg.com/originals/10/d4/9b/10d49be6e34bb9d3d687ff1c10c1b05c.png) repeat-x;
background-position: 0px -354px;
box-shadow: inset #6ca9c5 0px -350px 17px 0px;
background-size: cover;
}
.fundo13 {
background: url(https://wallpaperplay.com/walls/full/7/9/3/389666.jpg) repeat-x;
background-position: 0px -32px;
background-size: cover;
}
.fundo14 {
background: url(https://steamuserimages-a.akamaihd.net/ugc/946212858972232068/8B1FBE900F3DF19689A782AA418C4E6B341DE267/) repeat-x;
background-position: 0px -232px;
box-shadow: inset #192a3d 0px -350px 17px 0px;
background-size: cover;
}
header {
display: flex;
flex-direction: row;
justify-content: center;
height: 80px;
margin: 0 auto;
align-content: center;
align-items: center;
}
#sumirparceiros {
display: flex;
width: 50%;
margin-top: 10px;
}
a.parceiros {
background: #0d1e29a6;
border-radius: 15px 0px;
padding: 11px 0px;
margin-left: 10px;
text-align: center;
width: 299px;
font-size: 15px;
text-transform: uppercase;
color: orange;
font-family: "Arial", sans-serif;
border-left: 2px solid orange;
border-right: 2px solid orange;
}
a.parceiros i {
margin-left: 20px;
}
#mostrarparceiros {
display: none;
flex-direction: column;
width: 50%;
z-index: 2;
height: 0px;
margin-top: 10px;
}
.boxparceiros {
margin-left: 12px;
background: #0d1e29;
border: 2px solid orange;
box-shadow: black 0px 0px 9px 3px;
width: 296px;
display: flex;
flex-direction: column;
margin-top: -22px;
border-radius: 15px 0px;
}
.parceirosaberto {
border-radius: 15px 0px;
padding: 11px 0;
text-align: center;
width: 296px;
font-size: 15px;
text-transform: uppercase;
color: orange;
font-family: "Arial", sans-serif;
}
.parceirosaberto i {
margin-left: 20px;
}
.boxparceiros ul li {
margin-left: 10px;
font-size: 14px;
text-align: left;
}
.boxparceiros ul li a {
color: #7d7d7d;
background: linear-gradient(88deg, #0f232f, #142d3c, transparent);
line-height: 2;
border-left: 2px solid #7d7d7d;
padding-left: 10px;
float: left;
width: 93%;
margin-bottom: 3px;
transition: all 0.5s ease-in;
}
.boxparceiros ul li a:hover {
color: orange;
border-left: 2px solid orange;
background: linear-gradient(88deg, #0f232f, #604111, transparent);
transition: background-color 1000ms linear;
}
.conteudo {
width: 87.7%;
display: flex;
flex-direction: column;
justify-content: flex-start;
margin: 0 auto;
align-content: center;
max-width: 1210px;
}
.informacoes {
background: #132a3ade;
border-radius: 14px;
border: 3px solid #0d1e29;
}
#menu {
margin-left: 30px;
height: 41px;
line-height: 3;
}
#menu ul li a {
padding: 9px 27px;
color: white;
background: #0d1e29;
border-radius: 5px 5px 0px 0px;
font-size: 14px;
margin-left: 10px;
margin-right: -6px;
font-family: Arial;
font-weight: bolder;
text-transform: uppercase;
}
#menu ul li a:hover {
background: #cc8400;
}
.info-left {
color: white;
width: 100%;
z-index: 1;
float: left;
}
#conteudotopo {
float: left;
margin: 10px 0px 10px 10px;
width: 678px;
background: #ffffff1c;
border-radius: 7px;
padding-bottom: 19px;
}
#msgbemvindo {
font-size: 19px;
float: left;
margin-top: 18px;
font-family: "Open Sans", Arial, sans-serif;
color: white;
font-weight: lighter;
margin-left: 90px;
}
#msgbemvindo span {
font-size: 32px;
}
.regras {
font-family: "Arial", sans-serif;
background: #0d1e29a6;
float: left;
border-radius: 15px 0px;
padding: 17px;
height: 240px;
margin-left: 10px;
text-align: left;
width: 300px;
line-height: 2;
box-shadow: inset #0b1821 0px 0px 4px 0px;
}
.regras span {
text-align: center;
width: 100%;
float: left;
font-size: 18px;
color: orange;
}
.regras ul span {
font-size: 14px;
}
.regras ul li a, .boxparceiros ul li a.seja {
padding: 3px 15px;
background: #ffba3c;
color: white;
border-radius: 5px;
float: right;
margin-top: 6px;
width: unset;
}
.boxparceiros ul li a.seja {
margin-right: 10px;
margin-bottom: 9px;
border-left: 0px;
}
.regras ul li a:hover, .boxparceiros ul li a.seja:hover {
background: orange;
}
.regras li {
font-size: 14px;
}
#parceirosnovo {
float: left;
margin-left: 14px;
padding: 0px 75px 15px;
border-radius: 0px 15px;
background: #0d1e29a6;
}
#parceirosnovo span {
padding: 13px;
display: block;
font-size: 15px;
text-transform: uppercase;
text-align: center;
}
.info-right {
width: 42.333333%;
float: right;
}
#video {
float: right;
margin-top: 25px;
margin-right: 10px;
}
.trailer {
font-size: 34px;
font-family: Arial;
text-align: center;
color: white;
line-height: 2;
}
.trailer span {
color: orange;
}
#video iframe {
width: 476px;
border: 2px solid orange;
height: 268px;
border-radius: 5px;
}
#patrocinadores {
float: left;
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
align-content: center;
flex-wrap: nowrap;
}
.patrocinadores {
background: #0d1e29a6;
border-radius: 0px 0px 10px 0;
height: 44px;
clear: both;
font-family: Arial;
text-align: center;
box-shadow: inset #0b1821 0px 0px 4px 0px;
display: flex;
align-items: center;
width: 83%;
padding: 0;
margin: 10px 0 10px 0;
}
#patrocinadores:before {
content: 'PATROCINADORES:';
float: left;
font-size: 15px;
text-transform: uppercase;
line-height: 2.4;
font-weight: bold;
color: #ffe8bd;
margin-left: 2px;
background: #09171e;
border-radius: 10px 0 0px 10px;
padding: 4px 20px;
}
.patrocinadores marquee {
padding: 0px 5px;
width: 99%;
float: right;
}
.patrocinadores li a {
float: left;
padding: 11px;
background: #183346;
border-radius: 5px;
text-transform: uppercase;
color: #d3edff;
margin-right: 5px;
font-size: 13px;
}
footer {
width: 100%;
font-size: 11px;
text-shadow: black 1px 1px 2px;
text-align: center;
float: left;
font-family: "Roboto", Arial, sans-serif;
color: #ffc864;
margin-top: 7px;
}
/*-- Configurações Mobile
@media only screen and
(max-device-width: 600px) {
#mobile {
background: #182e4a75;
height: 100%;
margin: 0;
padding: 0;
float: left;
width: 100%;
position: fixed;
}
header {
flex-direction: column-reverse;
height: 140px;
}
body {
background-position: 0px 0px !important;
background-color: #000;
overflow-x: none;
}
#fundo {
width: 100% !important;
}
.conteudo {
width: 95% !important
}
#entrada {
background: unset;
}
#patrocinadores {
float: left;
width: 100%;
margin-left: 0;
}
.bannerssgamers {
width: 346px;
height: 68px;
background-position: -7px -40px;
margin-top: 5px;
margin-bottom: 9px;
margin-left: 0px;
background-size: cover;
}
.bannerssgamers:after {
font-size: 11px;
margin-top: 66px;
}
#sumirparceiros, #mostrarparceiros {
width: 94% !important;
margin-right: unset !important;
}
#sumirparceiros {
display: flex;
}
#mostrarparceiros {
margin-top: 48px !important;
flex-direction: column!important;
width: 100%!important;
}
.informacoes {
padding: 10px;
}
#video {
margin-top: 0px;
margin-right: 0px;
width: 99%;
float: left;
}
#video iframe {
width: 100%;
}
footer {
padding-bottom: 7px;
}
a.parceiros {
width: 100%;
margin: 0;
}
.boxparceiros {
width: 92%;
margin-top: -37px;
}
.parceirosaberto {
width: 100%;
}
.regras {
min-height: 264px;
height: unset;
width: 100%;
margin-bottom: 11px;
padding: 0;
margin-left: 0;
display: flex;
flex-direction: column;
align-items: center;
}
.regras ul {
padding: 10px;
}
#parceirosnovo {
display: flex;
margin-left: 0;
padding: 0px;
width: 100%;
flex-direction: column;
align-items: center;
padding-bottom: 10px;
}
#conteudotopo {
float: left;
margin: 10px 0px 10px 0px;
width: 100%;
padding-bottom: 0px;
}
#msgbemvindo {
margin: unset;
text-align: center;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
line-height: 1;
padding: 19px;
}
#menu ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
#menu ul li {
float: left;
}
#menu {
margin-left: 0px;
height: unset;
width: 100%;
margin-bottom: 5px;
}
#menu ul li a {
border-radius: 5px;
}
}
@media only screen and
(max-device-width: 1000px) {
#mobile {
background: #182e4a75;
height: 100%;
margin: 0;
padding: 0;
float: left;
width: 100%;
position: fixed;
}
header {
height: 140px;
}
body {
background-position: 0px 0px !important;
background-color: #000;
overflow-x: none;
}
#fundo {
width: 100% !important;
}
.conteudo {
width: 95% !important
}
#entrada {
background: unset;
}
#patrocinadores {
float: left;
width: 100%;
margin-left: 0;
}
.bannerssgamers {
width: 346px;
height: 68px;
background-position: -7px -40px;
margin-top: 5px;
margin-bottom: 9px;
margin-left: 0px;
background-size: cover;
}
.bannerssgamers:after {
font-size: 11px;
margin-top: 66px;
}
#sumirparceiros, #mostrarparceiros {
width: 34%;
margin-right: 80px;
}
#sumirparceiros {
display: flex;
}
#mostrarparceiros {
margin-top: 48px;
width: 35.045%;
margin-right: 71px
}
.informacoes {
padding: 10px;
}
#video {
margin-top: 0px;
margin-right: 0px;
width: 99%;
float: left;
}
#video iframe {
width: 100%;
}
footer {
padding-bottom: 7px;
}
a.parceiros {
width: 100%;
margin: 0;
}
.boxparceiros {
width: 92%;
margin-top: -37px;
}
.parceirosaberto {
width: 100%;
}
.regras {
min-height: 264px;
height: unset;
width: 100%;
margin-bottom: 11px;
padding: 0;
margin-left: 0;
display: flex;
flex-direction: column;
align-items: center;
}
.regras ul {
padding: 10px;
}
#parceirosnovo {
display: flex;
margin-left: 0;
padding: 0px;
width: 100%;
flex-direction: column;
align-items: center;
padding-bottom: 10px;
}
#conteudotopo {
float: left;
margin: 10px 0px 10px 0px;
width: 100%;
padding-bottom: 0px;
display: flex;
justify-content: center;
}
#msgbemvindo {
margin: unset;
text-align: center;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
line-height: 1;
padding: 19px;
flex-direction: column;
}
#menu ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
#menu ul li {
float: left;
}
#menu {
margin-left: 0px;
width: 100%;
}
}}*/
@media only screen and
(max-device-width: 1000px) {
.bannerssgamers {
margin-top: -11px;
}
.bannerssgamers:after {
font-size: 12px;
}
header {
height: 95px;
}
#video {
margin-left: 15px;
float: left;
margin-right: 0px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
margin-top: 0;
}
.conteudo {
width: 71.7%;
}
#sumirparceiros, #mostrarparceiros {
width: 33%;
}
#patrocinadores {
margin-left: 10px;
width: 97.3%;
}
#conteudotopo {
width: 97%;
}
}
</style>
<script>
function sumirparceiros(){
document.getElementById('mostrarparceiros').style.display = 'flex';
document.getElementById('sumirparceiros').style.display = 'none';
}
function mostrarparceiros(){
document.getElementById('mostrarparceiros').style.display = 'none';
document.getElementById('sumirparceiros').style.display = 'flex';
}
</script>
</head>
<body>
<div id="mobile"></div>
<div id="entrada">
<header>
<div id="sumirparceiros" class="animate__animated animate__fadeInDown">
<a class="parceiros" href="javascript:void(SSGamers);" id="icon" onclick="sumirparceiros()">Parceiros <i class="fa-solid fa-angle-left"></i></a>
</div>
<div id="mostrarparceiros" class='animate__animated animate__fadeInDown'>
<div class="boxparceiros" class="parceiros">
<a class="parceirosaberto" href="javascript:void(SSGamers);" onclick="mostrarparceiros()">Parceiros <i class="fa-solid fa-angle-down"></i></a>
<ul>
<li><a href="#" target="_blank">Anuncie Aqui</a></li>
<li><a href="#" target="_blank">Anuncie Aqui</a></li>
<li><a href="#" target="_blank">Anuncie Aqui</a></li>
<li><a href="#" target="_blank">Anuncie Aqui</a></li>
<li><a href="#" target="_blank">Anuncie Aqui</a></li>
<li><a class="seja" href="#">Seja um parceiro</a></li>
</ul>
</div></div>
<div class="animate__animated animate__fadeInRight bannerssgamers"></div>
</header>
<div class="conteudo">
<div id="menu" class="animate__animated animate__fadeInLeft">
<ul>
<li><a href="/forum">Fórum</a></li>
<li><a href="/portal">Portal</a></li>
<li><a href="/login">Acessar minha conta </a></li>
<li><a style="background: #cc8400;" href="/register">Registrar-se</a></li>
</ul>
</div>
<div class="informacoes">
<div class="info-left">
<div id="video">
<div class="trailer">Trailer <span>SS</span>Gamers</div>
<iframe allow="autoplay" src="https://www.youtube.com/embed/UhkN79XG6K4" frameborder="0"></iframe>
</div>
<div id="conteudotopo">
<div id="msgbemvindo">
<span>Seja muito bem-vindo a SSGamers</span><br>
O melhor e mais antigo fórum de games.
</div>
</div>
<div class="regras">
<span>Para seu conhecimento</span>
<ul>
<span>Regras para os fóruns/tópicos</span>
<li>1° Proibido criar fóruns idênticos.</li>
<li>2° Proibido flood/spam em fóruns.</li>
<li>3° Proibido divulgar outros fóruns/blogs/sites.</li>
<li>4° Proibido trollar forumeiros/sites/blogs sem autorização de um administrador da SSGamers.</li>
<li><a href="/f3-regulamento-da-ssgamers">Continuar lendo...</a></li>
</ul>
</div>
<div id="parceirosnovo">
<span>Parceiros</span>
<ul>
<li><a href="https://animescx.com.br/" target="_blank"><img src="https://i.imgur.com/mlLs50c.gif" style="width: 180px; height: 40px;"></a></li>
<li><a href="https://www.infoanime.com.br/" target="_blank"><img src="https://www.infoanime.com.br/botaosite_180x40.gif"></a></li>
<li><a href="https://megafilmehd.org/" target="_blank"><img src="https://i.imgur.com/L52Bk6E.png"></a></li>
<li><a href="https://www.geekpopnews.com.br/" target="_blank"><img src="https://i.imgur.com/ff0tdpr.png"></a></li>
<li><a href="https://baixarmusicasmp3.net/" target="_blank"><img src="https://i.ibb.co/vjcVNXK/banner.jpg"></a></li>
</ul>
</div>
<div id="patrocinadores">
<div class="patrocinadores">
<marquee behavior="alternate" scrolldelay="200">
<li><a href="https://www.silvaservers.com.br/" target="_blank">SILVASERVERS</a></li>
</marquee>
</div>
</div>
</div>
</div>
</div>
<!-- Rodapé -->
<footer>
COPYRIGHTS SSGAMERS 2011 - 2023. TODOS OS DIREITOS RESERVADOS.</footer>
</div>
</body>
<!-- Jquery v1.8 -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js'></script>
<!-- Script do Background da Entrada -->
<script type="text/javascript">
function FundoAleatorio() {
var bgm = ['fundo1','fundo2','fundo3','fundo4','fundo5','fundo6','fundo7','fundo8','fundo9','fundo10','fundo11','fundo12','fundo13','fundo14'];
document.body.className +=(bgm[Math.floor(Math.random() * bgm.length)]);
}
FundoAleatorio();
</script>
<a href="https://www.forumeiros.com"></a>
</html>
