HTML Mudansa na aria de Parceria

4 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido HTML Mudansa na aria de Parceria

Mensagem por Dex7er 17.11.14 22:33

Detalhes da dúvida


Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Mozilla Firefox, Google Chrome
Imagem :
Imagem da minha dúvida:

Membros afetados : Somente comigo
Endereço do fórum : http://tesetleo.forumeiros.com/

Descrição do problema

Bom queria pedir um código para deixar as parcerias da HTML como a imagem acima (editado no Photoshop) bom aqui esta a html http://tesetleo.forumeiros.com/h6-html-sendo-edita


Última edição por Dex7er em 23.11.14 20:29, editado 1 vez(es)
Dex7er

Dex7er
***

Membro desde : 28/10/2014
Mensagens : 113
Pontos : 166

http://imp-family.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: HTML Mudansa na aria de Parceria

Mensagem por Reset 19.11.14 0:42

Olá!

Este é o código:

Até mais,
Reset.
Reset

Reset
Super Membro

Membro desde : 30/09/2014
Mensagens : 1097
Pontos : 1474

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: HTML Mudansa na aria de Parceria

Mensagem por Dex7er 19.11.14 1:53

fico o mesmo modelo ...
Dex7er

Dex7er
***

Membro desde : 28/10/2014
Mensagens : 113
Pontos : 166

http://imp-family.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: HTML Mudansa na aria de Parceria

Mensagem por Dex7er 20.11.14 12:59

alguém poderia me ajudar ...
Dex7er

Dex7er
***

Membro desde : 28/10/2014
Mensagens : 113
Pontos : 166

http://imp-family.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: HTML Mudansa na aria de Parceria

Mensagem por Shek 21.11.14 12:37

Olá!

Me passe o código de sua página HTML neste tópico, por favor.

Até mais!
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: HTML Mudansa na aria de Parceria

Mensagem por Dex7er 21.11.14 19:36

Aqui está
Código:

<br /><

<!DOCTYPE html>
<html class="no-js" lang="pt-br">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>SSGAMES - Crescendo cada vez mais é cada vez melhor.</title><link rel="shortcut icon" href="http://i.imgur.com/X9u1g5r.png" type="image/x-icon" />
  <!-- Style CSS-->
  <link rel="stylesheet" href="http://advanced-roleplay.com.br/libs/css/rocket-min.css" >

 
    <!-- Scripts - adiciona todos os plugins compilados -->
  <script src="http://advanced-roleplay.com.br/libs/js/rocket-min.js"></script>
  <script src="http://advanced-roleplay.com.br/libs/js/holder.js"></script>
  <script src="http://advanced-roleplay.com.br/libs/js/functions.js"></script>
   
</head>
<body><div class="wrap">
  <div class="big-header">
<header class="center header">

 <ul class="jsmenu nav menu ">
    <li><a href="/portal">Inicio</a></li>
    <li><a href="/forum">Fórum</a></li>
    <li><a href="/f3-regras-ssgames">Regras</a>
  <li><a href="/login">Entrar</a></li>
    <li><a href="/register">Registrar-se</a></li>

     
</header>  <div class="slider">
  <ul class="owl owl owl-bar">
      <li style="background:url(http://i.imgur.com/Q5yI4Rg.jpg) center top no-repeat;"></li>
      <li style="background:url(http://i.imgur.com/sboOO8R.jpg) center top no-repeat;"></li>
      <li style="background:url(http://i.imgur.com/uy6RILs.jpg) center top no-repeat;"></li>
    <li style="background:url(http://i.imgur.com/WCRg8te.jpg) center top no-repeat;"></li>
      <li style="background:url(http://i.imgur.com/cJUZ9vT.jpg) center top no-repeat;"></li>
    </ul>
</div>


</div><!--big-header-->


<section class="center feature">

 
 
  <div class="col-3">
      <img src="http://i.imgur.com/FFipGvS.png" alt="Descrição">
    <h3>Nossa Equipe</h3>
    <p>Para aproveitar o melhor, é fundamental trabalharmos em equipe. Esse é o verdadeiro time vencedor.</p>
    <a class="btn btn-more" href="/t34-lista-da-comunidade" role="button">Mais detalhes »</a>
  </div>
 
    <div class="col-3">
    <img src=" http://i.imgur.com/qraJcSU.png" alt="Descrição">
    <h3>Avisos</h3>   
    <p>Aqui você confere todos os avisos da SSGames</p>
    <a class="btn btn-more" href="/t4067-aviso-importante" role="button">Mais detalhes »</a>
  </div>
 
  <div class="col-3">
    <img src="http://i.imgur.com/xT0JLFh.png" alt="Descrição">
    <h3>Regras</h3>
    <p>Não seja uma pessoa completa mente descuidada, leia as regras da SSGames <img src="http://2img.net/i/fa/i/smiles/icon_smile.gif" alt="Smile" longdesc="2" /></p>
    <a class="btn btn-more" href="/f3-regras-ssgames" role="button">Mais detalhes »</a>
  </div>
   
</section><!--fature-->

<section class="box-read-dark">
 
  <div class="center">
 
  <div class="grid-9">
  <h2>Algumas Parcerias:</h2>
 
 
  <a href="http://www.homesamp.com/"<a class="btn btn-more">HomeSamp<small></small></a>
   
    <a href="http://www.animefoxbr.com.br/"<a class="btn btn-more">Anime Fox BR<small></small></a>
   
    <a href="http://www.fatalitydesign.blogspot.com.br/"<a class="btn btn-more" >Fatality Design<small></small></a>
   
    <a href="http://ipiratepb.forumeiros.com/"<a class="btn btn-more" > Pirate PB<small></small></a>
   
   
    <a href="http://www.mafiarandon.com.br/"<a class="btn btn-more">Mafia Randon<small></small></a>
   
    <a href="http://www.csvicio.com/"<a class="btn btn-more">CS Vicio<small></small></a>
   
    <a href="http://www.puxalegal.com.br/"<a class="btn btn-more" >Puxa Legal<small></small></a>
   
    <a href="http://brmegadowns.blogspot.com.br/"<a class="btn btn-more" > Mega Download<small></small></a>
   

<a class="lightbox-31904412901647" style="cursor: pointer; color: #F90; text-decoration: underline;">Seja um parceiro</a>
   </div>
   
   
  </div>
</section><div style="background:url(http://i.imgur.com/DHQHpyv.png) center top no-repeat;" class="bg-nossos-videos">
</div><div class="list-videos"><div class="center box-last-jobs">

  <div class="grid-2">
    <p><strong>Videos</strong>Novo Trailer SSGAMES e conheça ou pouco do nosso trabalho</p>
  </div>
 
  <div class="grid-9"><div class="owl-item" style="width: 300px;">
 
<iframe width="400" height="200" src="//www.youtube.com/embed/lpc4TDn52SA" frameborder="0" allowfullscreen></iframe>
   
<script>
  //Scroll Image -----------------------------|
  $(".owl-img").owlCarousel({
      autoPlay: true,
      navigation: false,
        items: 3,
      pagination: true,
  });
</script>
  </div>
</div> 

</div><!--box-videos-->
</div><!-- wrap -->





<footer class="footer">

  <div class="center">
 

 
  <span class="copy">Todos os direitos reservados © SS GAMES</span>

  <span class="dev"></span>
 
    <a href="/" style="float: right ! important; margin-right: -13%;"><img src="http://i.imgur.com/a8mCmZe.png" title="Portal" /></a>
  </div><!--center-->
 
</footer> 
<div style="right: 0px; bottom: -3px; position: fixed;">
    <img src="https://lh3.googleusercontent.com/-1ILjd9EYjZU/TpCC5o4AyZI/AAAAAAAAAXM/Lvi8t6ZllX4/s100/DH.png" />
</div>
 
      <style type="text/css">
body{
   font-family:"Open Sans", Arial, Helvetica, sans-serif;
   background:#DFDFDF;
   color: #737F89;
   }

.center{
   width:964px;} /* padrão atual */
   
a{   color:#ABB1C3 }

/*-------------------------------
   Header - Section
-------------------------------*/   
.big-header{
   overflow:hidden;
   position:relative;
   height: 365px;
   margin-bottom:55px;
   }

.header{
   z-index:9999;
   margin-top: 20px;
   position:relative;
   height:111px;
   
   
   }
   
.header .logo{
   width: 333px;
   height: 112px;
   background-image: url('imgs/logo.png');
   display:inline-block;
   font-size: 30px;
   padding-top: 3px;
   position:absolute;
   left:-10px;
   top: -40px;
}

.header .menu{
   width:970px;
   height:111px;
   padding:35px 0 0 405px;
   border-radius:5px;
   background-image:url('http://i.imgur.com/zHAjixv.png');
   font-weight:700;   
   text-transform:uppercase;
   line-height:30px;
   float:right;
   display:inline-block;
   margin-top: 0;
}

.header .menu li{
   display:inline-block;
   margin:0px;
   }
   
.header .menu li a {
   padding:15px 15px;}



.header .jsmenu  ul li  a {
   float:none;
   margin:0;
   padding:5px 10px;}

/*-------------------------------
   Content - Section / Home
-------------------------------*/   
.content{}   


/* Home > slideshow ----------- */
.owl {
   position:absolute;
   top:0;
   left:0;}
   
.owl-slide img{}

.slider ul li {
   width:100%;
   height:460px;}

        /* Home > chadada destaque  ----------- */
.chamada{
   text-align:center;
   display:table;
   margin:25px auto;
   }
   
.chamada h2 {}   
.chamada p   {}

        /* Home > feature destaque principal  ----------- */
.feature{
   display:table;
   margin-bottom:30px;
   }
   
.feature img{}
.feature h3{padding:0 10px;}
.feature p{padding:0 10px;}
.feature a{margin:0 0 10px 10px;}

/* Home > sub-feature destaque secundario  ----------- */
.sub-feature{   display:table; }

.sub-feature .heading{
   font-size:300%;
   margin:40px 0 20px;
   }
   
.sub-feature p{ }

.sub-feature img{ }


.feature-left{}

.feature-right{   margin-bottom:60px;}

/* Home > chadada destaque  ----------- */
.box-read-dark{
   width:100%;
   background:#EEEFF3;
   padding:50px 0 15px;
   display:table;
   margin: 40px auto 0px;
   }
   
.box-read-dark h2 {}   
.box-read-dark .btn   {
   text-align:center;
   max-width:200px;
   padding:20px 20px;
   margin:30px 0 0;
   float:right;
   font-size:140%;
   font-weight:900;
   }
   
.box-read-dark .btn small   {
   font-weight:400;
   display:block;
   clear:both;
   }

/* Home > box-portfolio ultimos projetos  ----------- */
.box-last-jobs{   display:table; margin-bottom:80px;}

.box-last-jobs .lead {   margin-bottom:40px; }

.box-last-jobs .grid-2{   width:200px; /* tamanho original - 152px */   margin-top: 5px;}
   
.box-last-jobs .grid-2 p{}
.box-last-jobs .grid-2 a{}

.box-last-jobs .grid-9{
   float:right;
   margin:0;}

.box-last-jobs .owl-theme .owl-pagination{
   padding-right:5px;
   float:right;}

.box-last-jobs strong {
   display:block;}

.list-videos {   
   /* margin-bottom:50px; */
   padding: 75px 0;
   height: 300px;
   background:#FFF;}

.bg-nossos-videos {
    height:191px;
   margin-bottom: -5px;
}

.list-videos ul li iframe{
   width:230px;
   height:160px;}
   
        /* Barra vermelha com h2  ----------- */
.chamada h2{
   color:#FFF;
   padding:20px 0;
   background:#ef2429;}

/* page  ----------- */
.tb-regras .page {
   height:auto;}

.pg-page .owl-bar #bar {
   display:none;}

.pg-page .big-header {
   margin:0;
   height: 150px;
   overflow: inherit;
}
   
.pg-page .header {
   margin-top: 15px;
   /* overflow: hidden; */
   height: 400px;
}
   
.pg-page .header .logo {
   top:-30px;}
   
.pg-page .owl-item {
   height:350px;
   }
   
.titulo{
   height:128px;
   background-image:url('imgs/1600x128.jpg');
   padding: 25px 0 0;
   margin:0 auto;
   overflow:hidden;
   margin-bottom: 60px;
   position:relative;
   }

.titulo .sombra{
   position:absolute;
   top:-5px;
   display:block;
   width:100%;
   height:1px;
   z-index:999;
   box-shadow:-2px 2px 5px #0f3e77;
   }   
   
         
.titulo h1{
   font-weight:900;
   font-size:300%;
   color:#FFF;
   }

   
.breadcrumb {   
   color:#FFF;
   overflow: hidden;
   font-size:90%;
   opacity:.8;   
   }
         
.breadcrumb a  {
   line-height:20px;
   color:#FFF;
   display: inline-block;
   float: left;
   }
   
.breadcrumb a:after  {
   content: " › ";
   font-size:130%;
   color: #FFF;
   padding:0 5px 0 3px;
   }      
   
/*-------------------------------
   Nossa Equipe - Section
-------------------------------*/      
   
.tb-nossa-equipe .box-equipe,
.tb-nossa-equipe .filterable{
   display:table;
   background:#FFF;
   margin-bottom: 50px;
}
   
.tb-nossa-equipe .box-equipe {
   display:table;}

.tb-nossa-equipe .box-equipe .lead {   margin-bottom:40px; }

.tb-nossa-equipe .box-equipe .img-radius{
   width:190px;
   height: 200px;
   margin:0 auto;
   }

.tb-nossa-equipe .box-equipe h3{
   line-height:30px;
   margin-bottom:10px;
   }
   
.tb-nossa-equipe .box-equipe h2 {
   text-align:center;}
   
.tb-nossa-equipe .box-equipe small{
   display:block;
   clear:both;
   font-size:65%;
   font-weight:100;
   }

.tb-nossa-equipe .testers {
   color:#333300;}
   
.tb-nossa-equipe .gameadmins {
   color:#5b737b;}   

.tb-nossa-equipe .supervisores {
   color:#CD853F;}   
   
.tb-nossa-equipe .leadadmins {
   color:#378d23;}   
   
.tb-nossa-equipe .developers {
   color:#632d70;}   
   
.tb-nossa-equipe .webmasters {
   color:#8D490C;}   
   
.tb-nossa-equipe .management {
   color:#FF0000;}   
/*-------------------------------
   Doação - Section
-------------------------------*/   
.tb-doacao .page img {
   margin-bottom:20px;}   
   
.tb-doacao .contribuir {
   text-align:center;}   
   
.tb-doacao pre {
   letter-spacing:-0.4px;
   height:300px;}

.NFI-wrapper {
   width:800px;
   /* height: 100px; */
}
   
.NFI-button {
   float:left;}
   
.pacotes small {
   display:block;
   line-height: 20px;
}
   
.pacotes .col-4,
.pacotes .col-3 {
   background:#FFF;
   height: 350px;
   padding:20px 0;
   border:solid 2px #CCC;
   text-align: center;
}
   
.pacotes .col-4 .button,
.pacotes .col-3 .button {
   border-bottom:solid 3px;
   text-transform:uppercase;
   font-size:16px;
   color:#FFF;
   border-radius:5px;
   padding: 10px 55px 10px 35px;
   position: absolute;
   left: 40px;
   bottom: 20px;
   margin-left: 36px;
   /* width: 00px; */
}

.pacotes .col-4 .button {
   width: 130px;
   margin-left: 0;
   padding: 10px 0px 10px 0px;
}
   
.pacotes .col-4 .pacote-1,
.pacotes .col-3 .pacote-1 {
   border-color:#5e0101;
   background-color:#8b0303;
   /* margin: 0 0 0 33px; */
}

.pacotes .col-4 .pacote-1:hover,
.pacotes .col-3 .pacote-1:hover {
   background:#5e0101;}

.pacotes .col-4 .pacote-2,
.pacotes .col-3 .pacote-2 {
   border-color:#033460;
   background-color:#07588d;
   /* margin: 0 0 0 38px; */
   /* padding-left: 10px; */
}
   
.pacotes .col-4 .pacote-2:hover,
.pacotes .col-3 .pacote-2:hover {
   background:#033460;}

.pacotes .col-4 .pacote-3,
.pacotes .col-3 .pacote-3 {
   border-color:#305f03;
   background-color:#538c07;
   /* margin: 0 0 0 30px; */}

.pacotes .col-4 .pacote-3:hover,
.pacotes .col-3 .pacote-3:hover {
   background:#305f03;}

.pacotes .col-4 .pacote-4{
   margin-top:0;
   border-color:#3c005f;
   background-color:#62018c;}
   
.pacotes .col-4 .pacote-4:hover {
   background:#3c005f;}
   
.pacotes.house-business .button {
   bottom:20px;}
   
.pacotes.house-business .col-4 {
   height: 320px;}


form .col-3 {
   background: none;}
   
.pacotes .col-4 strong,
.pacotes .col-3 strong {
   float:left;}
   
.pacotes .col-4 .pop,
.pacotes .col-3 .pop {
   float:right;}

.pacotes .col-4 .pop_menu,
.pacotes .col-3 .pop_menu {
   width:200px;}
   
.col-4 .pop_menu a,
.col-3 .pop_menu a {
   background:red;
   border-radius:5px;
   padding:5px 20px;
   color:#FFF;
   margin-top:10px;}   
   
.col-4 .pop_menu .pacote-4,
.col-3 .pop_menu .pacote-4 {
   margin-top:10px;}
   
/*-------------------------------
   Notícias - Section
-------------------------------*/   
.blog .page {
   margin-bottom:50px;
   background:#FFF;
   width:650px;
   float:left;}
   
.blog iframe {
   width:100%;
   height:400px}
   
.blog .page strong {
   display:block;}

.blog .sidebar {
   border-top:solid 1px #CCC;
   background:#FFF;
   width:250px;
   float:right;
   margin-bottom: 150px;
}
   
.blog .sidebar a {
   letter-spacing:1px;
   display:block;
   border-bottom:solid 1px #CCC;
   text-transform:uppercase;
   padding:10px 0 10px 25px;
   font-size:16px;}

.blog .sidebar a:before  {
   content: " › ";
   font-size:130%;
   color: #ABB1C3;
   padding:0 5px 0 3px;
   }


   
.blog .sidebar li a:hover {
   padding-left:35px;}
   
/*-------------------------------
   Atualizações - Section
-------------------------------*/      
.updates {
   margin:30px;
   float:left;
   width:580px;}
   
ul.updates li {
   height:99px;
   margin-bottom:23px;
   border-bottom:solid 1px #e1e9eb;}
   
ul.updates li:last-child{
   border:none;}

ul.updates .data {
   margin-right:16px;
   float:left;
   background:url('imgs/bg-data.jpg') top right no-repeat;
   color:#49b8c3;
   width:33px;
   height:80px;
   padding:17px 53px 0 0;}
   
ul.updates .data big {
   display:block;
   font-size:30px;}
   
ul.updates .data small {
   text-transform:uppercase;
   font-size:16px;}
   
ul.updates a.details {
   color:#8d9ea7;
   padding-top:2px;
   line-height: 70px;}
   
/*-------------------------------
   Notícias - Section
-------------------------------*/      
.news {
   margin:30px;
   float:left;
   width:580px;}
   
ul.news li {
   height:99px;
   margin-bottom:23px;
   border-bottom:solid 1px #e1e9eb;}
   
ul.news li:last-child{
   border:none;}

ul.news .data {
   margin-right:16px;
   float:left;
   background:url('imgs/bg-data.jpg') top right no-repeat;
   color:#49b8c3;
   width:33px;
   height:80px;
   padding:17px 53px 0 0;}
   
ul.news .data big {
   display:block;
   font-size:30px;}
   
ul.news .data small {
   text-transform:uppercase;
   font-size:16px;}
   
ul.news a.details {
   color:#8d9ea7;
   padding-top:2px;
   line-height: 70px;}
      
/*-------------------------------
   Footer - Section
-------------------------------*/   
.footer{
   background:#2E3739;
   width:100%;
   overflow:hidden;
   display:table;
   margin:0 auto 0;
   padding:20px 0;
   border-top:2px solid #ECF0F1;   
   }   


.footer .menu{
   width:85%;
   display:inline-block;
   margin-bottom:10px;
   text-transform:uppercase;
   }

.footer .menu li{
   display:inline-block;
   margin-right:20px;
   }
         
.footer .menu a{
   color:#FFF;}

.footer .back-top{
   color:#FFF;
   float:right;
   display:inline-block;
   }

.footer .copy{
   color:#FFF;
   width:auto;
   float:left;
   }

.footer .dev{
   width:auto;
   float:right;
   }
   
   
      </style>
</body>
</html>
Dex7er

Dex7er
***

Membro desde : 28/10/2014
Mensagens : 113
Pontos : 166

http://imp-family.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: HTML Mudansa na aria de Parceria

Mensagem por Konai 22.11.14 8:08

Saudações!

Substitua por esta e veja se lhe agrada:
Código:
<html class=" js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths" lang="pt-br"><head><script type="text/javascript" charset="UTF-8" src="https://maps.gstatic.com/cat_js/intl/pt_br/mapfiles/api-3/16/9/%7Bcommon,util,stats%7D.js"></script></head><body><br>&lt;




<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>SSGAMES - Crescendo cada vez mais é cada vez melhor.</title><link rel="shortcut icon" href="http://i.imgur.com/X9u1g5r.png" type="image/x-icon">
  <!-- Style CSS-->
  <link rel="stylesheet" href="http://advanced-roleplay.com.br/libs/css/rocket-min.css">

 
    <!-- Scripts - adiciona todos os plugins compilados -->
  <script src="http://advanced-roleplay.com.br/libs/js/rocket-min.js"></script><script src="https://maps.gstatic.com/intl/pt_br/mapfiles/api-3/16/9/main.js" type="text/javascript"></script>
  <script src="http://advanced-roleplay.com.br/libs/js/holder.js"></script>
  <script src="http://advanced-roleplay.com.br/libs/js/functions.js"></script>
   

<div class="wrap">
  <div class="big-header">
<header class="center header">

 <ul class="jsmenu nav menu ">
    <li><a href="/portal">Inicio</a></li>
    <li><a href="/forum">Fórum</a></li>
    <li><a href="/f3-regras-ssgames">Regras</a>
  </li><li><a href="/login">Entrar</a></li>
    <li><a href="/register">Registrar-se</a></li>

     
</ul></header>  <div class="slider">
  <ul class="owl owl owl-bar owl-carousel owl-theme" style="opacity: 1; display: block;">
      <div class="owl-wrapper-outer"><div class="owl-wrapper" style="width: 14230px; left: 0px; display: block;"><div class="owl-item" style="width: 1423px;"><li style="background:url(http://i.imgur.com/Q5yI4Rg.jpg) center top no-repeat;"></li></div><div class="owl-item" style="width: 1423px;"><li style="background:url(http://i.imgur.com/sboOO8R.jpg) center top no-repeat;"></li></div><div class="owl-item" style="width: 1423px;"><li style="background:url(http://i.imgur.com/uy6RILs.jpg) center top no-repeat;"></li></div><div class="owl-item" style="width: 1423px;"><li style="background:url(http://i.imgur.com/WCRg8te.jpg) center top no-repeat;"></li></div><div class="owl-item" style="width: 1423px;"><li style="background:url(http://i.imgur.com/cJUZ9vT.jpg) center top no-repeat;"></li></div></div></div>
     
     
   
     
    <div class="owl-controls clickable"><div class="owl-pagination"><div class="owl-page active"><span class="owl-numbers">1</span></div><div class="owl-page"><span class="owl-numbers">2</span></div><div class="owl-page"><span class="owl-numbers">3</span></div><div class="owl-page"><span class="owl-numbers">4</span></div><div class="owl-page"><span class="owl-numbers">5</span></div></div></div></ul>
</div>


</div><!--big-header-->


<section class="center feature">

 
 
  <div class="col-3">
      <img src="http://i.imgur.com/FFipGvS.png" alt="Descrição">
    <h3>Nossa Equipe</h3>
    <p>Para aproveitar o melhor, é fundamental trabalharmos em equipe. Esse é o verdadeiro time vencedor.</p>
    <a class="btn btn-more" href="/t34-lista-da-comunidade" role="button">Mais detalhes »</a>
  </div>
 
    <div class="col-3">
    <img src=" http://i.imgur.com/qraJcSU.png" alt="Descrição">
    <h3>Avisos</h3>   
    <p>Aqui você confere todos os avisos da SSGames</p>
    <a class="btn btn-more" href="/t4067-aviso-importante" role="button">Mais detalhes »</a>
  </div>
 
  <div class="col-3">
    <img src="http://i.imgur.com/xT0JLFh.png" alt="Descrição">
    <h3>Regras</h3>
    <p>Não seja uma pessoa completa mente descuidada, leia as regras da SSGames <img src="http://2img.net/i/fa/i/smiles/icon_smile.gif" alt="Smile" longdesc="2"></p>
    <a class="btn btn-more" href="/f3-regras-ssgames" role="button">Mais detalhes »</a>
  </div>
   
</section><!--fature-->

<section class="box-read-dark">
 
  <div class="center">
 
  <div class="grid-9">
  <h2>Algumas Parcerias:</h2>
 
 
  <a href="http://www.homesamp.com/" <a="" class="btn btn-more" style="
    float: right;
    margin-right: -375px;
">HomeSamp<small></small></a>
   
    <a href="http://www.animefoxbr.com.br/" <a="" class="btn btn-more" style="
    float: left;
    margin-left: -130px;
">Anime Fox BR<small></small></a>
   
    <a href="http://www.fatalitydesign.blogspot.com.br/" <a="" class="btn btn-more" style="
    margin-right: -40px;
">Fatality Design<small></small></a>
   
    <a href="http://ipiratepb.forumeiros.com/" <a="" class="btn btn-more" style="
    top: -100px;
    position: relative !important;
"> Pirate PB<small></small></a>
   
   
    <a href="http://www.mafiarandon.com.br/" <a="" class="btn btn-more" style="
    float: center;
    margin-left: 190px;
">Mafia Randon<small></small></a>
   
    <a href="http://www.csvicio.com/" <a="" class="btn btn-more" style="
    float: center;
    margin-left: 435px;
">CS Vicio<small></small></a>
   
    <a href="http://www.puxalegal.com.br/" <a="" class="btn btn-more" style="
    margin-right: -185px;
    margin-top: 125px;
">Puxa Legal<small></small></a>
   
    <a href="http://brmegadowns.blogspot.com.br/" <a="" class="btn btn-more" style="
    float: left;
    position: relative !important;
"> Mega Download<small></small></a>
   

<a class="lightbox-31904412901647" style="cursor: pointer; color: #F90; text-decoration: underline;margin-top: 70px;margin-left: -430px;">Seja um parceiro</a>
   </div>
   
   
  </div>
</section><div style="background:url(http://i.imgur.com/DHQHpyv.png) center top no-repeat;" class="bg-nossos-videos">
</div><div class="list-videos"><div class="center box-last-jobs">

  <div class="grid-2">
    <p><strong>Videos</strong>Novo Trailer SSGAMES e conheça ou pouco do nosso trabalho</p>
  </div>
 
  <div class="grid-9"><div class="owl-item" style="width: 300px;">
 
<iframe width="400" height="200" src="//www.youtube.com/embed/lpc4TDn52SA" frameborder="0" allowfullscreen=""></iframe>
   
<script>
  //Scroll Image -----------------------------|
  $(".owl-img").owlCarousel({
      autoPlay: true,
      navigation: false,
        items: 3,
      pagination: true,
  });
</script>
  </div>
</div> 

</div><!--box-videos-->
</div><!-- wrap -->





<footer class="footer">

  <div class="center">
 

 
  <span class="copy">Todos os direitos reservados ©️ SS GAMES</span>

  <span class="dev"></span>
 
    <a href="/" style="float: right ! important; margin-right: -13%;"><img src="http://i.imgur.com/a8mCmZe.png" title="Portal"></a>
  </div><!--center-->
 
</footer> 
<div style="right: 0px; bottom: -3px; position: fixed;">
    <img src="https://lh3.googleusercontent.com/-1ILjd9EYjZU/TpCC5o4AyZI/AAAAAAAAAXM/Lvi8t6ZllX4/s100/DH.png">
</div>
 
      <style type="text/css">
body{
   font-family:"Open Sans", Arial, Helvetica, sans-serif;
   background:#DFDFDF;
   color: #737F89;
   }

.center{
   width:964px;} /* padrão atual */
   
a{   color:#ABB1C3 }

/*-------------------------------
   Header - Section
-------------------------------*/   
.big-header{
   overflow:hidden;
   position:relative;
   height: 365px;
   margin-bottom:55px;
   }

.header{
   z-index:9999;
   margin-top: 20px;
   position:relative;
   height:111px;
   
   
   }
   
.header .logo{
   width: 333px;
   height: 112px;
   background-image: url('imgs/logo.png');
   display:inline-block;
   font-size: 30px;
   padding-top: 3px;
   position:absolute;
   left:-10px;
   top: -40px;
}

.header .menu{
   width:970px;
   height:111px;
   padding:35px 0 0 405px;
   border-radius:5px;
   background-image:url('http://i.imgur.com/zHAjixv.png');
   font-weight:700;   
   text-transform:uppercase;
   line-height:30px;
   float:right;
   display:inline-block;
   margin-top: 0;
}

.header .menu li{
   display:inline-block;
   margin:0px;
   }
   
.header .menu li a {
   padding:15px 15px;}



.header .jsmenu  ul li  a {
   float:none;
   margin:0;
   padding:5px 10px;}

/*-------------------------------
   Content - Section / Home
-------------------------------*/   
.content{}   


/* Home > slideshow ----------- */
.owl {
   position:absolute;
   top:0;
   left:0;}
   
.owl-slide img{}

.slider ul li {
   width:100%;
   height:460px;}

        /* Home > chadada destaque  ----------- */
.chamada{
   text-align:center;
   display:table;
   margin:25px auto;
   }
   
.chamada h2 {}   
.chamada p   {}

        /* Home > feature destaque principal  ----------- */
.feature{
   display:table;
   margin-bottom:30px;
   }
   
.feature img{}
.feature h3{padding:0 10px;}
.feature p{padding:0 10px;}
.feature a{margin:0 0 10px 10px;}

/* Home > sub-feature destaque secundario  ----------- */
.sub-feature{   display:table; }

.sub-feature .heading{
   font-size:300%;
   margin:40px 0 20px;
   }
   
.sub-feature p{ }

.sub-feature img{ }


.feature-left{}

.feature-right{   margin-bottom:60px;}

/* Home > chadada destaque  ----------- */
.box-read-dark{
   width:100%;
   background:#EEEFF3;
   padding:50px 0 15px;
   display:table;
   margin: 40px auto 0px;
   }
   
.box-read-dark h2 {}   
.box-read-dark .btn   {
   text-align:center;
   max-width:200px;
   padding:20px 20px;
   margin:30px 0 0;
   float:right;
   font-size:140%;
   font-weight:900;
   }
   
.box-read-dark .btn small   {
   font-weight:400;
   display:block;
   clear:both;
   }

/* Home > box-portfolio ultimos projetos  ----------- */
.box-last-jobs{   display:table; margin-bottom:80px;}

.box-last-jobs .lead {   margin-bottom:40px; }

.box-last-jobs .grid-2{   width:200px; /* tamanho original - 152px */   margin-top: 5px;}
   
.box-last-jobs .grid-2 p{}
.box-last-jobs .grid-2 a{}

.box-last-jobs .grid-9{
   float:right;
   margin:0;}

.box-last-jobs .owl-theme .owl-pagination{
   padding-right:5px;
   float:right;}

.box-last-jobs strong {
   display:block;}

.list-videos {   
   /* margin-bottom:50px; */
   padding: 75px 0;
   height: 300px;
   background:#FFF;}

.bg-nossos-videos {
    height:191px;
   margin-bottom: -5px;
}

.list-videos ul li iframe{
   width:230px;
   height:160px;}
   
        /* Barra vermelha com h2  ----------- */
.chamada h2{
   color:#FFF;
   padding:20px 0;
   background:#ef2429;}

/* page  ----------- */
.tb-regras .page {
   height:auto;}

.pg-page .owl-bar #bar {
   display:none;}

.pg-page .big-header {
   margin:0;
   height: 150px;
   overflow: inherit;
}
   
.pg-page .header {
   margin-top: 15px;
   /* overflow: hidden; */
   height: 400px;
}
   
.pg-page .header .logo {
   top:-30px;}
   
.pg-page .owl-item {
   height:350px;
   }
   
.titulo{
   height:128px;
   background-image:url('imgs/1600x128.jpg');
   padding: 25px 0 0;
   margin:0 auto;
   overflow:hidden;
   margin-bottom: 60px;
   position:relative;
   }

.titulo .sombra{
   position:absolute;
   top:-5px;
   display:block;
   width:100%;
   height:1px;
   z-index:999;
   box-shadow:-2px 2px 5px #0f3e77;
   }   
   
         
.titulo h1{
   font-weight:900;
   font-size:300%;
   color:#FFF;
   }

   
.breadcrumb {   
   color:#FFF;
   overflow: hidden;
   font-size:90%;
   opacity:.8;   
   }
         
.breadcrumb a  {
   line-height:20px;
   color:#FFF;
   display: inline-block;
   float: left;
   }
   
.breadcrumb a:after  {
   content: " › ";
   font-size:130%;
   color: #FFF;
   padding:0 5px 0 3px;
   }      
   
/*-------------------------------
   Nossa Equipe - Section
-------------------------------*/      
   
.tb-nossa-equipe .box-equipe,
.tb-nossa-equipe .filterable{
   display:table;
   background:#FFF;
   margin-bottom: 50px;
}
   
.tb-nossa-equipe .box-equipe {
   display:table;}

.tb-nossa-equipe .box-equipe .lead {   margin-bottom:40px; }

.tb-nossa-equipe .box-equipe .img-radius{
   width:190px;
   height: 200px;
   margin:0 auto;
   }

.tb-nossa-equipe .box-equipe h3{
   line-height:30px;
   margin-bottom:10px;
   }
   
.tb-nossa-equipe .box-equipe h2 {
   text-align:center;}
   
.tb-nossa-equipe .box-equipe small{
   display:block;
   clear:both;
   font-size:65%;
   font-weight:100;
   }

.tb-nossa-equipe .testers {
   color:#333300;}
   
.tb-nossa-equipe .gameadmins {
   color:#5b737b;}   

.tb-nossa-equipe .supervisores {
   color:#CD853F;}   
   
.tb-nossa-equipe .leadadmins {
   color:#378d23;}   
   
.tb-nossa-equipe .developers {
   color:#632d70;}   
   
.tb-nossa-equipe .webmasters {
   color:#8D490C;}   
   
.tb-nossa-equipe .management {
   color:#FF0000;}   
/*-------------------------------
   Doação - Section
-------------------------------*/   
.tb-doacao .page img {
   margin-bottom:20px;}   
   
.tb-doacao .contribuir {
   text-align:center;}   
   
.tb-doacao pre {
   letter-spacing:-0.4px;
   height:300px;}

.NFI-wrapper {
   width:800px;
   /* height: 100px; */
}
   
.NFI-button {
   float:left;}
   
.pacotes small {
   display:block;
   line-height: 20px;
}
   
.pacotes .col-4,
.pacotes .col-3 {
   background:#FFF;
   height: 350px;
   padding:20px 0;
   border:solid 2px #CCC;
   text-align: center;
}
   
.pacotes .col-4 .button,
.pacotes .col-3 .button {
   border-bottom:solid 3px;
   text-transform:uppercase;
   font-size:16px;
   color:#FFF;
   border-radius:5px;
   padding: 10px 55px 10px 35px;
   position: absolute;
   left: 40px;
   bottom: 20px;
   margin-left: 36px;
   /* width: 00px; */
}

.pacotes .col-4 .button {
   width: 130px;
   margin-left: 0;
   padding: 10px 0px 10px 0px;
}
   
.pacotes .col-4 .pacote-1,
.pacotes .col-3 .pacote-1 {
   border-color:#5e0101;
   background-color:#8b0303;
   /* margin: 0 0 0 33px; */
}

.pacotes .col-4 .pacote-1:hover,
.pacotes .col-3 .pacote-1:hover {
   background:#5e0101;}

.pacotes .col-4 .pacote-2,
.pacotes .col-3 .pacote-2 {
   border-color:#033460;
   background-color:#07588d;
   /* margin: 0 0 0 38px; */
   /* padding-left: 10px; */
}
   
.pacotes .col-4 .pacote-2:hover,
.pacotes .col-3 .pacote-2:hover {
   background:#033460;}

.pacotes .col-4 .pacote-3,
.pacotes .col-3 .pacote-3 {
   border-color:#305f03;
   background-color:#538c07;
   /* margin: 0 0 0 30px; */}

.pacotes .col-4 .pacote-3:hover,
.pacotes .col-3 .pacote-3:hover {
   background:#305f03;}

.pacotes .col-4 .pacote-4{
   margin-top:0;
   border-color:#3c005f;
   background-color:#62018c;}
   
.pacotes .col-4 .pacote-4:hover {
   background:#3c005f;}
   
.pacotes.house-business .button {
   bottom:20px;}
   
.pacotes.house-business .col-4 {
   height: 320px;}


form .col-3 {
   background: none;}
   
.pacotes .col-4 strong,
.pacotes .col-3 strong {
   float:left;}
   
.pacotes .col-4 .pop,
.pacotes .col-3 .pop {
   float:right;}

.pacotes .col-4 .pop_menu,
.pacotes .col-3 .pop_menu {
   width:200px;}
   
.col-4 .pop_menu a,
.col-3 .pop_menu a {
   background:red;
   border-radius:5px;
   padding:5px 20px;
   color:#FFF;
   margin-top:10px;}   
   
.col-4 .pop_menu .pacote-4,
.col-3 .pop_menu .pacote-4 {
   margin-top:10px;}
   
/*-------------------------------
   Notícias - Section
-------------------------------*/   
.blog .page {
   margin-bottom:50px;
   background:#FFF;
   width:650px;
   float:left;}
   
.blog iframe {
   width:100%;
   height:400px}
   
.blog .page strong {
   display:block;}

.blog .sidebar {
   border-top:solid 1px #CCC;
   background:#FFF;
   width:250px;
   float:right;
   margin-bottom: 150px;
}
   
.blog .sidebar a {
   letter-spacing:1px;
   display:block;
   border-bottom:solid 1px #CCC;
   text-transform:uppercase;
   padding:10px 0 10px 25px;
   font-size:16px;}

.blog .sidebar a:before  {
   content: " › ";
   font-size:130%;
   color: #ABB1C3;
   padding:0 5px 0 3px;
   }


   
.blog .sidebar li a:hover {
   padding-left:35px;}
   
/*-------------------------------
   Atualizações - Section
-------------------------------*/      
.updates {
   margin:30px;
   float:left;
   width:580px;}
   
ul.updates li {
   height:99px;
   margin-bottom:23px;
   border-bottom:solid 1px #e1e9eb;}
   
ul.updates li:last-child{
   border:none;}

ul.updates .data {
   margin-right:16px;
   float:left;
   background:url('imgs/bg-data.jpg') top right no-repeat;
   color:#49b8c3;
   width:33px;
   height:80px;
   padding:17px 53px 0 0;}
   
ul.updates .data big {
   display:block;
   font-size:30px;}
   
ul.updates .data small {
   text-transform:uppercase;
   font-size:16px;}
   
ul.updates a.details {
   color:#8d9ea7;
   padding-top:2px;
   line-height: 70px;}
   
/*-------------------------------
   Notícias - Section
-------------------------------*/      
.news {
   margin:30px;
   float:left;
   width:580px;}
   
ul.news li {
   height:99px;
   margin-bottom:23px;
   border-bottom:solid 1px #e1e9eb;}
   
ul.news li:last-child{
   border:none;}

ul.news .data {
   margin-right:16px;
   float:left;
   background:url('imgs/bg-data.jpg') top right no-repeat;
   color:#49b8c3;
   width:33px;
   height:80px;
   padding:17px 53px 0 0;}
   
ul.news .data big {
   display:block;
   font-size:30px;}
   
ul.news .data small {
   text-transform:uppercase;
   font-size:16px;}
   
ul.news a.details {
   color:#8d9ea7;
   padding-top:2px;
   line-height: 70px;}
      
/*-------------------------------
   Footer - Section
-------------------------------*/   
.footer{
   background:#2E3739;
   width:100%;
   overflow:hidden;
   display:table;
   margin:0 auto 0;
   padding:20px 0;
   border-top:2px solid #ECF0F1;   
   }   


.footer .menu{
   width:85%;
   display:inline-block;
   margin-bottom:10px;
   text-transform:uppercase;
   }

.footer .menu li{
   display:inline-block;
   margin-right:20px;
   }
         
.footer .menu a{
   color:#FFF;}

.footer .back-top{
   color:#FFF;
   float:right;
   display:inline-block;
   }

.footer .copy{
   color:#FFF;
   width:auto;
   float:left;
   }

.footer .dev{
   width:auto;
   float:right;
   }
   
   
      </style>

</div><div id="cboxOverlay" style="display: none;"></div><div id="colorbox" class="" role="dialog" tabindex="-1" style="display: none;"><div id="cboxWrapper"><div><div id="cboxTopLeft" style="float: left;"></div><div id="cboxTopCenter" style="float: left;"></div><div id="cboxTopRight" style="float: left;"></div></div><div style="clear: left;"><div id="cboxMiddleLeft" style="float: left;"></div><div id="cboxContent" style="float: left;"><div id="cboxTitle" style="float: left;"></div><div id="cboxCurrent" style="float: left;"></div><button type="button" id="cboxPrevious"></button><button type="button" id="cboxNext"></button><button id="cboxSlideshow"></button><div id="cboxLoadingOverlay" style="float: left;"></div><div id="cboxLoadingGraphic" style="float: left;"></div></div><div id="cboxMiddleRight" style="float: left;"></div></div><div style="clear: left;"><div id="cboxBottomLeft" style="float: left;"></div><div id="cboxBottomCenter" style="float: left;"></div><div id="cboxBottomRight" style="float: left;"></div></div></div><div style="position: absolute; width: 9999px; visibility: hidden; display: none; max-width: none;"></div></div></body><iframe allowtransparency="true" frameborder="0" id="abs-top-frame" src="chrome-extension://flliilndjeohchalpbbcdekjklbdgfkk/html/top.html?1416642328286#minimized" style="position: fixed; z-index: 4294967295; overflow: hidden; top: 0px; left: 0px; right: 0px; width: 138px; height: 13px; max-height: none; min-height: 0px; margin: 0px auto; padding: 0px; border: 0px; display: block; background-color: transparent;"></iframe></html>

Até! Contente
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: HTML Mudansa na aria de Parceria

Mensagem por Dex7er 22.11.14 12:42

bom o Seja um Parceiro não ficou no local desejado ... e tem como descer um pouco o iPiratePB e trazer ou pouco para mais perto dos outros o homesamp
Dex7er

Dex7er
***

Membro desde : 28/10/2014
Mensagens : 113
Pontos : 166

http://imp-family.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: HTML Mudansa na aria de Parceria

Mensagem por Konai 22.11.14 16:51

Olá novamente!

Que tal assim:
Código:
<html class=" js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths" lang="pt-br"><head><script type="text/javascript" charset="UTF-8" src="https://maps.gstatic.com/cat_js/intl/pt_br/mapfiles/api-3/16/9/%7Bcommon,util,stats%7D.js"></script><script type="text/javascript" charset="UTF-8" src="https://maps.gstatic.com/cat_js/intl/pt_br/mapfiles/api-3/16/9/%7Bcommon,util,stats%7D.js"></script></head><body><br>&lt;




<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>SSGAMES - Crescendo cada vez mais é cada vez melhor.</title><link rel="shortcut icon" href="http://i.imgur.com/X9u1g5r.png" type="image/x-icon">
  <!-- Style CSS-->
  <link rel="stylesheet" href="http://advanced-roleplay.com.br/libs/css/rocket-min.css">

 
    <!-- Scripts - adiciona todos os plugins compilados -->
  <script src="http://advanced-roleplay.com.br/libs/js/rocket-min.js"></script><script src="https://maps.gstatic.com/intl/pt_br/mapfiles/api-3/16/9/main.js" type="text/javascript"></script><script src="https://maps.gstatic.com/intl/pt_br/mapfiles/api-3/16/9/main.js" type="text/javascript"></script>
  <script src="http://advanced-roleplay.com.br/libs/js/holder.js"></script>
  <script src="http://advanced-roleplay.com.br/libs/js/functions.js"></script>
   
<div class="wrap">
  <div class="big-header">
<header class="center header">

 <ul class="jsmenu nav menu ">
    <li><a href="/portal">Inicio</a></li>
    <li><a href="/forum">Fórum</a></li>
    <li><a href="/f3-regras-ssgames">Regras</a>
  </li><li><a href="/login">Entrar</a></li>
    <li><a href="/register">Registrar-se</a></li>

     
</ul></header>  <div class="slider">
  <ul class="owl owl owl-bar owl-carousel owl-theme" style="opacity: 1; display: block;">
      <div class="owl-wrapper-outer"><div class="owl-wrapper" style="width: 19922px; left: 0px; display: block;"><div class="owl-item" style="width: 1423px;"><div class="owl-wrapper-outer"><div class="owl-wrapper-outer"><div class="owl-wrapper" style="width: 19922px; left: 0px; display: block;"><div class="owl-item" style="width: 1423px;"><li style="background:url(http://i.imgur.com/Q5yI4Rg.jpg) center top no-repeat;"></li></div><div class="owl-item" style="width: 1423px;"><li style="background:url(http://i.imgur.com/sboOO8R.jpg) center top no-repeat;"></li></div><div class="owl-item" style="width: 1423px;"><li style="background:url(http://i.imgur.com/uy6RILs.jpg) center top no-repeat;"></li></div><div class="owl-item" style="width: 1423px;"><li style="background:url(http://i.imgur.com/WCRg8te.jpg) center top no-repeat;"></li></div><div class="owl-item" style="width: 1423px;"><li style="background:url(http://i.imgur.com/cJUZ9vT.jpg) center top no-repeat;"></li></div></div></div></div></div><div class="owl-item" style="width: 1423px;"><div class="owl-controls clickable"><div class="owl-pagination"><div class="owl-page active"><span class="owl-numbers">1</span></div><div class="owl-page"><span class="owl-numbers">2</span></div><div class="owl-page"><span class="owl-numbers">3</span></div><div class="owl-page"><span class="owl-numbers">4</span></div><div class="owl-page"><span class="owl-numbers">5</span></div></div></div></div></div></div>
     
     
   
     
    <div class="owl-controls clickable"><div class="owl-pagination"><div class="owl-page active"><span class="owl-numbers">1</span></div><div class="owl-page"><span class="owl-numbers">2</span></div></div></div></ul>
</div>


</div><!--big-header-->


<section class="center feature">

 
 
  <div class="col-3">
      <img src="http://i.imgur.com/FFipGvS.png" alt="Descrição">
    <h3>Nossa Equipe</h3>
    <p>Para aproveitar o melhor, é fundamental trabalharmos em equipe. Esse é o verdadeiro time vencedor.</p>
    <a class="btn btn-more" href="/t34-lista-da-comunidade" role="button">Mais detalhes »</a>
  </div>
 
    <div class="col-3">
    <img src=" http://i.imgur.com/qraJcSU.png" alt="Descrição">
    <h3>Avisos</h3>   
    <p>Aqui você confere todos os avisos da SSGames</p>
    <a class="btn btn-more" href="/t4067-aviso-importante" role="button">Mais detalhes »</a>
  </div>
 
  <div class="col-3">
    <img src="http://i.imgur.com/xT0JLFh.png" alt="Descrição">
    <h3>Regras</h3>
    <p>Não seja uma pessoa completa mente descuidada, leia as regras da SSGames <img src="http://2img.net/i/fa/i/smiles/icon_smile.gif" alt="Smile" longdesc="2"></p>
    <a class="btn btn-more" href="/f3-regras-ssgames" role="button">Mais detalhes »</a>
  </div>
   
</section><!--fature-->

<section class="box-read-dark">
 
  <div class="center">
 
  <div class="grid-9">
  <h2>Algumas Parcerias:</h2>
 
 
  <a href="http://www.homesamp.com/" <a="" class="btn btn-more" style="
    float: right;
    margin-right: -250px;
">HomeSamp<small></small></a>
   
    <a href="http://www.animefoxbr.com.br/" <a="" class="btn btn-more" style="
    float: left;
    margin-left: -50px;
">Anime Fox BR<small></small></a>
   
    <a href="http://www.fatalitydesign.blogspot.com.br/" <a="" class="btn btn-more" style="
    margin-right: -40px;
    margin-top: 100px;
">Fatality Design<small></small></a>
   
    <a href="http://ipiratepb.forumeiros.com/" <a="" class="btn btn-more" style="
    top: -40px;
    position: relative !important;
    margin-right: 30px;
"> Pirate PB<small></small></a>
   
   
    <a href="http://www.mafiarandon.com.br/" <a="" class="btn btn-more" style="
    float: center;
    margin-left: 190px;
    margin-top: 0px;
">Mafia Randon<small></small></a>
   
    <a href="http://www.csvicio.com/" <a="" class="btn btn-more" style="
    float: center;
    margin-left: 405px;
">CS Vicio<small></small></a>
   
    <a href="http://www.puxalegal.com.br/" <a="" class="btn btn-more" style="
    margin-right: -185px;
    margin-top: 125px;
">Puxa Legal<small></small></a>
   
    <a href="http://brmegadowns.blogspot.com.br/" <a="" class="btn btn-more" style="
    float: left;
    position: relative !important;
    margin-left: 130px;
"> Mega Download<small></small></a>
   

<a class="lightbox-31904412901647" style="cursor: pointer; color: #F90; text-decoration: underline;margin-top: 100px;float: right;margin-right: -400px;">Seja um parceiro</a>
  </div>
   
   
  </div>
</section><div style="background:url(http://i.imgur.com/DHQHpyv.png) center top no-repeat;" class="bg-nossos-videos">
</div><div class="list-videos"><div class="center box-last-jobs">

  <div class="grid-2">
    <p><strong>Videos</strong>Novo Trailer SSGAMES e conheça ou pouco do nosso trabalho</p>
  </div>
 
  <div class="grid-9"><div class="owl-item" style="width: 300px;">
 
<iframe width="400" height="200" src="//www.youtube.com/embed/lpc4TDn52SA" frameborder="0" allowfullscreen=""></iframe>
   
<script>
  //Scroll Image -----------------------------|
  $(".owl-img").owlCarousel({
      autoPlay: true,
      navigation: false,
        items: 3,
      pagination: true,
  });
</script>
  </div>
</div> 

</div><!--box-videos-->
</div><!-- wrap -->





<footer class="footer">

  <div class="center">
 

 
  <span class="copy">Todos os direitos reservados ©️ SS GAMES</span>

  <span class="dev"></span>
 
    <a href="/" style="float: right ! important; margin-right: -13%;"><img src="http://i.imgur.com/a8mCmZe.png" title="Portal"></a>
  </div><!--center-->
 
</footer>  <div style="right: 0px; bottom: -3px; position: fixed;">
    <img src="https://lh3.googleusercontent.com/-1ILjd9EYjZU/TpCC5o4AyZI/AAAAAAAAAXM/Lvi8t6ZllX4/s100/DH.png">
</div>
 
      <style type="text/css">
body{
  font-family:"Open Sans", Arial, Helvetica, sans-serif;
  background:#DFDFDF;
  color: #737F89;
  }

.center{
  width:964px;} /* padrão atual */
 
a{  color:#ABB1C3 }

/*-------------------------------
  Header - Section
-------------------------------*/ 
.big-header{
  overflow:hidden;
  position:relative;
  height: 365px;
  margin-bottom:55px;
  }

.header{
  z-index:9999;
  margin-top: 20px;
  position:relative;
  height:111px;
 
 
  }
 
.header .logo{
  width: 333px;
  height: 112px;
  background-image: url('imgs/logo.png');
  display:inline-block;
  font-size: 30px;
  padding-top: 3px;
  position:absolute;
  left:-10px;
  top: -40px;
}

.header .menu{
  width:970px;
  height:111px;
  padding:35px 0 0 405px;
  border-radius:5px;
  background-image:url('http://i.imgur.com/zHAjixv.png');
  font-weight:700; 
  text-transform:uppercase;
  line-height:30px;
  float:right;
  display:inline-block;
  margin-top: 0;
}

.header .menu li{
  display:inline-block;
  margin:0px;
  }
 
.header .menu li a {
  padding:15px 15px;}



.header .jsmenu  ul li  a {
  float:none;
  margin:0;
  padding:5px 10px;}

/*-------------------------------
  Content - Section / Home
-------------------------------*/ 
.content{} 


/* Home > slideshow ----------- */
.owl {
  position:absolute;
  top:0;
  left:0;}
 
.owl-slide img{}

.slider ul li {
  width:100%;
  height:460px;}

        /* Home > chadada destaque  ----------- */
.chamada{
  text-align:center;
  display:table;
  margin:25px auto;
  }
 
.chamada h2 {} 
.chamada p  {}

        /* Home > feature destaque principal  ----------- */
.feature{
  display:table;
  margin-bottom:30px;
  }
 
.feature img{}
.feature h3{padding:0 10px;}
.feature p{padding:0 10px;}
.feature a{margin:0 0 10px 10px;}

/* Home > sub-feature destaque secundario  ----------- */
.sub-feature{  display:table; }

.sub-feature .heading{
  font-size:300%;
  margin:40px 0 20px;
  }
 
.sub-feature p{ }

.sub-feature img{ }


.feature-left{}

.feature-right{  margin-bottom:60px;}

/* Home > chadada destaque  ----------- */
.box-read-dark{
  width:100%;
  background:#EEEFF3;
  padding:50px 0 15px;
  display:table;
  margin: 40px auto 0px;
  }
 
.box-read-dark h2 {} 
.box-read-dark .btn  {
  text-align:center;
  max-width:200px;
  padding:20px 20px;
  margin:30px 0 0;
  float:right;
  font-size:140%;
  font-weight:900;
  }
 
.box-read-dark .btn small  {
  font-weight:400;
  display:block;
  clear:both;
  }

/* Home > box-portfolio ultimos projetos  ----------- */
.box-last-jobs{  display:table; margin-bottom:80px;}

.box-last-jobs .lead {  margin-bottom:40px; }

.box-last-jobs .grid-2{  width:200px; /* tamanho original - 152px */  margin-top: 5px;}
 
.box-last-jobs .grid-2 p{}
.box-last-jobs .grid-2 a{}

.box-last-jobs .grid-9{
  float:right;
  margin:0;}

.box-last-jobs .owl-theme .owl-pagination{
  padding-right:5px;
  float:right;}

.box-last-jobs strong {
  display:block;}

.list-videos { 
  /* margin-bottom:50px; */
  padding: 75px 0;
  height: 300px;
  background:#FFF;}

.bg-nossos-videos {
    height:191px;
  margin-bottom: -5px;
}

.list-videos ul li iframe{
  width:230px;
  height:160px;}
 
        /* Barra vermelha com h2  ----------- */
.chamada h2{
  color:#FFF;
  padding:20px 0;
  background:#ef2429;}

/* page  ----------- */
.tb-regras .page {
  height:auto;}

.pg-page .owl-bar #bar {
  display:none;}

.pg-page .big-header {
  margin:0;
  height: 150px;
  overflow: inherit;
}
 
.pg-page .header {
  margin-top: 15px;
  /* overflow: hidden; */
  height: 400px;
}
 
.pg-page .header .logo {
  top:-30px;}
 
.pg-page .owl-item {
  height:350px;
  }
 
.titulo{
  height:128px;
  background-image:url('imgs/1600x128.jpg');
  padding: 25px 0 0;
  margin:0 auto;
  overflow:hidden;
  margin-bottom: 60px;
  position:relative;
  }

.titulo .sombra{
  position:absolute;
  top:-5px;
  display:block;
  width:100%;
  height:1px;
  z-index:999;
  box-shadow:-2px 2px 5px #0f3e77;
  } 
 
       
.titulo h1{
  font-weight:900;
  font-size:300%;
  color:#FFF;
  }

 
.breadcrumb { 
  color:#FFF;
  overflow: hidden;
  font-size:90%;
  opacity:.8; 
  }
       
.breadcrumb a  {
  line-height:20px;
  color:#FFF;
  display: inline-block;
  float: left;
  }
 
.breadcrumb a:after  {
  content: " › ";
  font-size:130%;
  color: #FFF;
  padding:0 5px 0 3px;
  }     
 
/*-------------------------------
  Nossa Equipe - Section
-------------------------------*/     
 
.tb-nossa-equipe .box-equipe,
.tb-nossa-equipe .filterable{
  display:table;
  background:#FFF;
  margin-bottom: 50px;
}
 
.tb-nossa-equipe .box-equipe {
  display:table;}

.tb-nossa-equipe .box-equipe .lead {  margin-bottom:40px; }

.tb-nossa-equipe .box-equipe .img-radius{
  width:190px;
  height: 200px;
  margin:0 auto;
  }

.tb-nossa-equipe .box-equipe h3{
  line-height:30px;
  margin-bottom:10px;
  }
 
.tb-nossa-equipe .box-equipe h2 {
  text-align:center;}
 
.tb-nossa-equipe .box-equipe small{
  display:block;
  clear:both;
  font-size:65%;
  font-weight:100;
  }

.tb-nossa-equipe .testers {
  color:#333300;}
 
.tb-nossa-equipe .gameadmins {
  color:#5b737b;} 

.tb-nossa-equipe .supervisores {
  color:#CD853F;} 
 
.tb-nossa-equipe .leadadmins {
  color:#378d23;} 
 
.tb-nossa-equipe .developers {
  color:#632d70;} 
 
.tb-nossa-equipe .webmasters {
  color:#8D490C;} 
 
.tb-nossa-equipe .management {
  color:#FF0000;} 
/*-------------------------------
  Doação - Section
-------------------------------*/ 
.tb-doacao .page img {
  margin-bottom:20px;} 
 
.tb-doacao .contribuir {
  text-align:center;} 
 
.tb-doacao pre {
  letter-spacing:-0.4px;
  height:300px;}

.NFI-wrapper {
  width:800px;
  /* height: 100px; */
}
 
.NFI-button {
  float:left;}
 
.pacotes small {
  display:block;
  line-height: 20px;
}
 
.pacotes .col-4,
.pacotes .col-3 {
  background:#FFF;
  height: 350px;
  padding:20px 0;
  border:solid 2px #CCC;
  text-align: center;
}
 
.pacotes .col-4 .button,
.pacotes .col-3 .button {
  border-bottom:solid 3px;
  text-transform:uppercase;
  font-size:16px;
  color:#FFF;
  border-radius:5px;
  padding: 10px 55px 10px 35px;
  position: absolute;
  left: 40px;
  bottom: 20px;
  margin-left: 36px;
  /* width: 00px; */
}

.pacotes .col-4 .button {
  width: 130px;
  margin-left: 0;
  padding: 10px 0px 10px 0px;
}
 
.pacotes .col-4 .pacote-1,
.pacotes .col-3 .pacote-1 {
  border-color:#5e0101;
  background-color:#8b0303;
  /* margin: 0 0 0 33px; */
}

.pacotes .col-4 .pacote-1:hover,
.pacotes .col-3 .pacote-1:hover {
  background:#5e0101;}

.pacotes .col-4 .pacote-2,
.pacotes .col-3 .pacote-2 {
  border-color:#033460;
  background-color:#07588d;
  /* margin: 0 0 0 38px; */
  /* padding-left: 10px; */
}
 
.pacotes .col-4 .pacote-2:hover,
.pacotes .col-3 .pacote-2:hover {
  background:#033460;}

.pacotes .col-4 .pacote-3,
.pacotes .col-3 .pacote-3 {
  border-color:#305f03;
  background-color:#538c07;
  /* margin: 0 0 0 30px; */}

.pacotes .col-4 .pacote-3:hover,
.pacotes .col-3 .pacote-3:hover {
  background:#305f03;}

.pacotes .col-4 .pacote-4{
  margin-top:0;
  border-color:#3c005f;
  background-color:#62018c;}
 
.pacotes .col-4 .pacote-4:hover {
  background:#3c005f;}
 
.pacotes.house-business .button {
  bottom:20px;}
 
.pacotes.house-business .col-4 {
  height: 320px;}


form .col-3 {
  background: none;}
 
.pacotes .col-4 strong,
.pacotes .col-3 strong {
  float:left;}
 
.pacotes .col-4 .pop,
.pacotes .col-3 .pop {
  float:right;}

.pacotes .col-4 .pop_menu,
.pacotes .col-3 .pop_menu {
  width:200px;}
 
.col-4 .pop_menu a,
.col-3 .pop_menu a {
  background:red;
  border-radius:5px;
  padding:5px 20px;
  color:#FFF;
  margin-top:10px;} 
 
.col-4 .pop_menu .pacote-4,
.col-3 .pop_menu .pacote-4 {
  margin-top:10px;}
 
/*-------------------------------
  Notícias - Section
-------------------------------*/ 
.blog .page {
  margin-bottom:50px;
  background:#FFF;
  width:650px;
  float:left;}
 
.blog iframe {
  width:100%;
  height:400px}
 
.blog .page strong {
  display:block;}

.blog .sidebar {
  border-top:solid 1px #CCC;
  background:#FFF;
  width:250px;
  float:right;
  margin-bottom: 150px;
}
 
.blog .sidebar a {
  letter-spacing:1px;
  display:block;
  border-bottom:solid 1px #CCC;
  text-transform:uppercase;
  padding:10px 0 10px 25px;
  font-size:16px;}

.blog .sidebar a:before  {
  content: " › ";
  font-size:130%;
  color: #ABB1C3;
  padding:0 5px 0 3px;
  }


 
.blog .sidebar li a:hover {
  padding-left:35px;}
 
/*-------------------------------
  Atualizações - Section
-------------------------------*/     
.updates {
  margin:30px;
  float:left;
  width:580px;}
 
ul.updates li {
  height:99px;
  margin-bottom:23px;
  border-bottom:solid 1px #e1e9eb;}
 
ul.updates li:last-child{
  border:none;}

ul.updates .data {
  margin-right:16px;
  float:left;
  background:url('imgs/bg-data.jpg') top right no-repeat;
  color:#49b8c3;
  width:33px;
  height:80px;
  padding:17px 53px 0 0;}
 
ul.updates .data big {
  display:block;
  font-size:30px;}
 
ul.updates .data small {
  text-transform:uppercase;
  font-size:16px;}
 
ul.updates a.details {
  color:#8d9ea7;
  padding-top:2px;
  line-height: 70px;}
 
/*-------------------------------
  Notícias - Section
-------------------------------*/     
.news {
  margin:30px;
  float:left;
  width:580px;}
 
ul.news li {
  height:99px;
  margin-bottom:23px;
  border-bottom:solid 1px #e1e9eb;}
 
ul.news li:last-child{
  border:none;}

ul.news .data {
  margin-right:16px;
  float:left;
  background:url('imgs/bg-data.jpg') top right no-repeat;
  color:#49b8c3;
  width:33px;
  height:80px;
  padding:17px 53px 0 0;}
 
ul.news .data big {
  display:block;
  font-size:30px;}
 
ul.news .data small {
  text-transform:uppercase;
  font-size:16px;}
 
ul.news a.details {
  color:#8d9ea7;
  padding-top:2px;
  line-height: 70px;}
     
/*-------------------------------
  Footer - Section
-------------------------------*/ 
.footer{
  background:#2E3739;
  width:100%;
  overflow:hidden;
  display:table;
  margin:0 auto 0;
  padding:20px 0;
  border-top:2px solid #ECF0F1; 
  } 


.footer .menu{
  width:85%;
  display:inline-block;
  margin-bottom:10px;
  text-transform:uppercase;
  }

.footer .menu li{
  display:inline-block;
  margin-right:20px;
  }
       
.footer .menu a{
  color:#FFF;}

.footer .back-top{
  color:#FFF;
  float:right;
  display:inline-block;
  }

.footer .copy{
  color:#FFF;
  width:auto;
  float:left;
  }

.footer .dev{
  width:auto;
  float:right;
  }
 
 
      </style>

</div><div id="cboxOverlay" style="display: none;"></div><div id="colorbox" class="" role="dialog" tabindex="-1" style="display: none;"><div id="cboxWrapper"><div><div id="cboxTopLeft" style="float: left;"></div><div id="cboxTopCenter" style="float: left;"></div><div id="cboxTopRight" style="float: left;"></div></div><div style="clear: left;"><div id="cboxMiddleLeft" style="float: left;"></div><div id="cboxContent" style="float: left;"><div id="cboxTitle" style="float: left;"></div><div id="cboxCurrent" style="float: left;"></div><button type="button" id="cboxPrevious"></button><button type="button" id="cboxNext"></button><button id="cboxSlideshow"></button><div id="cboxLoadingOverlay" style="float: left;"></div><div id="cboxLoadingGraphic" style="float: left;"></div></div><div id="cboxMiddleRight" style="float: left;"></div></div><div style="clear: left;"><div id="cboxBottomLeft" style="float: left;"></div><div id="cboxBottomCenter" style="float: left;"></div><div id="cboxBottomRight" style="float: left;"></div></div></div><div style="position: absolute; width: 9999px; visibility: hidden; display: none; max-width: none;"></div></div><iframe allowtransparency="true" frameborder="0" id="abs-top-frame" src="chrome-extension://flliilndjeohchalpbbcdekjklbdgfkk/html/top.html?1416642328286#minimized" style="position: fixed; z-index: 4294967295; overflow: hidden; top: 0px; left: 0px; right: 0px; width: 138px; height: 13px; max-height: none; min-height: 0px; margin: 0px auto; padding: 0px; border: 0px; display: block; background-color: transparent;"></iframe><div id="cboxOverlay" style="display: none;"></div><div id="colorbox" class="" role="dialog" tabindex="-1" style="display: none;"><div id="cboxWrapper"><div><div id="cboxTopLeft" style="float: left;"></div><div id="cboxTopCenter" style="float: left;"></div><div id="cboxTopRight" style="float: left;"></div></div><div style="clear: left;"><div id="cboxMiddleLeft" style="float: left;"></div><div id="cboxContent" style="float: left;"><div id="cboxTitle" style="float: left;"></div><div id="cboxCurrent" style="float: left;"></div><button type="button" id="cboxPrevious"></button><button type="button" id="cboxNext"></button><button id="cboxSlideshow"></button><div id="cboxLoadingOverlay" style="float: left;"></div><div id="cboxLoadingGraphic" style="float: left;"></div></div><div id="cboxMiddleRight" style="float: left;"></div></div><div style="clear: left;"><div id="cboxBottomLeft" style="float: left;"></div><div id="cboxBottomCenter" style="float: left;"></div><div id="cboxBottomRight" style="float: left;"></div></div></div><div style="position: absolute; width: 9999px; visibility: hidden; display: none; max-width: none;"></div></div></body><iframe allowtransparency="true" frameborder="0" id="abs-top-frame" src="chrome-extension://flliilndjeohchalpbbcdekjklbdgfkk/html/top.html?1416674245649#minimized" style="position: fixed; z-index: 4294967295; overflow: hidden; top: 0px; left: 0px; right: 0px; width: 138px; height: 13px; max-height: none; min-height: 0px; margin: 0px auto; padding: 0px; border: 0px; display: block; background-color: transparent;"></iframe></html>

Até! Contente
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos