Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» quanto tempo vcs estao no forumeiros?
Hoje à(s) 12:04 pm por Shek

» Informações tooltip
Hoje à(s) 11:27 am por Harleen

» Problema de com aparência dos fóruns e sub fóruns
Hoje à(s) 11:24 am por Harleen

» Fundo Emoticon
Hoje à(s) 10:41 am por Luiz~

» Efeito desnecessário avatar
Hoje à(s) 10:40 am por Luiz~

» Alterrar CSS Cores entre outros , temas
Hoje à(s) 10:20 am por Luiz~

» Remover Legenda dos Botões do Menu
Hoje à(s) 10:16 am por Luiz~

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz~
 
Harleen
 
Shek
 
Kenno LP
 
Kyo Panda
 
Ramon Rodrigues
 
Sennior
 
Flames
 
Holkis
 
Blackfyre
 

Quem está conectado
290 usuários online :: 10 usuários cadastrados, Nenhum Invisível e 280 Visitantes :: 2 Motores de busca

[K]oke, admin186, Claudio Arthur, hggandy, Jefferson105, Luiz~, Quinn, rlmac, Sennior, Shek

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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

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:
http://pastebin.com/XCf4uuci

Até mais,
Reset.
avatar

Reset
Membro do Fórum

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

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

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

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!


ShekAdmineiro - 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 : 16301
Pontos Ativos : 20806

http://www.shiftactif.com 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

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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

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

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
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

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