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


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
» [Logo] Musculação
Hoje à(s) 4:33 por P.H

» [Logo] Pássaros
Hoje à(s) 3:45 por P.H

» Problemas na ativação do Formulario
Hoje à(s) 1:59 por Harleen

» Mudar pre-visualização do formulário
Hoje à(s) 0:29 por YouTube3

» Personalizar SCEditor
Hoje à(s) 0:29 por YouTube3

» Personalizar Widget
Ontem à(s) 23:39 por YuriGama

» Bug na Pagina HTML
Ontem à(s) 23:37 por xBreninho_.

LiveStream TV Forumeiros - #Forumeiros
Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Parceiros Forumeiros
Quem está conectado
85 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 84 Visitantes :: 1 Motor de busca

Luiz~

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Seg 17 Nov 2014 - 22:33

Detalhes da dúvida


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

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

Descrição do problema

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


Última edição por Dex7er em Dom 23 Nov 2014 - 20:29, editado 1 vez(es)

Dex7er
Nível 8

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

http://imp-family.forumeiros.com

Resolvido Re: HTML Mudansa na aria de Parceria

Mensagem por Reset em Qua 19 Nov 2014 - 0:42

Olá!

Este é o código:
http://pastebin.com/XCf4uuci

Até mais,
Reset.

Reset
Membro do Fórum

Masculino
Inscrito dia : 30/09/2014
Mensagens : 1089
Pontos Ativos : 2236

http://ajuda.forumeiros.com/

Resolvido Re: HTML Mudansa na aria de Parceria

Mensagem por Dex7er em Qua 19 Nov 2014 - 1:53

fico o mesmo modelo ...

Dex7er
Nível 8

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

http://imp-family.forumeiros.com

Resolvido Re: HTML Mudansa na aria de Parceria

Mensagem por Dex7er em Qui 20 Nov 2014 - 12:59

alguém poderia me ajudar ...

Dex7er
Nível 8

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

http://imp-family.forumeiros.com

Resolvido Re: HTML Mudansa na aria de Parceria

Mensagem por Shek Crowley em Sex 21 Nov 2014 - 12:37

Olá!

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

Até mais!


Seta Respeite as Regras gerais do fórum e conheça a nossa equipa.
Seta Veja a Lista de FAQs do seu Painel e Lista de tutoriais
Seta Ferramentas do Administrador
Seta Assinalar um Litígio


Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15139
Pontos Ativos : 22372

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 Sex 21 Nov 2014 - 19:36

Aqui está
Código:

<br /><

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

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

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

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


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


<section class="center feature">

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

Dex7er
Nível 8

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

http://imp-family.forumeiros.com

Resolvido Re: HTML Mudansa na aria de Parceria

Mensagem por Gaaratsu em Sab 22 Nov 2014 - 8:08

Saudações!

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




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

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

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

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

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


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


<section class="center feature">

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

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5540
Pontos Ativos : 9252

http://narutongo.forumeiros.com/

Resolvido Re: HTML Mudansa na aria de Parceria

Mensagem por Dex7er em Sab 22 Nov 2014 - 12:42

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

Dex7er
Nível 8

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

http://imp-family.forumeiros.com

Resolvido Re: HTML Mudansa na aria de Parceria

Mensagem por Gaaratsu em Sab 22 Nov 2014 - 16:51

Olá novamente!

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




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

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

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

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


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


<section class="center feature">

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

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5540
Pontos Ativos : 9252

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5