HTML Mudansa na aria de Parceria

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

Resolvido HTML Mudansa na aria de Parceria

Mensagem por Dex7er em 17/11/14, 08:33 pm

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, 06:29 pm, editado 1 vez(es)
avatar

Dex7er
Nível 8

Masculino
Inscrito dia : 28/10/2014
Mensagens : 113
Pontos Ativos : 161

Ver perfil do usuário http://imp-family.forumeiros.com

Resolvido Re: HTML Mudansa na aria de Parceria

Mensagem por Reset em 18/11/14, 10:42 pm

Olá!

Este é o código:

Até mais,
Reset.
avatar

Reset
Membro do Fórum

Masculino
Inscrito dia : 30/09/2014
Mensagens : 1093
Pontos Ativos : 1457

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: HTML Mudansa na aria de Parceria

Mensagem por Dex7er em 18/11/14, 11:53 pm

fico o mesmo modelo ...
avatar

Dex7er
Nível 8

Masculino
Inscrito dia : 28/10/2014
Mensagens : 113
Pontos Ativos : 161

Ver perfil do usuário http://imp-family.forumeiros.com

Resolvido Re: HTML Mudansa na aria de Parceria

Mensagem por Dex7er em 20/11/14, 10:59 am

alguém poderia me ajudar ...
avatar

Dex7er
Nível 8

Masculino
Inscrito dia : 28/10/2014
Mensagens : 113
Pontos Ativos : 161

Ver perfil do usuário http://imp-family.forumeiros.com

Resolvido Re: HTML Mudansa na aria de Parceria

Mensagem por Shek em 21/11/14, 10:37 am

Olá!

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

Até mais!


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17156
Pontos Ativos : 21415

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: HTML Mudansa na aria de Parceria

Mensagem por Dex7er em 21/11/14, 05:36 pm

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://illiweb.com/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>
avatar

Dex7er
Nível 8

Masculino
Inscrito dia : 28/10/2014
Mensagens : 113
Pontos Ativos : 161

Ver perfil do usuário http://imp-family.forumeiros.com

Resolvido Re: HTML Mudansa na aria de Parceria

Mensagem por Gaaratsu em 22/11/14, 06:08 am

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://illiweb.com/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
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7499

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: HTML Mudansa na aria de Parceria

Mensagem por Dex7er em 22/11/14, 10:42 am

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
avatar

Dex7er
Nível 8

Masculino
Inscrito dia : 28/10/2014
Mensagens : 113
Pontos Ativos : 161

Ver perfil do usuário http://imp-family.forumeiros.com

Resolvido Re: HTML Mudansa na aria de Parceria

Mensagem por Gaaratsu em 22/11/14, 02:51 pm

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://illiweb.com/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


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7499

Ver perfil do usuário http://narutongo.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum