InícioHTML Mudansa na aria de Parceria
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1 • Compartilhe
HTML Mudansa na aria de Parceria
por Dex7er 17.11.14 22:33
Detalhes da dúvida
Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Mozilla Firefox, Google Chrome
Imagem :
- Imagem da minha dúvida:
Membros afetados : Somente comigo
Endereço do fórum : http://tesetleo.forumeiros.com/
Descrição do problema
Bom queria pedir um código para deixar as parcerias da HTML como a imagem acima (editado no Photoshop) bom aqui esta a html http://tesetleo.forumeiros.com/h6-html-sendo-editaÚltima edição por Dex7er em 23.11.14 20:29, editado 1 vez(es)
Dex7er- ***
- Membro desde : 28/10/2014
Mensagens : 113
Pontos : 166 -
Reset- Super Membro
- Membro desde : 30/09/2014
Mensagens : 1098
Pontos : 1476 -
Dex7er- ***
- Membro desde : 28/10/2014
Mensagens : 113
Pontos : 166 -
Dex7er- ***
- Membro desde : 28/10/2014
Mensagens : 113
Pontos : 166 -
Re: HTML Mudansa na aria de Parceria
por Shek 21.11.14 12:37
Olá!
Me passe o código de sua página HTML neste tópico, por favor.
Até mais!
Me passe o código de sua página HTML neste tópico, por favor.
Até mais!
Shek- Principal Contribuidor
- Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969 -
Re: HTML Mudansa na aria de Parceria
por Dex7er 21.11.14 19:36
Aqui está
- Código:
<br /><
<!DOCTYPE html>
<html class="no-js" lang="pt-br">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>SSGAMES - Crescendo cada vez mais é cada vez melhor.</title><link rel="shortcut icon" href="http://i.imgur.com/X9u1g5r.png" type="image/x-icon" />
<!-- Style CSS-->
<link rel="stylesheet" href="http://advanced-roleplay.com.br/libs/css/rocket-min.css" >
<!-- Scripts - adiciona todos os plugins compilados -->
<script src="http://advanced-roleplay.com.br/libs/js/rocket-min.js"></script>
<script src="http://advanced-roleplay.com.br/libs/js/holder.js"></script>
<script src="http://advanced-roleplay.com.br/libs/js/functions.js"></script>
</head>
<body><div class="wrap">
<div class="big-header">
<header class="center header">
<ul class="jsmenu nav menu ">
<li><a href="/portal">Inicio</a></li>
<li><a href="/forum">Fórum</a></li>
<li><a href="/f3-regras-ssgames">Regras</a>
<li><a href="/login">Entrar</a></li>
<li><a href="/register">Registrar-se</a></li>
</header> <div class="slider">
<ul class="owl owl owl-bar">
<li style="background:url(http://i.imgur.com/Q5yI4Rg.jpg) center top no-repeat;"></li>
<li style="background:url(http://i.imgur.com/sboOO8R.jpg) center top no-repeat;"></li>
<li style="background:url(http://i.imgur.com/uy6RILs.jpg) center top no-repeat;"></li>
<li style="background:url(http://i.imgur.com/WCRg8te.jpg) center top no-repeat;"></li>
<li style="background:url(http://i.imgur.com/cJUZ9vT.jpg) center top no-repeat;"></li>
</ul>
</div>
</div><!--big-header-->
<section class="center feature">
<div class="col-3">
<img src="http://i.imgur.com/FFipGvS.png" alt="Descrição">
<h3>Nossa Equipe</h3>
<p>Para aproveitar o melhor, é fundamental trabalharmos em equipe. Esse é o verdadeiro time vencedor.</p>
<a class="btn btn-more" href="/t34-lista-da-comunidade" role="button">Mais detalhes »</a>
</div>
<div class="col-3">
<img src=" http://i.imgur.com/qraJcSU.png" alt="Descrição">
<h3>Avisos</h3>
<p>Aqui você confere todos os avisos da SSGames</p>
<a class="btn btn-more" href="/t4067-aviso-importante" role="button">Mais detalhes »</a>
</div>
<div class="col-3">
<img src="http://i.imgur.com/xT0JLFh.png" alt="Descrição">
<h3>Regras</h3>
<p>Não seja uma pessoa completa mente descuidada, leia as regras da SSGames <img src="http://2img.net/i/fa/i/smiles/icon_smile.gif" alt="Smile" longdesc="2" /></p>
<a class="btn btn-more" href="/f3-regras-ssgames" role="button">Mais detalhes »</a>
</div>
</section><!--fature-->
<section class="box-read-dark">
<div class="center">
<div class="grid-9">
<h2>Algumas Parcerias:</h2>
<a href="http://www.homesamp.com/"<a class="btn btn-more">HomeSamp<small></small></a>
<a href="http://www.animefoxbr.com.br/"<a class="btn btn-more">Anime Fox BR<small></small></a>
<a href="http://www.fatalitydesign.blogspot.com.br/"<a class="btn btn-more" >Fatality Design<small></small></a>
<a href="http://ipiratepb.forumeiros.com/"<a class="btn btn-more" > Pirate PB<small></small></a>
<a href="http://www.mafiarandon.com.br/"<a class="btn btn-more">Mafia Randon<small></small></a>
<a href="http://www.csvicio.com/"<a class="btn btn-more">CS Vicio<small></small></a>
<a href="http://www.puxalegal.com.br/"<a class="btn btn-more" >Puxa Legal<small></small></a>
<a href="http://brmegadowns.blogspot.com.br/"<a class="btn btn-more" > Mega Download<small></small></a>
<a class="lightbox-31904412901647" style="cursor: pointer; color: #F90; text-decoration: underline;">Seja um parceiro</a>
</div>
</div>
</section><div style="background:url(http://i.imgur.com/DHQHpyv.png) center top no-repeat;" class="bg-nossos-videos">
</div><div class="list-videos"><div class="center box-last-jobs">
<div class="grid-2">
<p><strong>Videos</strong>Novo Trailer SSGAMES e conheça ou pouco do nosso trabalho</p>
</div>
<div class="grid-9"><div class="owl-item" style="width: 300px;">
<iframe width="400" height="200" src="//www.youtube.com/embed/lpc4TDn52SA" frameborder="0" allowfullscreen></iframe>
<script>
//Scroll Image -----------------------------|
$(".owl-img").owlCarousel({
autoPlay: true,
navigation: false,
items: 3,
pagination: true,
});
</script>
</div>
</div>
</div><!--box-videos-->
</div><!-- wrap -->
<footer class="footer">
<div class="center">
<span class="copy">Todos os direitos reservados © SS GAMES</span>
<span class="dev"></span>
<a href="/" style="float: right ! important; margin-right: -13%;"><img src="http://i.imgur.com/a8mCmZe.png" title="Portal" /></a>
</div><!--center-->
</footer>
<div style="right: 0px; bottom: -3px; position: fixed;">
<img src="https://lh3.googleusercontent.com/-1ILjd9EYjZU/TpCC5o4AyZI/AAAAAAAAAXM/Lvi8t6ZllX4/s100/DH.png" />
</div>
<style type="text/css">
body{
font-family:"Open Sans", Arial, Helvetica, sans-serif;
background:#DFDFDF;
color: #737F89;
}
.center{
width:964px;} /* padrão atual */
a{ color:#ABB1C3 }
/*-------------------------------
Header - Section
-------------------------------*/
.big-header{
overflow:hidden;
position:relative;
height: 365px;
margin-bottom:55px;
}
.header{
z-index:9999;
margin-top: 20px;
position:relative;
height:111px;
}
.header .logo{
width: 333px;
height: 112px;
background-image: url('imgs/logo.png');
display:inline-block;
font-size: 30px;
padding-top: 3px;
position:absolute;
left:-10px;
top: -40px;
}
.header .menu{
width:970px;
height:111px;
padding:35px 0 0 405px;
border-radius:5px;
background-image:url('http://i.imgur.com/zHAjixv.png');
font-weight:700;
text-transform:uppercase;
line-height:30px;
float:right;
display:inline-block;
margin-top: 0;
}
.header .menu li{
display:inline-block;
margin:0px;
}
.header .menu li a {
padding:15px 15px;}
.header .jsmenu ul li a {
float:none;
margin:0;
padding:5px 10px;}
/*-------------------------------
Content - Section / Home
-------------------------------*/
.content{}
/* Home > slideshow ----------- */
.owl {
position:absolute;
top:0;
left:0;}
.owl-slide img{}
.slider ul li {
width:100%;
height:460px;}
/* Home > chadada destaque ----------- */
.chamada{
text-align:center;
display:table;
margin:25px auto;
}
.chamada h2 {}
.chamada p {}
/* Home > feature destaque principal ----------- */
.feature{
display:table;
margin-bottom:30px;
}
.feature img{}
.feature h3{padding:0 10px;}
.feature p{padding:0 10px;}
.feature a{margin:0 0 10px 10px;}
/* Home > sub-feature destaque secundario ----------- */
.sub-feature{ display:table; }
.sub-feature .heading{
font-size:300%;
margin:40px 0 20px;
}
.sub-feature p{ }
.sub-feature img{ }
.feature-left{}
.feature-right{ margin-bottom:60px;}
/* Home > chadada destaque ----------- */
.box-read-dark{
width:100%;
background:#EEEFF3;
padding:50px 0 15px;
display:table;
margin: 40px auto 0px;
}
.box-read-dark h2 {}
.box-read-dark .btn {
text-align:center;
max-width:200px;
padding:20px 20px;
margin:30px 0 0;
float:right;
font-size:140%;
font-weight:900;
}
.box-read-dark .btn small {
font-weight:400;
display:block;
clear:both;
}
/* Home > box-portfolio ultimos projetos ----------- */
.box-last-jobs{ display:table; margin-bottom:80px;}
.box-last-jobs .lead { margin-bottom:40px; }
.box-last-jobs .grid-2{ width:200px; /* tamanho original - 152px */ margin-top: 5px;}
.box-last-jobs .grid-2 p{}
.box-last-jobs .grid-2 a{}
.box-last-jobs .grid-9{
float:right;
margin:0;}
.box-last-jobs .owl-theme .owl-pagination{
padding-right:5px;
float:right;}
.box-last-jobs strong {
display:block;}
.list-videos {
/* margin-bottom:50px; */
padding: 75px 0;
height: 300px;
background:#FFF;}
.bg-nossos-videos {
height:191px;
margin-bottom: -5px;
}
.list-videos ul li iframe{
width:230px;
height:160px;}
/* Barra vermelha com h2 ----------- */
.chamada h2{
color:#FFF;
padding:20px 0;
background:#ef2429;}
/* page ----------- */
.tb-regras .page {
height:auto;}
.pg-page .owl-bar #bar {
display:none;}
.pg-page .big-header {
margin:0;
height: 150px;
overflow: inherit;
}
.pg-page .header {
margin-top: 15px;
/* overflow: hidden; */
height: 400px;
}
.pg-page .header .logo {
top:-30px;}
.pg-page .owl-item {
height:350px;
}
.titulo{
height:128px;
background-image:url('imgs/1600x128.jpg');
padding: 25px 0 0;
margin:0 auto;
overflow:hidden;
margin-bottom: 60px;
position:relative;
}
.titulo .sombra{
position:absolute;
top:-5px;
display:block;
width:100%;
height:1px;
z-index:999;
box-shadow:-2px 2px 5px #0f3e77;
}
.titulo h1{
font-weight:900;
font-size:300%;
color:#FFF;
}
.breadcrumb {
color:#FFF;
overflow: hidden;
font-size:90%;
opacity:.8;
}
.breadcrumb a {
line-height:20px;
color:#FFF;
display: inline-block;
float: left;
}
.breadcrumb a:after {
content: " › ";
font-size:130%;
color: #FFF;
padding:0 5px 0 3px;
}
/*-------------------------------
Nossa Equipe - Section
-------------------------------*/
.tb-nossa-equipe .box-equipe,
.tb-nossa-equipe .filterable{
display:table;
background:#FFF;
margin-bottom: 50px;
}
.tb-nossa-equipe .box-equipe {
display:table;}
.tb-nossa-equipe .box-equipe .lead { margin-bottom:40px; }
.tb-nossa-equipe .box-equipe .img-radius{
width:190px;
height: 200px;
margin:0 auto;
}
.tb-nossa-equipe .box-equipe h3{
line-height:30px;
margin-bottom:10px;
}
.tb-nossa-equipe .box-equipe h2 {
text-align:center;}
.tb-nossa-equipe .box-equipe small{
display:block;
clear:both;
font-size:65%;
font-weight:100;
}
.tb-nossa-equipe .testers {
color:#333300;}
.tb-nossa-equipe .gameadmins {
color:#5b737b;}
.tb-nossa-equipe .supervisores {
color:#CD853F;}
.tb-nossa-equipe .leadadmins {
color:#378d23;}
.tb-nossa-equipe .developers {
color:#632d70;}
.tb-nossa-equipe .webmasters {
color:#8D490C;}
.tb-nossa-equipe .management {
color:#FF0000;}
/*-------------------------------
Doação - Section
-------------------------------*/
.tb-doacao .page img {
margin-bottom:20px;}
.tb-doacao .contribuir {
text-align:center;}
.tb-doacao pre {
letter-spacing:-0.4px;
height:300px;}
.NFI-wrapper {
width:800px;
/* height: 100px; */
}
.NFI-button {
float:left;}
.pacotes small {
display:block;
line-height: 20px;
}
.pacotes .col-4,
.pacotes .col-3 {
background:#FFF;
height: 350px;
padding:20px 0;
border:solid 2px #CCC;
text-align: center;
}
.pacotes .col-4 .button,
.pacotes .col-3 .button {
border-bottom:solid 3px;
text-transform:uppercase;
font-size:16px;
color:#FFF;
border-radius:5px;
padding: 10px 55px 10px 35px;
position: absolute;
left: 40px;
bottom: 20px;
margin-left: 36px;
/* width: 00px; */
}
.pacotes .col-4 .button {
width: 130px;
margin-left: 0;
padding: 10px 0px 10px 0px;
}
.pacotes .col-4 .pacote-1,
.pacotes .col-3 .pacote-1 {
border-color:#5e0101;
background-color:#8b0303;
/* margin: 0 0 0 33px; */
}
.pacotes .col-4 .pacote-1:hover,
.pacotes .col-3 .pacote-1:hover {
background:#5e0101;}
.pacotes .col-4 .pacote-2,
.pacotes .col-3 .pacote-2 {
border-color:#033460;
background-color:#07588d;
/* margin: 0 0 0 38px; */
/* padding-left: 10px; */
}
.pacotes .col-4 .pacote-2:hover,
.pacotes .col-3 .pacote-2:hover {
background:#033460;}
.pacotes .col-4 .pacote-3,
.pacotes .col-3 .pacote-3 {
border-color:#305f03;
background-color:#538c07;
/* margin: 0 0 0 30px; */}
.pacotes .col-4 .pacote-3:hover,
.pacotes .col-3 .pacote-3:hover {
background:#305f03;}
.pacotes .col-4 .pacote-4{
margin-top:0;
border-color:#3c005f;
background-color:#62018c;}
.pacotes .col-4 .pacote-4:hover {
background:#3c005f;}
.pacotes.house-business .button {
bottom:20px;}
.pacotes.house-business .col-4 {
height: 320px;}
form .col-3 {
background: none;}
.pacotes .col-4 strong,
.pacotes .col-3 strong {
float:left;}
.pacotes .col-4 .pop,
.pacotes .col-3 .pop {
float:right;}
.pacotes .col-4 .pop_menu,
.pacotes .col-3 .pop_menu {
width:200px;}
.col-4 .pop_menu a,
.col-3 .pop_menu a {
background:red;
border-radius:5px;
padding:5px 20px;
color:#FFF;
margin-top:10px;}
.col-4 .pop_menu .pacote-4,
.col-3 .pop_menu .pacote-4 {
margin-top:10px;}
/*-------------------------------
NotÃcias - Section
-------------------------------*/
.blog .page {
margin-bottom:50px;
background:#FFF;
width:650px;
float:left;}
.blog iframe {
width:100%;
height:400px}
.blog .page strong {
display:block;}
.blog .sidebar {
border-top:solid 1px #CCC;
background:#FFF;
width:250px;
float:right;
margin-bottom: 150px;
}
.blog .sidebar a {
letter-spacing:1px;
display:block;
border-bottom:solid 1px #CCC;
text-transform:uppercase;
padding:10px 0 10px 25px;
font-size:16px;}
.blog .sidebar a:before {
content: " › ";
font-size:130%;
color: #ABB1C3;
padding:0 5px 0 3px;
}
.blog .sidebar li a:hover {
padding-left:35px;}
/*-------------------------------
Atualizações - Section
-------------------------------*/
.updates {
margin:30px;
float:left;
width:580px;}
ul.updates li {
height:99px;
margin-bottom:23px;
border-bottom:solid 1px #e1e9eb;}
ul.updates li:last-child{
border:none;}
ul.updates .data {
margin-right:16px;
float:left;
background:url('imgs/bg-data.jpg') top right no-repeat;
color:#49b8c3;
width:33px;
height:80px;
padding:17px 53px 0 0;}
ul.updates .data big {
display:block;
font-size:30px;}
ul.updates .data small {
text-transform:uppercase;
font-size:16px;}
ul.updates a.details {
color:#8d9ea7;
padding-top:2px;
line-height: 70px;}
/*-------------------------------
NotÃcias - Section
-------------------------------*/
.news {
margin:30px;
float:left;
width:580px;}
ul.news li {
height:99px;
margin-bottom:23px;
border-bottom:solid 1px #e1e9eb;}
ul.news li:last-child{
border:none;}
ul.news .data {
margin-right:16px;
float:left;
background:url('imgs/bg-data.jpg') top right no-repeat;
color:#49b8c3;
width:33px;
height:80px;
padding:17px 53px 0 0;}
ul.news .data big {
display:block;
font-size:30px;}
ul.news .data small {
text-transform:uppercase;
font-size:16px;}
ul.news a.details {
color:#8d9ea7;
padding-top:2px;
line-height: 70px;}
/*-------------------------------
Footer - Section
-------------------------------*/
.footer{
background:#2E3739;
width:100%;
overflow:hidden;
display:table;
margin:0 auto 0;
padding:20px 0;
border-top:2px solid #ECF0F1;
}
.footer .menu{
width:85%;
display:inline-block;
margin-bottom:10px;
text-transform:uppercase;
}
.footer .menu li{
display:inline-block;
margin-right:20px;
}
.footer .menu a{
color:#FFF;}
.footer .back-top{
color:#FFF;
float:right;
display:inline-block;
}
.footer .copy{
color:#FFF;
width:auto;
float:left;
}
.footer .dev{
width:auto;
float:right;
}
</style>
</body>
</html>
Dex7er- ***
- Membro desde : 28/10/2014
Mensagens : 113
Pontos : 166 -
Re: HTML Mudansa na aria de Parceria
por Konai 22.11.14 8:08
Saudações!
Substitua por esta e veja se lhe agrada:
Até!
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><
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>SSGAMES - Crescendo cada vez mais é cada vez melhor.</title><link rel="shortcut icon" href="http://i.imgur.com/X9u1g5r.png" type="image/x-icon">
<!-- Style CSS-->
<link rel="stylesheet" href="http://advanced-roleplay.com.br/libs/css/rocket-min.css">
<!-- Scripts - adiciona todos os plugins compilados -->
<script src="http://advanced-roleplay.com.br/libs/js/rocket-min.js"></script><script src="https://maps.gstatic.com/intl/pt_br/mapfiles/api-3/16/9/main.js" type="text/javascript"></script>
<script src="http://advanced-roleplay.com.br/libs/js/holder.js"></script>
<script src="http://advanced-roleplay.com.br/libs/js/functions.js"></script>
<div class="wrap">
<div class="big-header">
<header class="center header">
<ul class="jsmenu nav menu ">
<li><a href="/portal">Inicio</a></li>
<li><a href="/forum">Fórum</a></li>
<li><a href="/f3-regras-ssgames">Regras</a>
</li><li><a href="/login">Entrar</a></li>
<li><a href="/register">Registrar-se</a></li>
</ul></header> <div class="slider">
<ul class="owl owl owl-bar owl-carousel owl-theme" style="opacity: 1; display: block;">
<div class="owl-wrapper-outer"><div class="owl-wrapper" style="width: 14230px; left: 0px; display: block;"><div class="owl-item" style="width: 1423px;"><li style="background:url(http://i.imgur.com/Q5yI4Rg.jpg) center top no-repeat;"></li></div><div class="owl-item" style="width: 1423px;"><li style="background:url(http://i.imgur.com/sboOO8R.jpg) center top no-repeat;"></li></div><div class="owl-item" style="width: 1423px;"><li style="background:url(http://i.imgur.com/uy6RILs.jpg) center top no-repeat;"></li></div><div class="owl-item" style="width: 1423px;"><li style="background:url(http://i.imgur.com/WCRg8te.jpg) center top no-repeat;"></li></div><div class="owl-item" style="width: 1423px;"><li style="background:url(http://i.imgur.com/cJUZ9vT.jpg) center top no-repeat;"></li></div></div></div>
<div class="owl-controls clickable"><div class="owl-pagination"><div class="owl-page active"><span class="owl-numbers">1</span></div><div class="owl-page"><span class="owl-numbers">2</span></div><div class="owl-page"><span class="owl-numbers">3</span></div><div class="owl-page"><span class="owl-numbers">4</span></div><div class="owl-page"><span class="owl-numbers">5</span></div></div></div></ul>
</div>
</div><!--big-header-->
<section class="center feature">
<div class="col-3">
<img src="http://i.imgur.com/FFipGvS.png" alt="Descrição">
<h3>Nossa Equipe</h3>
<p>Para aproveitar o melhor, é fundamental trabalharmos em equipe. Esse é o verdadeiro time vencedor.</p>
<a class="btn btn-more" href="/t34-lista-da-comunidade" role="button">Mais detalhes »</a>
</div>
<div class="col-3">
<img src=" http://i.imgur.com/qraJcSU.png" alt="Descrição">
<h3>Avisos</h3>
<p>Aqui você confere todos os avisos da SSGames</p>
<a class="btn btn-more" href="/t4067-aviso-importante" role="button">Mais detalhes »</a>
</div>
<div class="col-3">
<img src="http://i.imgur.com/xT0JLFh.png" alt="Descrição">
<h3>Regras</h3>
<p>Não seja uma pessoa completa mente descuidada, leia as regras da SSGames <img src="http://2img.net/i/fa/i/smiles/icon_smile.gif" alt="Smile" longdesc="2"></p>
<a class="btn btn-more" href="/f3-regras-ssgames" role="button">Mais detalhes »</a>
</div>
</section><!--fature-->
<section class="box-read-dark">
<div class="center">
<div class="grid-9">
<h2>Algumas Parcerias:</h2>
<a href="http://www.homesamp.com/" <a="" class="btn btn-more" style="
float: right;
margin-right: -375px;
">HomeSamp<small></small></a>
<a href="http://www.animefoxbr.com.br/" <a="" class="btn btn-more" style="
float: left;
margin-left: -130px;
">Anime Fox BR<small></small></a>
<a href="http://www.fatalitydesign.blogspot.com.br/" <a="" class="btn btn-more" style="
margin-right: -40px;
">Fatality Design<small></small></a>
<a href="http://ipiratepb.forumeiros.com/" <a="" class="btn btn-more" style="
top: -100px;
position: relative !important;
"> Pirate PB<small></small></a>
<a href="http://www.mafiarandon.com.br/" <a="" class="btn btn-more" style="
float: center;
margin-left: 190px;
">Mafia Randon<small></small></a>
<a href="http://www.csvicio.com/" <a="" class="btn btn-more" style="
float: center;
margin-left: 435px;
">CS Vicio<small></small></a>
<a href="http://www.puxalegal.com.br/" <a="" class="btn btn-more" style="
margin-right: -185px;
margin-top: 125px;
">Puxa Legal<small></small></a>
<a href="http://brmegadowns.blogspot.com.br/" <a="" class="btn btn-more" style="
float: left;
position: relative !important;
"> Mega Download<small></small></a>
<a class="lightbox-31904412901647" style="cursor: pointer; color: #F90; text-decoration: underline;margin-top: 70px;margin-left: -430px;">Seja um parceiro</a>
</div>
</div>
</section><div style="background:url(http://i.imgur.com/DHQHpyv.png) center top no-repeat;" class="bg-nossos-videos">
</div><div class="list-videos"><div class="center box-last-jobs">
<div class="grid-2">
<p><strong>Videos</strong>Novo Trailer SSGAMES e conheça ou pouco do nosso trabalho</p>
</div>
<div class="grid-9"><div class="owl-item" style="width: 300px;">
<iframe width="400" height="200" src="//www.youtube.com/embed/lpc4TDn52SA" frameborder="0" allowfullscreen=""></iframe>
<script>
//Scroll Image -----------------------------|
$(".owl-img").owlCarousel({
autoPlay: true,
navigation: false,
items: 3,
pagination: true,
});
</script>
</div>
</div>
</div><!--box-videos-->
</div><!-- wrap -->
<footer class="footer">
<div class="center">
<span class="copy">Todos os direitos reservados
SS GAMES</span>
<span class="dev"></span>
<a href="/" style="float: right ! important; margin-right: -13%;"><img src="http://i.imgur.com/a8mCmZe.png" title="Portal"></a>
</div><!--center-->
</footer>
<div style="right: 0px; bottom: -3px; position: fixed;">
<img src="https://lh3.googleusercontent.com/-1ILjd9EYjZU/TpCC5o4AyZI/AAAAAAAAAXM/Lvi8t6ZllX4/s100/DH.png">
</div>
<style type="text/css">
body{
font-family:"Open Sans", Arial, Helvetica, sans-serif;
background:#DFDFDF;
color: #737F89;
}
.center{
width:964px;} /* padrão atual */
a{ color:#ABB1C3 }
/*-------------------------------
Header - Section
-------------------------------*/
.big-header{
overflow:hidden;
position:relative;
height: 365px;
margin-bottom:55px;
}
.header{
z-index:9999;
margin-top: 20px;
position:relative;
height:111px;
}
.header .logo{
width: 333px;
height: 112px;
background-image: url('imgs/logo.png');
display:inline-block;
font-size: 30px;
padding-top: 3px;
position:absolute;
left:-10px;
top: -40px;
}
.header .menu{
width:970px;
height:111px;
padding:35px 0 0 405px;
border-radius:5px;
background-image:url('http://i.imgur.com/zHAjixv.png');
font-weight:700;
text-transform:uppercase;
line-height:30px;
float:right;
display:inline-block;
margin-top: 0;
}
.header .menu li{
display:inline-block;
margin:0px;
}
.header .menu li a {
padding:15px 15px;}
.header .jsmenu ul li a {
float:none;
margin:0;
padding:5px 10px;}
/*-------------------------------
Content - Section / Home
-------------------------------*/
.content{}
/* Home > slideshow ----------- */
.owl {
position:absolute;
top:0;
left:0;}
.owl-slide img{}
.slider ul li {
width:100%;
height:460px;}
/* Home > chadada destaque ----------- */
.chamada{
text-align:center;
display:table;
margin:25px auto;
}
.chamada h2 {}
.chamada p {}
/* Home > feature destaque principal ----------- */
.feature{
display:table;
margin-bottom:30px;
}
.feature img{}
.feature h3{padding:0 10px;}
.feature p{padding:0 10px;}
.feature a{margin:0 0 10px 10px;}
/* Home > sub-feature destaque secundario ----------- */
.sub-feature{ display:table; }
.sub-feature .heading{
font-size:300%;
margin:40px 0 20px;
}
.sub-feature p{ }
.sub-feature img{ }
.feature-left{}
.feature-right{ margin-bottom:60px;}
/* Home > chadada destaque ----------- */
.box-read-dark{
width:100%;
background:#EEEFF3;
padding:50px 0 15px;
display:table;
margin: 40px auto 0px;
}
.box-read-dark h2 {}
.box-read-dark .btn {
text-align:center;
max-width:200px;
padding:20px 20px;
margin:30px 0 0;
float:right;
font-size:140%;
font-weight:900;
}
.box-read-dark .btn small {
font-weight:400;
display:block;
clear:both;
}
/* Home > box-portfolio ultimos projetos ----------- */
.box-last-jobs{ display:table; margin-bottom:80px;}
.box-last-jobs .lead { margin-bottom:40px; }
.box-last-jobs .grid-2{ width:200px; /* tamanho original - 152px */ margin-top: 5px;}
.box-last-jobs .grid-2 p{}
.box-last-jobs .grid-2 a{}
.box-last-jobs .grid-9{
float:right;
margin:0;}
.box-last-jobs .owl-theme .owl-pagination{
padding-right:5px;
float:right;}
.box-last-jobs strong {
display:block;}
.list-videos {
/* margin-bottom:50px; */
padding: 75px 0;
height: 300px;
background:#FFF;}
.bg-nossos-videos {
height:191px;
margin-bottom: -5px;
}
.list-videos ul li iframe{
width:230px;
height:160px;}
/* Barra vermelha com h2 ----------- */
.chamada h2{
color:#FFF;
padding:20px 0;
background:#ef2429;}
/* page ----------- */
.tb-regras .page {
height:auto;}
.pg-page .owl-bar #bar {
display:none;}
.pg-page .big-header {
margin:0;
height: 150px;
overflow: inherit;
}
.pg-page .header {
margin-top: 15px;
/* overflow: hidden; */
height: 400px;
}
.pg-page .header .logo {
top:-30px;}
.pg-page .owl-item {
height:350px;
}
.titulo{
height:128px;
background-image:url('imgs/1600x128.jpg');
padding: 25px 0 0;
margin:0 auto;
overflow:hidden;
margin-bottom: 60px;
position:relative;
}
.titulo .sombra{
position:absolute;
top:-5px;
display:block;
width:100%;
height:1px;
z-index:999;
box-shadow:-2px 2px 5px #0f3e77;
}
.titulo h1{
font-weight:900;
font-size:300%;
color:#FFF;
}
.breadcrumb {
color:#FFF;
overflow: hidden;
font-size:90%;
opacity:.8;
}
.breadcrumb a {
line-height:20px;
color:#FFF;
display: inline-block;
float: left;
}
.breadcrumb a:after {
content: " › ";
font-size:130%;
color: #FFF;
padding:0 5px 0 3px;
}
/*-------------------------------
Nossa Equipe - Section
-------------------------------*/
.tb-nossa-equipe .box-equipe,
.tb-nossa-equipe .filterable{
display:table;
background:#FFF;
margin-bottom: 50px;
}
.tb-nossa-equipe .box-equipe {
display:table;}
.tb-nossa-equipe .box-equipe .lead { margin-bottom:40px; }
.tb-nossa-equipe .box-equipe .img-radius{
width:190px;
height: 200px;
margin:0 auto;
}
.tb-nossa-equipe .box-equipe h3{
line-height:30px;
margin-bottom:10px;
}
.tb-nossa-equipe .box-equipe h2 {
text-align:center;}
.tb-nossa-equipe .box-equipe small{
display:block;
clear:both;
font-size:65%;
font-weight:100;
}
.tb-nossa-equipe .testers {
color:#333300;}
.tb-nossa-equipe .gameadmins {
color:#5b737b;}
.tb-nossa-equipe .supervisores {
color:#CD853F;}
.tb-nossa-equipe .leadadmins {
color:#378d23;}
.tb-nossa-equipe .developers {
color:#632d70;}
.tb-nossa-equipe .webmasters {
color:#8D490C;}
.tb-nossa-equipe .management {
color:#FF0000;}
/*-------------------------------
Doação - Section
-------------------------------*/
.tb-doacao .page img {
margin-bottom:20px;}
.tb-doacao .contribuir {
text-align:center;}
.tb-doacao pre {
letter-spacing:-0.4px;
height:300px;}
.NFI-wrapper {
width:800px;
/* height: 100px; */
}
.NFI-button {
float:left;}
.pacotes small {
display:block;
line-height: 20px;
}
.pacotes .col-4,
.pacotes .col-3 {
background:#FFF;
height: 350px;
padding:20px 0;
border:solid 2px #CCC;
text-align: center;
}
.pacotes .col-4 .button,
.pacotes .col-3 .button {
border-bottom:solid 3px;
text-transform:uppercase;
font-size:16px;
color:#FFF;
border-radius:5px;
padding: 10px 55px 10px 35px;
position: absolute;
left: 40px;
bottom: 20px;
margin-left: 36px;
/* width: 00px; */
}
.pacotes .col-4 .button {
width: 130px;
margin-left: 0;
padding: 10px 0px 10px 0px;
}
.pacotes .col-4 .pacote-1,
.pacotes .col-3 .pacote-1 {
border-color:#5e0101;
background-color:#8b0303;
/* margin: 0 0 0 33px; */
}
.pacotes .col-4 .pacote-1:hover,
.pacotes .col-3 .pacote-1:hover {
background:#5e0101;}
.pacotes .col-4 .pacote-2,
.pacotes .col-3 .pacote-2 {
border-color:#033460;
background-color:#07588d;
/* margin: 0 0 0 38px; */
/* padding-left: 10px; */
}
.pacotes .col-4 .pacote-2:hover,
.pacotes .col-3 .pacote-2:hover {
background:#033460;}
.pacotes .col-4 .pacote-3,
.pacotes .col-3 .pacote-3 {
border-color:#305f03;
background-color:#538c07;
/* margin: 0 0 0 30px; */}
.pacotes .col-4 .pacote-3:hover,
.pacotes .col-3 .pacote-3:hover {
background:#305f03;}
.pacotes .col-4 .pacote-4{
margin-top:0;
border-color:#3c005f;
background-color:#62018c;}
.pacotes .col-4 .pacote-4:hover {
background:#3c005f;}
.pacotes.house-business .button {
bottom:20px;}
.pacotes.house-business .col-4 {
height: 320px;}
form .col-3 {
background: none;}
.pacotes .col-4 strong,
.pacotes .col-3 strong {
float:left;}
.pacotes .col-4 .pop,
.pacotes .col-3 .pop {
float:right;}
.pacotes .col-4 .pop_menu,
.pacotes .col-3 .pop_menu {
width:200px;}
.col-4 .pop_menu a,
.col-3 .pop_menu a {
background:red;
border-radius:5px;
padding:5px 20px;
color:#FFF;
margin-top:10px;}
.col-4 .pop_menu .pacote-4,
.col-3 .pop_menu .pacote-4 {
margin-top:10px;}
/*-------------------------------
NotÃcias - Section
-------------------------------*/
.blog .page {
margin-bottom:50px;
background:#FFF;
width:650px;
float:left;}
.blog iframe {
width:100%;
height:400px}
.blog .page strong {
display:block;}
.blog .sidebar {
border-top:solid 1px #CCC;
background:#FFF;
width:250px;
float:right;
margin-bottom: 150px;
}
.blog .sidebar a {
letter-spacing:1px;
display:block;
border-bottom:solid 1px #CCC;
text-transform:uppercase;
padding:10px 0 10px 25px;
font-size:16px;}
.blog .sidebar a:before {
content: " › ";
font-size:130%;
color: #ABB1C3;
padding:0 5px 0 3px;
}
.blog .sidebar li a:hover {
padding-left:35px;}
/*-------------------------------
Atualizações - Section
-------------------------------*/
.updates {
margin:30px;
float:left;
width:580px;}
ul.updates li {
height:99px;
margin-bottom:23px;
border-bottom:solid 1px #e1e9eb;}
ul.updates li:last-child{
border:none;}
ul.updates .data {
margin-right:16px;
float:left;
background:url('imgs/bg-data.jpg') top right no-repeat;
color:#49b8c3;
width:33px;
height:80px;
padding:17px 53px 0 0;}
ul.updates .data big {
display:block;
font-size:30px;}
ul.updates .data small {
text-transform:uppercase;
font-size:16px;}
ul.updates a.details {
color:#8d9ea7;
padding-top:2px;
line-height: 70px;}
/*-------------------------------
NotÃcias - Section
-------------------------------*/
.news {
margin:30px;
float:left;
width:580px;}
ul.news li {
height:99px;
margin-bottom:23px;
border-bottom:solid 1px #e1e9eb;}
ul.news li:last-child{
border:none;}
ul.news .data {
margin-right:16px;
float:left;
background:url('imgs/bg-data.jpg') top right no-repeat;
color:#49b8c3;
width:33px;
height:80px;
padding:17px 53px 0 0;}
ul.news .data big {
display:block;
font-size:30px;}
ul.news .data small {
text-transform:uppercase;
font-size:16px;}
ul.news a.details {
color:#8d9ea7;
padding-top:2px;
line-height: 70px;}
/*-------------------------------
Footer - Section
-------------------------------*/
.footer{
background:#2E3739;
width:100%;
overflow:hidden;
display:table;
margin:0 auto 0;
padding:20px 0;
border-top:2px solid #ECF0F1;
}
.footer .menu{
width:85%;
display:inline-block;
margin-bottom:10px;
text-transform:uppercase;
}
.footer .menu li{
display:inline-block;
margin-right:20px;
}
.footer .menu a{
color:#FFF;}
.footer .back-top{
color:#FFF;
float:right;
display:inline-block;
}
.footer .copy{
color:#FFF;
width:auto;
float:left;
}
.footer .dev{
width:auto;
float:right;
}
</style>
</div><div id="cboxOverlay" style="display: none;"></div><div id="colorbox" class="" role="dialog" tabindex="-1" style="display: none;"><div id="cboxWrapper"><div><div id="cboxTopLeft" style="float: left;"></div><div id="cboxTopCenter" style="float: left;"></div><div id="cboxTopRight" style="float: left;"></div></div><div style="clear: left;"><div id="cboxMiddleLeft" style="float: left;"></div><div id="cboxContent" style="float: left;"><div id="cboxTitle" style="float: left;"></div><div id="cboxCurrent" style="float: left;"></div><button type="button" id="cboxPrevious"></button><button type="button" id="cboxNext"></button><button id="cboxSlideshow"></button><div id="cboxLoadingOverlay" style="float: left;"></div><div id="cboxLoadingGraphic" style="float: left;"></div></div><div id="cboxMiddleRight" style="float: left;"></div></div><div style="clear: left;"><div id="cboxBottomLeft" style="float: left;"></div><div id="cboxBottomCenter" style="float: left;"></div><div id="cboxBottomRight" style="float: left;"></div></div></div><div style="position: absolute; width: 9999px; visibility: hidden; display: none; max-width: none;"></div></div></body><iframe allowtransparency="true" frameborder="0" id="abs-top-frame" src="chrome-extension://flliilndjeohchalpbbcdekjklbdgfkk/html/top.html?1416642328286#minimized" style="position: fixed; z-index: 4294967295; overflow: hidden; top: 0px; left: 0px; right: 0px; width: 138px; height: 13px; max-height: none; min-height: 0px; margin: 0px auto; padding: 0px; border: 0px; display: block; background-color: transparent;"></iframe></html>
Até!
Konai- Membro Entusiasta
- Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550 -
Re: HTML Mudansa na aria de Parceria
por Dex7er 22.11.14 12:42
bom o Seja um Parceiro não ficou no local desejado 
e tem como descer um pouco o iPiratePB e trazer ou pouco para mais perto dos outros o homesamp
e tem como descer um pouco o iPiratePB e trazer ou pouco para mais perto dos outros o homesamp
Dex7er- ***
- Membro desde : 28/10/2014
Mensagens : 113
Pontos : 166 -
Re: HTML Mudansa na aria de Parceria
por Konai 22.11.14 16:51
Olá novamente!
Que tal assim:
Até!
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><
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>SSGAMES - Crescendo cada vez mais é cada vez melhor.</title><link rel="shortcut icon" href="http://i.imgur.com/X9u1g5r.png" type="image/x-icon">
<!-- Style CSS-->
<link rel="stylesheet" href="http://advanced-roleplay.com.br/libs/css/rocket-min.css">
<!-- Scripts - adiciona todos os plugins compilados -->
<script src="http://advanced-roleplay.com.br/libs/js/rocket-min.js"></script><script src="https://maps.gstatic.com/intl/pt_br/mapfiles/api-3/16/9/main.js" type="text/javascript"></script><script src="https://maps.gstatic.com/intl/pt_br/mapfiles/api-3/16/9/main.js" type="text/javascript"></script>
<script src="http://advanced-roleplay.com.br/libs/js/holder.js"></script>
<script src="http://advanced-roleplay.com.br/libs/js/functions.js"></script>
<div class="wrap">
<div class="big-header">
<header class="center header">
<ul class="jsmenu nav menu ">
<li><a href="/portal">Inicio</a></li>
<li><a href="/forum">Fórum</a></li>
<li><a href="/f3-regras-ssgames">Regras</a>
</li><li><a href="/login">Entrar</a></li>
<li><a href="/register">Registrar-se</a></li>
</ul></header> <div class="slider">
<ul class="owl owl owl-bar owl-carousel owl-theme" style="opacity: 1; display: block;">
<div class="owl-wrapper-outer"><div class="owl-wrapper" style="width: 19922px; left: 0px; display: block;"><div class="owl-item" style="width: 1423px;"><div class="owl-wrapper-outer"><div class="owl-wrapper-outer"><div class="owl-wrapper" style="width: 19922px; left: 0px; display: block;"><div class="owl-item" style="width: 1423px;"><li style="background:url(http://i.imgur.com/Q5yI4Rg.jpg) center top no-repeat;"></li></div><div class="owl-item" style="width: 1423px;"><li style="background:url(http://i.imgur.com/sboOO8R.jpg) center top no-repeat;"></li></div><div class="owl-item" style="width: 1423px;"><li style="background:url(http://i.imgur.com/uy6RILs.jpg) center top no-repeat;"></li></div><div class="owl-item" style="width: 1423px;"><li style="background:url(http://i.imgur.com/WCRg8te.jpg) center top no-repeat;"></li></div><div class="owl-item" style="width: 1423px;"><li style="background:url(http://i.imgur.com/cJUZ9vT.jpg) center top no-repeat;"></li></div></div></div></div></div><div class="owl-item" style="width: 1423px;"><div class="owl-controls clickable"><div class="owl-pagination"><div class="owl-page active"><span class="owl-numbers">1</span></div><div class="owl-page"><span class="owl-numbers">2</span></div><div class="owl-page"><span class="owl-numbers">3</span></div><div class="owl-page"><span class="owl-numbers">4</span></div><div class="owl-page"><span class="owl-numbers">5</span></div></div></div></div></div></div>
<div class="owl-controls clickable"><div class="owl-pagination"><div class="owl-page active"><span class="owl-numbers">1</span></div><div class="owl-page"><span class="owl-numbers">2</span></div></div></div></ul>
</div>
</div><!--big-header-->
<section class="center feature">
<div class="col-3">
<img src="http://i.imgur.com/FFipGvS.png" alt="Descrição">
<h3>Nossa Equipe</h3>
<p>Para aproveitar o melhor, é fundamental trabalharmos em equipe. Esse é o verdadeiro time vencedor.</p>
<a class="btn btn-more" href="/t34-lista-da-comunidade" role="button">Mais detalhes »</a>
</div>
<div class="col-3">
<img src=" http://i.imgur.com/qraJcSU.png" alt="Descrição">
<h3>Avisos</h3>
<p>Aqui você confere todos os avisos da SSGames</p>
<a class="btn btn-more" href="/t4067-aviso-importante" role="button">Mais detalhes »</a>
</div>
<div class="col-3">
<img src="http://i.imgur.com/xT0JLFh.png" alt="Descrição">
<h3>Regras</h3>
<p>Não seja uma pessoa completa mente descuidada, leia as regras da SSGames <img src="http://2img.net/i/fa/i/smiles/icon_smile.gif" alt="Smile" longdesc="2"></p>
<a class="btn btn-more" href="/f3-regras-ssgames" role="button">Mais detalhes »</a>
</div>
</section><!--fature-->
<section class="box-read-dark">
<div class="center">
<div class="grid-9">
<h2>Algumas Parcerias:</h2>
<a href="http://www.homesamp.com/" <a="" class="btn btn-more" style="
float: right;
margin-right: -250px;
">HomeSamp<small></small></a>
<a href="http://www.animefoxbr.com.br/" <a="" class="btn btn-more" style="
float: left;
margin-left: -50px;
">Anime Fox BR<small></small></a>
<a href="http://www.fatalitydesign.blogspot.com.br/" <a="" class="btn btn-more" style="
margin-right: -40px;
margin-top: 100px;
">Fatality Design<small></small></a>
<a href="http://ipiratepb.forumeiros.com/" <a="" class="btn btn-more" style="
top: -40px;
position: relative !important;
margin-right: 30px;
"> Pirate PB<small></small></a>
<a href="http://www.mafiarandon.com.br/" <a="" class="btn btn-more" style="
float: center;
margin-left: 190px;
margin-top: 0px;
">Mafia Randon<small></small></a>
<a href="http://www.csvicio.com/" <a="" class="btn btn-more" style="
float: center;
margin-left: 405px;
">CS Vicio<small></small></a>
<a href="http://www.puxalegal.com.br/" <a="" class="btn btn-more" style="
margin-right: -185px;
margin-top: 125px;
">Puxa Legal<small></small></a>
<a href="http://brmegadowns.blogspot.com.br/" <a="" class="btn btn-more" style="
float: left;
position: relative !important;
margin-left: 130px;
"> Mega Download<small></small></a>
<a class="lightbox-31904412901647" style="cursor: pointer; color: #F90; text-decoration: underline;margin-top: 100px;float: right;margin-right: -400px;">Seja um parceiro</a>
</div>
</div>
</section><div style="background:url(http://i.imgur.com/DHQHpyv.png) center top no-repeat;" class="bg-nossos-videos">
</div><div class="list-videos"><div class="center box-last-jobs">
<div class="grid-2">
<p><strong>Videos</strong>Novo Trailer SSGAMES e conheça ou pouco do nosso trabalho</p>
</div>
<div class="grid-9"><div class="owl-item" style="width: 300px;">
<iframe width="400" height="200" src="//www.youtube.com/embed/lpc4TDn52SA" frameborder="0" allowfullscreen=""></iframe>
<script>
//Scroll Image -----------------------------|
$(".owl-img").owlCarousel({
autoPlay: true,
navigation: false,
items: 3,
pagination: true,
});
</script>
</div>
</div>
</div><!--box-videos-->
</div><!-- wrap -->
<footer class="footer">
<div class="center">
<span class="copy">Todos os direitos reservados SS GAMES</span>
<span class="dev"></span>
<a href="/" style="float: right ! important; margin-right: -13%;"><img src="http://i.imgur.com/a8mCmZe.png" title="Portal"></a>
</div><!--center-->
</footer> <div style="right: 0px; bottom: -3px; position: fixed;">
<img src="https://lh3.googleusercontent.com/-1ILjd9EYjZU/TpCC5o4AyZI/AAAAAAAAAXM/Lvi8t6ZllX4/s100/DH.png">
</div>
<style type="text/css">
body{
font-family:"Open Sans", Arial, Helvetica, sans-serif;
background:#DFDFDF;
color: #737F89;
}
.center{
width:964px;} /* padrão atual */
a{ color:#ABB1C3 }
/*-------------------------------
Header - Section
-------------------------------*/
.big-header{
overflow:hidden;
position:relative;
height: 365px;
margin-bottom:55px;
}
.header{
z-index:9999;
margin-top: 20px;
position:relative;
height:111px;
}
.header .logo{
width: 333px;
height: 112px;
background-image: url('imgs/logo.png');
display:inline-block;
font-size: 30px;
padding-top: 3px;
position:absolute;
left:-10px;
top: -40px;
}
.header .menu{
width:970px;
height:111px;
padding:35px 0 0 405px;
border-radius:5px;
background-image:url('http://i.imgur.com/zHAjixv.png');
font-weight:700;
text-transform:uppercase;
line-height:30px;
float:right;
display:inline-block;
margin-top: 0;
}
.header .menu li{
display:inline-block;
margin:0px;
}
.header .menu li a {
padding:15px 15px;}
.header .jsmenu ul li a {
float:none;
margin:0;
padding:5px 10px;}
/*-------------------------------
Content - Section / Home
-------------------------------*/
.content{}
/* Home > slideshow ----------- */
.owl {
position:absolute;
top:0;
left:0;}
.owl-slide img{}
.slider ul li {
width:100%;
height:460px;}
/* Home > chadada destaque ----------- */
.chamada{
text-align:center;
display:table;
margin:25px auto;
}
.chamada h2 {}
.chamada p {}
/* Home > feature destaque principal ----------- */
.feature{
display:table;
margin-bottom:30px;
}
.feature img{}
.feature h3{padding:0 10px;}
.feature p{padding:0 10px;}
.feature a{margin:0 0 10px 10px;}
/* Home > sub-feature destaque secundario ----------- */
.sub-feature{ display:table; }
.sub-feature .heading{
font-size:300%;
margin:40px 0 20px;
}
.sub-feature p{ }
.sub-feature img{ }
.feature-left{}
.feature-right{ margin-bottom:60px;}
/* Home > chadada destaque ----------- */
.box-read-dark{
width:100%;
background:#EEEFF3;
padding:50px 0 15px;
display:table;
margin: 40px auto 0px;
}
.box-read-dark h2 {}
.box-read-dark .btn {
text-align:center;
max-width:200px;
padding:20px 20px;
margin:30px 0 0;
float:right;
font-size:140%;
font-weight:900;
}
.box-read-dark .btn small {
font-weight:400;
display:block;
clear:both;
}
/* Home > box-portfolio ultimos projetos ----------- */
.box-last-jobs{ display:table; margin-bottom:80px;}
.box-last-jobs .lead { margin-bottom:40px; }
.box-last-jobs .grid-2{ width:200px; /* tamanho original - 152px */ margin-top: 5px;}
.box-last-jobs .grid-2 p{}
.box-last-jobs .grid-2 a{}
.box-last-jobs .grid-9{
float:right;
margin:0;}
.box-last-jobs .owl-theme .owl-pagination{
padding-right:5px;
float:right;}
.box-last-jobs strong {
display:block;}
.list-videos {
/* margin-bottom:50px; */
padding: 75px 0;
height: 300px;
background:#FFF;}
.bg-nossos-videos {
height:191px;
margin-bottom: -5px;
}
.list-videos ul li iframe{
width:230px;
height:160px;}
/* Barra vermelha com h2 ----------- */
.chamada h2{
color:#FFF;
padding:20px 0;
background:#ef2429;}
/* page ----------- */
.tb-regras .page {
height:auto;}
.pg-page .owl-bar #bar {
display:none;}
.pg-page .big-header {
margin:0;
height: 150px;
overflow: inherit;
}
.pg-page .header {
margin-top: 15px;
/* overflow: hidden; */
height: 400px;
}
.pg-page .header .logo {
top:-30px;}
.pg-page .owl-item {
height:350px;
}
.titulo{
height:128px;
background-image:url('imgs/1600x128.jpg');
padding: 25px 0 0;
margin:0 auto;
overflow:hidden;
margin-bottom: 60px;
position:relative;
}
.titulo .sombra{
position:absolute;
top:-5px;
display:block;
width:100%;
height:1px;
z-index:999;
box-shadow:-2px 2px 5px #0f3e77;
}
.titulo h1{
font-weight:900;
font-size:300%;
color:#FFF;
}
.breadcrumb {
color:#FFF;
overflow: hidden;
font-size:90%;
opacity:.8;
}
.breadcrumb a {
line-height:20px;
color:#FFF;
display: inline-block;
float: left;
}
.breadcrumb a:after {
content: " › ";
font-size:130%;
color: #FFF;
padding:0 5px 0 3px;
}
/*-------------------------------
Nossa Equipe - Section
-------------------------------*/
.tb-nossa-equipe .box-equipe,
.tb-nossa-equipe .filterable{
display:table;
background:#FFF;
margin-bottom: 50px;
}
.tb-nossa-equipe .box-equipe {
display:table;}
.tb-nossa-equipe .box-equipe .lead { margin-bottom:40px; }
.tb-nossa-equipe .box-equipe .img-radius{
width:190px;
height: 200px;
margin:0 auto;
}
.tb-nossa-equipe .box-equipe h3{
line-height:30px;
margin-bottom:10px;
}
.tb-nossa-equipe .box-equipe h2 {
text-align:center;}
.tb-nossa-equipe .box-equipe small{
display:block;
clear:both;
font-size:65%;
font-weight:100;
}
.tb-nossa-equipe .testers {
color:#333300;}
.tb-nossa-equipe .gameadmins {
color:#5b737b;}
.tb-nossa-equipe .supervisores {
color:#CD853F;}
.tb-nossa-equipe .leadadmins {
color:#378d23;}
.tb-nossa-equipe .developers {
color:#632d70;}
.tb-nossa-equipe .webmasters {
color:#8D490C;}
.tb-nossa-equipe .management {
color:#FF0000;}
/*-------------------------------
Doação - Section
-------------------------------*/
.tb-doacao .page img {
margin-bottom:20px;}
.tb-doacao .contribuir {
text-align:center;}
.tb-doacao pre {
letter-spacing:-0.4px;
height:300px;}
.NFI-wrapper {
width:800px;
/* height: 100px; */
}
.NFI-button {
float:left;}
.pacotes small {
display:block;
line-height: 20px;
}
.pacotes .col-4,
.pacotes .col-3 {
background:#FFF;
height: 350px;
padding:20px 0;
border:solid 2px #CCC;
text-align: center;
}
.pacotes .col-4 .button,
.pacotes .col-3 .button {
border-bottom:solid 3px;
text-transform:uppercase;
font-size:16px;
color:#FFF;
border-radius:5px;
padding: 10px 55px 10px 35px;
position: absolute;
left: 40px;
bottom: 20px;
margin-left: 36px;
/* width: 00px; */
}
.pacotes .col-4 .button {
width: 130px;
margin-left: 0;
padding: 10px 0px 10px 0px;
}
.pacotes .col-4 .pacote-1,
.pacotes .col-3 .pacote-1 {
border-color:#5e0101;
background-color:#8b0303;
/* margin: 0 0 0 33px; */
}
.pacotes .col-4 .pacote-1:hover,
.pacotes .col-3 .pacote-1:hover {
background:#5e0101;}
.pacotes .col-4 .pacote-2,
.pacotes .col-3 .pacote-2 {
border-color:#033460;
background-color:#07588d;
/* margin: 0 0 0 38px; */
/* padding-left: 10px; */
}
.pacotes .col-4 .pacote-2:hover,
.pacotes .col-3 .pacote-2:hover {
background:#033460;}
.pacotes .col-4 .pacote-3,
.pacotes .col-3 .pacote-3 {
border-color:#305f03;
background-color:#538c07;
/* margin: 0 0 0 30px; */}
.pacotes .col-4 .pacote-3:hover,
.pacotes .col-3 .pacote-3:hover {
background:#305f03;}
.pacotes .col-4 .pacote-4{
margin-top:0;
border-color:#3c005f;
background-color:#62018c;}
.pacotes .col-4 .pacote-4:hover {
background:#3c005f;}
.pacotes.house-business .button {
bottom:20px;}
.pacotes.house-business .col-4 {
height: 320px;}
form .col-3 {
background: none;}
.pacotes .col-4 strong,
.pacotes .col-3 strong {
float:left;}
.pacotes .col-4 .pop,
.pacotes .col-3 .pop {
float:right;}
.pacotes .col-4 .pop_menu,
.pacotes .col-3 .pop_menu {
width:200px;}
.col-4 .pop_menu a,
.col-3 .pop_menu a {
background:red;
border-radius:5px;
padding:5px 20px;
color:#FFF;
margin-top:10px;}
.col-4 .pop_menu .pacote-4,
.col-3 .pop_menu .pacote-4 {
margin-top:10px;}
/*-------------------------------
NotÃcias - Section
-------------------------------*/
.blog .page {
margin-bottom:50px;
background:#FFF;
width:650px;
float:left;}
.blog iframe {
width:100%;
height:400px}
.blog .page strong {
display:block;}
.blog .sidebar {
border-top:solid 1px #CCC;
background:#FFF;
width:250px;
float:right;
margin-bottom: 150px;
}
.blog .sidebar a {
letter-spacing:1px;
display:block;
border-bottom:solid 1px #CCC;
text-transform:uppercase;
padding:10px 0 10px 25px;
font-size:16px;}
.blog .sidebar a:before {
content: " › ";
font-size:130%;
color: #ABB1C3;
padding:0 5px 0 3px;
}
.blog .sidebar li a:hover {
padding-left:35px;}
/*-------------------------------
Atualizações - Section
-------------------------------*/
.updates {
margin:30px;
float:left;
width:580px;}
ul.updates li {
height:99px;
margin-bottom:23px;
border-bottom:solid 1px #e1e9eb;}
ul.updates li:last-child{
border:none;}
ul.updates .data {
margin-right:16px;
float:left;
background:url('imgs/bg-data.jpg') top right no-repeat;
color:#49b8c3;
width:33px;
height:80px;
padding:17px 53px 0 0;}
ul.updates .data big {
display:block;
font-size:30px;}
ul.updates .data small {
text-transform:uppercase;
font-size:16px;}
ul.updates a.details {
color:#8d9ea7;
padding-top:2px;
line-height: 70px;}
/*-------------------------------
NotÃcias - Section
-------------------------------*/
.news {
margin:30px;
float:left;
width:580px;}
ul.news li {
height:99px;
margin-bottom:23px;
border-bottom:solid 1px #e1e9eb;}
ul.news li:last-child{
border:none;}
ul.news .data {
margin-right:16px;
float:left;
background:url('imgs/bg-data.jpg') top right no-repeat;
color:#49b8c3;
width:33px;
height:80px;
padding:17px 53px 0 0;}
ul.news .data big {
display:block;
font-size:30px;}
ul.news .data small {
text-transform:uppercase;
font-size:16px;}
ul.news a.details {
color:#8d9ea7;
padding-top:2px;
line-height: 70px;}
/*-------------------------------
Footer - Section
-------------------------------*/
.footer{
background:#2E3739;
width:100%;
overflow:hidden;
display:table;
margin:0 auto 0;
padding:20px 0;
border-top:2px solid #ECF0F1;
}
.footer .menu{
width:85%;
display:inline-block;
margin-bottom:10px;
text-transform:uppercase;
}
.footer .menu li{
display:inline-block;
margin-right:20px;
}
.footer .menu a{
color:#FFF;}
.footer .back-top{
color:#FFF;
float:right;
display:inline-block;
}
.footer .copy{
color:#FFF;
width:auto;
float:left;
}
.footer .dev{
width:auto;
float:right;
}
</style>
</div><div id="cboxOverlay" style="display: none;"></div><div id="colorbox" class="" role="dialog" tabindex="-1" style="display: none;"><div id="cboxWrapper"><div><div id="cboxTopLeft" style="float: left;"></div><div id="cboxTopCenter" style="float: left;"></div><div id="cboxTopRight" style="float: left;"></div></div><div style="clear: left;"><div id="cboxMiddleLeft" style="float: left;"></div><div id="cboxContent" style="float: left;"><div id="cboxTitle" style="float: left;"></div><div id="cboxCurrent" style="float: left;"></div><button type="button" id="cboxPrevious"></button><button type="button" id="cboxNext"></button><button id="cboxSlideshow"></button><div id="cboxLoadingOverlay" style="float: left;"></div><div id="cboxLoadingGraphic" style="float: left;"></div></div><div id="cboxMiddleRight" style="float: left;"></div></div><div style="clear: left;"><div id="cboxBottomLeft" style="float: left;"></div><div id="cboxBottomCenter" style="float: left;"></div><div id="cboxBottomRight" style="float: left;"></div></div></div><div style="position: absolute; width: 9999px; visibility: hidden; display: none; max-width: none;"></div></div><iframe allowtransparency="true" frameborder="0" id="abs-top-frame" src="chrome-extension://flliilndjeohchalpbbcdekjklbdgfkk/html/top.html?1416642328286#minimized" style="position: fixed; z-index: 4294967295; overflow: hidden; top: 0px; left: 0px; right: 0px; width: 138px; height: 13px; max-height: none; min-height: 0px; margin: 0px auto; padding: 0px; border: 0px; display: block; background-color: transparent;"></iframe><div id="cboxOverlay" style="display: none;"></div><div id="colorbox" class="" role="dialog" tabindex="-1" style="display: none;"><div id="cboxWrapper"><div><div id="cboxTopLeft" style="float: left;"></div><div id="cboxTopCenter" style="float: left;"></div><div id="cboxTopRight" style="float: left;"></div></div><div style="clear: left;"><div id="cboxMiddleLeft" style="float: left;"></div><div id="cboxContent" style="float: left;"><div id="cboxTitle" style="float: left;"></div><div id="cboxCurrent" style="float: left;"></div><button type="button" id="cboxPrevious"></button><button type="button" id="cboxNext"></button><button id="cboxSlideshow"></button><div id="cboxLoadingOverlay" style="float: left;"></div><div id="cboxLoadingGraphic" style="float: left;"></div></div><div id="cboxMiddleRight" style="float: left;"></div></div><div style="clear: left;"><div id="cboxBottomLeft" style="float: left;"></div><div id="cboxBottomCenter" style="float: left;"></div><div id="cboxBottomRight" style="float: left;"></div></div></div><div style="position: absolute; width: 9999px; visibility: hidden; display: none; max-width: none;"></div></div></body><iframe allowtransparency="true" frameborder="0" id="abs-top-frame" src="chrome-extension://flliilndjeohchalpbbcdekjklbdgfkk/html/top.html?1416674245649#minimized" style="position: fixed; z-index: 4294967295; overflow: hidden; top: 0px; left: 0px; right: 0px; width: 138px; height: 13px; max-height: none; min-height: 0px; margin: 0px auto; padding: 0px; border: 0px; display: block; background-color: transparent;"></iframe></html>
Até!
Konai- Membro Entusiasta
- Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550 -
Tópicos semelhantes» Código HTML de parceria não funciona
» Codigo parceria
» Como adicionar a ária dos staffs no fórum
» Declaro Urgência Help HTML ( Colocar vídeo para tocar automaticamente quando abrir a página de entrada do fórum em HTML Preciso do códico em HTML
» Código HTML do Editor BBCODE ou Html
» Codigo parceria
» Como adicionar a ária dos staffs no fórum
» Declaro Urgência Help HTML ( Colocar vídeo para tocar automaticamente quando abrir a página de entrada do fórum em HTML Preciso do códico em HTML
» Código HTML do Editor BBCODE ou Html
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
Facebook
Twitter
Youtube
