Pokémon Darkness

ddddddddddddddddddddddddddddddddddddddc

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

ddddddddddddddddddddddddddddddddddddddc

Mensagem por Hugh em Sex 18 Mar 2016, 15:27

Spoiler:
ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddccccccccccccccccccdc pedobear lol lol pera pedobear sei euri ted notbad Its over Tudo what? emocionado genius fap me entende?
Administrador
avatar

Hugh
Masculino Mensagens : 380
Data de inscrição : 27/01/2013
Idade : 20
Localização : Twinleaf Town

Voltar ao Topo Ir em baixo

Re: ddddddddddddddddddddddddddddddddddddddc

Mensagem por Survival em Sex 18 Mar 2016, 15:38

Pagina Java Script

Código:
$(document).ready(function() {
$('head').append(
'<style type="text/css">' +
  '.bs_spoiler span.bs_spoiler_title {' +
  'line-height: 1.5em;' +
  'font-size: 13px;' +
  'font-family: tahoma,helvetica,arial,sans-serif;' +
  'color: #282828;' +
  'font-weight: bold;' +
  '}' +
  '.bs_spoiler_showhide {' +
  'min-width: 45px;' +
  'cursor: default;' +
  'font-size: .8em;' +
  'margin: 0 5px;' +
  '}' +
  '.bs_spoiler_wrapper {' +
  'border: 1px inset #777;' +
  'padding: 4px;' +
  '}' +
'</style>'
);
var entry = $('.postbody');
      entry.html(function() {
              return $(this)
              .html()
              .replace(/\[bspoiler](.*?)\[\/bspoiler\]/g,'<div class="bs_spoiler"><span class="bs_spoiler_title">Spoiler</span><input type="button" class="bs_spoiler_showhide" /><div class="bs_spoiler_wrapper"><div class="bs_spoiler_content" style="display:none">$1</div></div></div>');
        });

$('.bs_spoiler').each(function() {

  var oThis = $(this);
  var sh = oThis.find('.bs_spoiler_showhide');
  var content = oThis.find('.bs_spoiler_content');
  var show = 'Mostrar';
  var hide = 'Ocultar';
  sh.attr('value',show);

 sh.on('click', function() {
  if(content.is(':visible')) {
    sh.attr('value',show);
    content.hide();
  }
  else {
    sh.attr('value',hide);
    content.show();
  }
 });

});
});
avatar

Survival
Masculino Mensagens : 6
Data de inscrição : 10/03/2016
Idade : 22

Voltar ao Topo Ir em baixo

Re: ddddddddddddddddddddddddddddddddddddddc

Mensagem por Survival em Sex 25 Mar 2016, 20:35

hmn na verdade esse fundo branco na postagem está muito estranho... preferia como estava antes, talvez com o mesmo fundo mas com uma opacidade mais escura ou clara..
avatar

Survival
Masculino Mensagens : 6
Data de inscrição : 10/03/2016
Idade : 22

Voltar ao Topo Ir em baixo

Re: ddddddddddddddddddddddddddddddddddddddc

Mensagem por Hugh em Sex 25 Mar 2016, 22:04

Sim, o objetivo inicial era acrescentar uma tonalidade branca mas quando adicionei percebi que ficava estranho, igual esta vendo. O que fez com que eu deixasse sem edição. Estou a utilizar este fundo e borda unicamente para ajeitar as bordas do perfil.

Por sinal, a esfera sobre o avatar no perfil seria a localização dos RANKS. Eu achei que seria interessante utiliza-los unicamente para registrar as vilas que os membros pertencem, e as demais informações ficarem dentro dos campos do perfil (ao posicionar o mouse sobre o avatar).
Administrador
avatar

Hugh
Masculino Mensagens : 380
Data de inscrição : 27/01/2013
Idade : 20
Localização : Twinleaf Town

Voltar ao Topo Ir em baixo

Re: ddddddddddddddddddddddddddddddddddddddc

Mensagem por Survival em Sab 26 Mar 2016, 00:33

Entendo. A ideia da ficha rápida atrás do avatar ficou interessante, mas tenho algumas dúvidas quanto a esfera. No Naruto Survival as vilas e o rank ninja são definidos conforme a bandana:



O simbolo mostra a vila e a cor, a graduação (tendo bandanas vermelhas para chunnins, pretas para jounins, etc). Essa esfera irá substituir isso?
avatar

Survival
Masculino Mensagens : 6
Data de inscrição : 10/03/2016
Idade : 22

Voltar ao Topo Ir em baixo

Re: ddddddddddddddddddddddddddddddddddddddc

Mensagem por Hugh em Sab 26 Mar 2016, 11:37

É perfeitamente capaz de ser feito. Tenho duas sugestões por sinal.

A primeira, gerar a imagem das vilas de fora esférica, estando acompanhadas com a borda que simula a coloração do nível de graduação

Ou posso fazer os RANKs com a aparência da bandana, sobrepondo a parte superior do avatar, aí bastaria fazer um RANK para cada vila/graduação. O que seria interessante também, pois seria possível faze-lo de forma "tridimensional" o que simulara a bandana estar sobre o avatar como se fosse de fato a cabeça do personagem
Administrador
avatar

Hugh
Masculino Mensagens : 380
Data de inscrição : 27/01/2013
Idade : 20
Localização : Twinleaf Town

Voltar ao Topo Ir em baixo

Re: ddddddddddddddddddddddddddddddddddddddc

Mensagem por Survival em Dom 03 Abr 2016, 13:42

Olá Hugh, pode me dizer se falta muito para acabar o template?
avatar

Survival
Masculino Mensagens : 6
Data de inscrição : 10/03/2016
Idade : 22

Voltar ao Topo Ir em baixo

Re: ddddddddddddddddddddddddddddddddddddddc

Mensagem por Hugh em Dom 03 Abr 2016, 14:04

Estou formulando o das estatísticas. Penso em alguma forma de fazer com que os grupos interajam com algum campo.

Por exemplo: Ao clicar sobre o grupo, irá aparecer um campo contendo a descrição do grupo e uma imagem de fundo que contenha o simbolo da vila, por exemplo.

E sobre o perfil irei voltar para o método anterior, com os RANKS em forma oval, mas se preferir posso coloca-los da forma padrão (retangular).
Administrador
avatar

Hugh
Masculino Mensagens : 380
Data de inscrição : 27/01/2013
Idade : 20
Localização : Twinleaf Town

Voltar ao Topo Ir em baixo

Re: ddddddddddddddddddddddddddddddddddddddc

Mensagem por Survival em Ter 05 Abr 2016, 17:05

Entendo, acredito que a respeito dos ranks seja melhor deixá-los apenas aos cargos (Narrador, Staff, por exemplo)

Bem, ainda tem o retângulo verde atrapalhando a leitura e o chat também parece estar estranho, aqui um print:

avatar

Survival
Masculino Mensagens : 6
Data de inscrição : 10/03/2016
Idade : 22

Voltar ao Topo Ir em baixo

Re: ddddddddddddddddddddddddddddddddddddddc

Mensagem por Survival em Seg 18 Abr 2016, 09:13

Dorian, precisamos apurar o Design do fórum, quando você volta?
avatar

Survival
Masculino Mensagens : 6
Data de inscrição : 10/03/2016
Idade : 22

Voltar ao Topo Ir em baixo

Re: ddddddddddddddddddddddddddddddddddddddc

Mensagem por Hugh em Seg 07 Ago 2017, 09:36

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu commodo dolor, et viverra tortor. Nullam mauris ligula, sollicitudin nec massa a, scelerisque sodales velit. Integer placerat urna non nisl fringilla pretium. Nam nec tristique tortor. Quisque iaculis libero odio, non efficitur mauris ultricies ut. Nulla eget hendrerit massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam tempus lorem justo, in malesuada turpis lacinia quis. Quisque accumsan ante ut ex commodo accumsan. Sed consectetur vestibulum facilisis. Duis tempor at nunc ac rutrum. Morbi feugiat mi id erat blandit bibendum. Pellentesque lectus justo, porta vitae nisi sodales, consectetur pharetra est. Mauris iaculis, magna non mollis hendrerit, augue lacus interdum dolor, vel tristique ipsum augue sed sem. Aenean congue quis metus vitae blandit. Aenean commodo congue massa non efficitur. Vestibulum tincidunt ex a elit semper, nec rutrum nunc iaculis. Donec tempus, metus at semper volutpat, nisi diam feugiat lorem, eu imperdiet dolor lectus quis arcu. Mauris malesuada quis leo in mattis. Cras nec leo ultrices, hendrerit dui et, iaculis tellus. Etiam dictum, risus ac imperdiet imperdiet, tellus quam maximus dolor, et consequat lacus sapien vitae nisl. Proin ac varius turpis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean quis nulla at orci posuere suscipit vel ut ante.

Duis id blandit turpis, quis auctor est. Vestibulum et diam tincidunt, condimentum nibh eget, lacinia leo. Fusce eget consectetur dui. Fusce dignissim, dui in hendrerit tristique, felis velit porttitor mi, sed malesuada purus justo sed eros. Proin nibh odio, pulvinar non augue in, elementum malesuada erat. Cras fermentum elit dapibus, porta risus ac, semper mi. Integer a felis leo. Cras dictum eget mi ornare viverra. Curabitur eget laoreet tortor. Proin leo purus, accumsan quis pulvinar nec, gravida sit amet lorem. Etiam sed blandit mauris, et aliquam mi. Fusce eleifend vitae felis in rhoncus. Etiam quam elit, vehicula ut scelerisque ut, tristique et metus. Nam ultricies id leo sit amet mattis. Nam placerat eu massa blandit volutpat. Nunc pulvinar nec orci eu auctor. Ut malesuada fringilla augue, luctus feugiat lorem vestibulum a. In hac habitasse platea dictumst. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Nunc in turpis sed velit pulvinar varius. Aliquam neque ex, placerat vitae facilisis non, facilisis eget nunc. Duis ultrices est vitae magna vehicula interdum. Phasellus faucibus, mauris eget egestas porttitor, est purus suscipit ex, a venenatis lacus tortor quis diam. Phasellus at ligula tempor, gravida orci sed, commodo odio. Morbi semper fermentum dui, at vulputate odio. Mauris porttitor mauris sit amet arcu condimentum fringilla. Aliquam fringilla suscipit lorem, sed placerat nulla commodo sed. In hac habitasse platea dictumst. Proin massa mauris, gravida vitae nibh ut, gravida bibendum neque. Phasellus ut diam non metus fringilla aliquet. Nullam scelerisque quis nisi nec ultricies. Aenean porttitor nunc sit amet posuere interdum.
Administrador
avatar

Hugh
Masculino Mensagens : 380
Data de inscrição : 27/01/2013
Idade : 20
Localização : Twinleaf Town

Voltar ao Topo Ir em baixo

Re: ddddddddddddddddddddddddddddddddddddddc

Mensagem por Survival em Sex 25 Ago 2017, 15:09

O design está ficando cada vez melhor chuckaproves
avatar

Survival
Masculino Mensagens : 6
Data de inscrição : 10/03/2016
Idade : 22

Voltar ao Topo Ir em baixo

Re: ddddddddddddddddddddddddddddddddddddddc

Mensagem por Hugh em Qui 31 Ago 2017, 18:44

Eu estou precisando saber se está agradável, se precisa de mais alguma mudança e tal. E aí consigo entregar.
Administrador
avatar

Hugh
Masculino Mensagens : 380
Data de inscrição : 27/01/2013
Idade : 20
Localização : Twinleaf Town

Voltar ao Topo Ir em baixo

Re: ddddddddddddddddddddddddddddddddddddddc

Mensagem por Survival em Qui 31 Ago 2017, 21:23

Está bom, mas no inicio do fórum ele fica com dois menus, tá certo isso?
avatar

Survival
Masculino Mensagens : 6
Data de inscrição : 10/03/2016
Idade : 22

Voltar ao Topo Ir em baixo

Re: ddddddddddddddddddddddddddddddddddddddc

Mensagem por Hugh em Sex 01 Set 2017, 19:07

#cp-main .panel {
background: ;
border: 4px double #C0CCC0;
padding: 15px;
margin-left: -10px;
}

#cp-main h1 {
color: black;
line-height: 22px;
}

.esta0 {
min-height: 300px;
max-height: 600px;
}

#esta {
background: rgba(130, 99, 90, 0.1);
margin-left: 0px;
margin-top: -5px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 7px;
width: 1003px;
font-size: 10px;
border-bottom: 15px solid #83645b;
}

.esta1 {
width: 400px;
padding-left: 10px;
text-align: justify;
font-size: 10px;
line-height: 15px;
}

.esta2 {
width: 400px;
padding-left: 10px;
border-left: 5px solid #83645b;
text-align: justify;
font-size: 10px;
line-height: 15px;
}

#es-rec, #es-leye {
background: ;
font-size: 11px;
width: 475px;
height: 150px;
overflow: auto;
display: inline-block;
padding: 10px;
text-align: justify;
}

#es-tit, #leye-tit {
width: 485px;
padding: 5px;
background: #65737A;
margin-top: -10px;
margin-left: -10px;
line-height: 20px;
font-size: 12px;
letter-spacing: 2px;
color: #F3F2ED;
font-family: 'Unica One';
text-transform: uppercase;
text-align: center;
text-decoration: none;
font-weight: lighter;
}

#es-leye {
width: 972px;
height: auto;
margin-left: 2px;
margin-top: 3px;
text-align: center;
}

#leye-tit {
width: 982px;
margin-bottom: 10px;
}

#es-recp {
width: 489px;
padding: 3px;
background: #BDB78C;
margin-left: -10px;
line-height: 15px;
font-size: 7px;
font-family: 'verdana';
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
text-decoration: none;
font-weight: lighter;
}

#page-body p.page-bottom {
width: 325px;
padding: 5px 2px;
background: ;
margin-left: 2px;
line-height: 15px;
font-size: 8px;
font-family: 'verdana';
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
text-decoration: none;
font-weight: lighter;
display: inline-block;
}

#ley1, #ley2, #ley3, #ley4, #ley5, #ley6 {
margin: 1px;
padding: 2px;
font-weight: 400;
line-height: 14px;
font-style: italic;
font-size: 10px;
font-family: Arial;
color: #fff;
letter-spacing: 0px;
text-transform: uppercase;
text-align: center;
display: inline-block;
}

#ley1 a {color: #AA00FF; }
#ley2 a {color: #AD9810; }
#ley3 a {color: #224FD4;; }
#ley4 a {color: #DCB34E; }
#ley5 a {color: #AF6C77; }
#ley6 a {color: #333333; }

h1.page-title, .h3 {
background-image: url(https://i.imgur.com/ks7DYZQ.png);
text-align: center;
padding: 28px;
font-weight: 700;
color: white;
font-family: cousine;
font-size: 12px;
text-shadow: 0px 0px 1px #000;
letter-spacing: 3px;
text-transform: uppercase;
margin: px;
}

h1.page-title a, .h3 a {
color: #ebe4da;
}

/*****topicos*****/
/* P E R F I L E S */
#perfil-cuerpo {
float: left;
position: absolute;
background: #E5E5E5;
border: 4px double white;
padding: 10px;
width: 155px;
overflow: hidden;
margin-left: 0px;
margin-top: px;
}

#perfil-avatar {
margin: 0px;
margin-left: 0px;
width: 155px;
overflow: hidden;
text-align: center;
margin-top: px;
margin-bottom: 5px;
}

#perfil-img img {
width: 150px;
height: 300px;
border: 2px solid white;
position: static;
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
transition-delay: 2s;
}

#perfil-cuerpo:hover #perfil-img img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
}

#perfil-img img {
filter: none !important;
}

#perfil-avatar {
padding-bottom: px;
}

#perfil-avatar > .fa-show-hidden-profile {
margin-top: 10px;
background: white;
border: 3px double #a0877d;
padding: 2px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: -1px;
width: 150px;
text-align: center;
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.39);
-moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.39);
-ms-box-shadow: inset 0 1px rgba(255, 255, 255, 0.39);
-o-box-shadow: inset 0 1px rgba(255, 255, 255, 0.39);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.39);
}

.fa-hidden-profile,
.fa-hidden-profile * {
box-sizing: border-box;
}

.fa-hidden-profile {
background-color: #fff;
border-radius: 6px;
border: solid 10px #bbb;
position: absolute;
left: 110%;
padding: 10px;
}

.fa-hidden-profile .fa-hidden-profile-rank {
display: block;
text-align: center;
}

.fa-hidden-profile .fa-hidden-profile-rank > img {
max-height: 65px;
width: auto;
}

#perfil-fijo {
background: white;
border: 3px double #a0877d;
padding: 2px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 0px;
width: 143px;
text-align: center;
}

#perfil-nombre, #perfil-nombre a, #perfil-nombre strong {
font-family: oswald;
font-size: 18px;
line-height: 22px;
font-weight: 400;
text-align: center;
padding: right: 5px;
display: block;
text-transform: uppercase;
}

.postbody {
min-height: 450px;
top: 5px;
font-size: 10px;
margin-left: 10px;
padding: 10px;
padding-top: 10px;
width: 700px;
border-left: px solid #D0D0D0;
}

.post1 {
background: ;
border-bottom: 5px solid darkgreen;
position: relative;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 6px;
padding-left: 2px;
}

.postbody .content {
padding: 15px;
margin-left: -83px;
position: relative;
width: 750px;
border: 10px solid #e9e9e9;
}

/*titulo de los temas*/
#post-tite {
background: #2E8B57;
text-align: center;
padding: 10px;
width: 990px;
margin-left: -5px;
color: white;
font-family: cousine;
font-size: 10px;
text-transform: uppercase;
}

#post-tite a {
color: white;
font-family: cousine;
font-size: 10px;
letter-spacing: px;
text-transform: uppercase;
}

/*autor de los mensajes*/
p.author {
float: left;
margin-top: px;
margin-left: -55px;
padding: 5px;
display: block;
font-size: 11px;
letter-spacing: 0px;
font-family: tahoma;
color: #333;
width: 790px;
text-align: left;
border-bottom: 1px solid white;
}

/*editar-citar-borrar*/
.postbody ul.profile-icons {
margin-top: -20px;
margin-right: -15px;
text-align: center;
}

.boton {
margin-top: -35px;
width: 70px;
line-height: 20px;
display: inline-block;
background: #7B5F54;
outline: 1px solid #f3f3f3;
margin-left: 3px;
margin-right: 3px;
border: 2px solid #fff;
font-size: 7px;
letter-spacing: 1px;
font-family: 'verdana';
color: #fff;
text-align: center;
text-transform: uppercase;
}


/*Code, Spoiler y Quote*/
dl.codebox {
background-color: #fcfcfc;
outline: 1px solid #f3f3f3;
margin: 1px;
border-top: none;
border-left: none;
border-right: none;
font-size: 11px;
}

dl.codebox dt {
display:block;
text-shadows: 0px 0px 1px #000;
text-align: center;
font: 8px 'verdana';
text-align: uppercase;
background: #8C8A62;
color:#ffffff;
padding: 5px;
margin-bottom: 3px;
}

dl.codebox dt a {color: #eee; }

dl.codebox code, .spoiler_content.hidden {
color:#333333;
font-size:11px;
background-color: #fff;
outline: 1px solid #f3f3f3;
margin: 1px;
padding: 5px;
line-height: 12px;
text-align: justify;
}

blockquote {
outline: 1px solid #f3f3f3;
margin: 1px;
color: #333333;
}

.content blockquote, .content blockquote div {
color: #333;
display: block;
background: #fff;
outline: 1px solid #f3f3f3;
margin: 1px;
border: 5px solid #fff;
}

blockquote div {margin-left: 0px; }

blockquote cite {
display: block;
font-family: verdana;
font-size: 8px;
color: #fff;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
font-weight: lighter;
letter-spacing: 1px;
text-align: center;
padding: 5px;
background: #8C8A62;
margin-bottom: 5px;
}

blockquote blockquote {
background: #fcfcfc;
border: 1px solid #f3f3f3;
}

/*Color de las pestañas del Perfil*/
#tabs {
float: center;
width: 1008px;
background-color: ;
margin: 1px;
padding: 10px 0px;
color: #7B5F54;
font-size: 8px;
text-transform: uppercase;
text-align: center;
letter-spacing: 2px;
display: block;
}

/*Efecto en la numeracion de paginas*/
.pagination span a, .pagination span a:active, .pagination span a:link, .pagination span a:visited {
background-color: #7B5F54;
border: 1px solid #7B5F54;
color: #fff;
font-size: 10px;
font-weight: 400;
line-height: 1.5em;
margin: 0 2px;
padding: 0 2px;
text-decoration: none;
}

.pagination span strong {
background-color: #E9E7CA;
border: 1px solid #7B5F54;
border:none;
color: #fff;
font-size: 10px;
margin: 0 2px;
padding: 0 2px;
}

.pagination span a:hover {
background-color: #E5DCC3;
border: 1px solid #7B5F54;
border:none;
color: #fff;
font-size: 10px;
font-weight: 400;
line-height: 1.5em;
margin: 0 2px;
padding: 0 2px;
text-decoration: none;
}

/*botones*/
a.button1, a.button2, button.button2, input.button1, input.button2 {
background: #7B5F54;
border: 0px;
color: #fff;
display: inline-block;
font-family: calibri;
font-size: 10px;
outline: medium none;
padding: 5px 8px;
text-transform: uppercase;
letter-spacing: 1px;
}

a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background: #7B5F54;
border: 0px;
color: #fff;
display: inline-block;
font-family: calibri;
font-size: 10px;
outline: medium none;
padding: 5px 8px;
text-transform: uppercase;
}

/****Chatbox****/
#chatbox_header {
background-image: url(https://i.imgur.com/ks7DYZQ.png);
font-family: verdana;
letter-spacing: px;
font-size: px;
}

#chatbox_footer {
font-size:;
font-family: verdana;
background-image: url(https://i.imgur.com/ks7DYZQ.png);
height: 100px;
}

.chatbox-title {
color: ;
padding-top: 3px;
padding-bottom: 7px;
font-size: 21px;
font-family: arial;
letter-spacing: -1px;
text-transform:uppercase;
font-weight: 700;
}


/**/

/****Nada de muito importante****/
::-webkit-scrollbar {
width: 7px;
height: 5px;
}​
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
height: 5px;
display: block;
background: #b0b0b0;
}
::-webkit-scrollbar-track-piece {
background: #b0b0b0;
}
/*barrita vertical*/
::-webkit-scrollbar-thumb:vertical {
height: 50px;
background: #181818;
border: 1px solid #;
}

/*barrita horizontal*/
::-webkit-scrollbar-thumb:horizontal {
width: 50px;
background: #181818;
border: 1px solid #;
}

.sublinks {
font-family: roboto condensed;
border: 5px solid #e4ceae;
background-image: url(https://i.imgur.com/VVZgXjP.png);
background: #e4ceae;
color: white;
height: 20px;
margin: 10px 95px 5px;
overflow: hidden;
position: absolute;
width: 583px;
top: 48px;
text-align: center;
text-transform: uppercase;
-moz-transition: .5s ease-in;
-ms-transition: .5s ease-in;
-o-transition: .5s ease-in;
-webkit-transition: .5s ease-in;
}

.sublinks:hover {
font-family: roboto condensed;
border: 5px solid #e4ceae;
background-image: url(https://i.imgur.com/VVZgXjP.png);
background: #e4ceae;
color: red;
cursor: default;
height: 125px;
max-height: 125px;
margin: 10px 95px 5px;
overflow: hidden;
position: absolute;
width: 583px;
top: 48px;
text-align: center;
text-transform: uppercase;
-moz-transition: .5s ease-in;
-ms-transition: .5s ease-in;
-o-transition: .5s ease-in;
-webkit-transition: .5s ease-in;
}
.icon {
position: relative !important;
left: 30px;
}
.boom:hover .boom1 {
transform: translateX(0px);
}
.boom .boom1 {
background-color: #EBEBEB;
height: 100px;
opacity: 1;
overflow: auto;
transform: translateX(600px);
transition: all .8s ease-in-out;
width: 583px;
}

.boom:hover img {
transform: translateY(-300px);
}
.boom img {
display: block;
height: 260px;
margin: 0;
padding: 0;
position: absolute;
transition: all .8s ease-in-out;
width: 583px;
}

.boom {
border: 5px solid #e4ceae;
cursor: default;
height: 100px;
margin: 15px 95px 5px;
outline: 3px solid #e4ceae;
outline-offset: 2px;
overflow: hidden;
position: relative;
width: 583px;
}

a.forumtitle {
-moz-transition: .5s ease-in;
-ms-transition: .5s ease-in;
-o-transition: .5s ease-in;
-webkit-transition: .5s ease-in;
color: #EBEBEB;
display: inline-block;
font-family: roboto condensed;
font-size: 23px;
height: 13px;
letter-spacing: px;
margin-left: -10px;
margin-top: 15px;
padding: 3px;
text-align: center;
text-decoration: none;
text-shadow: 0 1px 0 #000;
transition: .5s ease-in;
text-transform: uppercase;
width: 800px;
}

a.forumtitle:hover {
-moz-transition: .5s ease-in;
-ms-transition: .5s ease-in;
-o-transition: .5s ease-in;
-webkit-transition: .5s ease-in;
color: #e02020;
display: inline-block;
height: 13px;
font-family: roboto condensed;
font-size: 23px;
letter-spacing: 0;
margin-left: -10px;
margin-top: 15px;
padding: 3px;
text-align: center;
text-decoration: none;
text-shadow: 0 1px 0 #000;
transition: .5s ease-in;
text-transform: uppercase;
width: 800px;
}
ul.forums {
background: ;
}

ul.forums li.row dl.icon dd.lastpost {
background: none repeat scroll 0 0 #e4ceae;
color: #000;
font-size: 12px;
font-variant: small-caps;
height: 40px;
left: 87px;
letter-spacing: 1px;
line-height: 18px;
margin-bottom: 10px;
margin-left: 55px;
margin-top: -92px;
outline: 6px solid #e4ceae;
outline-offset: 2px;
padding: 20px;
position: relative;
text-align: justify;
width: 365px;
}

.lastpost-avatar img {
display: block;
height: 50px;
width: 30px;
margin-right: 30px;
margin-bottom: 10px;
top: 30px;
}

.forabg .row {
background: url(https://i.imgur.com/VgiNmUY.png);
width: 923px;
margin-lefT: 45px;
margin: 30px;
height: 270px;
overflow: hidden;
}

.forabg dd.topics {
background-color: #e4ceae;
color: #a08c6d;
font-family: Oswald;
font-size: 11px;
height: 4px;
left: 40px;
line-height: 8px;
margin-left: 526px;
margin-top: 5px;
outline: 4px solid #e4ceae;
outline-offset: 2px;
padding: 15px;
position: relative;
text-transform: uppercase;
width: 16%;
}

.forabg dd.posts {
background-color: #e4ceae;
color: #a08c6d;
font-family: Oswald;
font-size: 11px;
height: 4px;
left: 40px;
line-height: 8px;
margin-bottom: 10px;
margin-left: 526px;
margin-top: 16px;
outline: 4px solid #e4ceae;
outline-offset: 2px;
padding: 15px;
position: relative;
text-align: center;
text-transform: uppercase;
width: 16%;
}
/**/

.topoforum {
display: block;
width: 1036px;
height: 150px;
background: url(https://i.imgur.com/YBfi9Fc.png);
position: fixed;
text-align: center;
top: 0;
margin-left: -19px;
z-index: 999;
}

li.header {
margin-left: -5px;
position: relative;
text-align: center;
background: url(https://i.imgur.com/ks7DYZQ.png);
background-position: center;
font-weight: 700;
letter-spacing: 0;
padding: 45px;
text-transform: none;
}

/*Titulo do Forum*/
.table-title h2 {
font-size: 11px;
padding: 10px;
border: 1px solid white;
line-height: 11px;
letter-spacing: 2px;
font-weight: 100;
font-family: cousine;
}

/*centra el titulo de la categoria*/
.forabg li.header dd.dterm {
width: 92%;
}

/****Base Principal****/

#logo img{
width: 1010px;
margin-left: -15px;
margin-top: -5px;
position: relative;
}

#wrap {
background: white;
border-left: solid 10px #0a0a0a;
border-right: solid 10px #0a0a0a;
border-top: solid 10px #0a0a0a;
margin-top: 123px;
padding: 0px 5px;
min-width: 1000px;
max-width: 1000px;
overflow-x: hidden;
display: block;
position: relative;
}

body {
background-image: url(https://i.imgbox.com/DTgmgnxM.png);
background-position: center top;
background-attachment: fixed;
color: #000;
padding: 0px;
height: auto;
z-index: -999;
}

/*barra del menu*/
ul.navlinks {
width: 1010px;
padding-top: 5px;
padding-bottom: 3px;
background: #2F4F4F;
font-family: cousine;
font-size: 8px;
text-align: center;
letter-spacing: 1px;
word-spacing: 1px;
font-weight: lighter;
cursor: pointer;
margin-top: -16px;
margin-left: -15px;
}

ul.navlinks a {
color: #F3F2ED;
text-transform: uppercase;
letter-spacing: 0px;
font-weight: 100;
}

ul.navlinks a:hover {text-decoration: none; }

/****outros****/
/*desaparece la cabera*/
.forabg li.header dd.lastpost {
display:none;
}

.forabg li.header dd.posts {
display:none;}

.forabg li.header dd.topics {
display:none;
}

.forabg li.row dd.posts:after {
content: "Postagens";
}

.forabg li.row dd.topics:after {
content: "Tópicos";
}

.tituloparceiros {
text-transform: uppercase;
font-family: Roboto Condensed;
font-size: 40px;
color: black;
text-align: right;
width: 745px;
border-bottom: 10px solid black;
float: right;
}

.circulo1 {
position: relative;
z-index: 999;
top: 215px;
left: 175px;
background: url(https://i.imgur.com/x7a1hJ0.png);
height: 70px;
width: 70px;
border-radius: 100px;
border: 2px solid black;
}

.circulo1:hover {
position: relative;
z-index: 999;
top: 215px;
left: 175px;
background: url(https://i.imgur.com/NNWYkHT.png);
height: 70px;
width: 70px;
border-radius: 100px;
border: 2px solid black;
transition: 0.8s;
}

.circulo2 {
position: relative;
z-index: 999;
top: 245px;
left: 175px;
background: url(https://i.imgur.com/KbIR0h0.png);
height: 70px;
width: 70px;
border-radius: 100px;
border: 2px solid black;
}

.circulo2:hover {
position: relative;
z-index: 999;
top: 245px;
left: 175px;
background: url(https://i.imgur.com/c5HKOHN.png);
height: 70px;
width: 70px;
border-radius: 100px;
border: 2px solid black;
transition: 0.8s;
}

.circulo3 {
position: relative;
z-index: 999;
top: 275px;
left: 175px;
background: url(https://i.imgur.com/0gt5r9i.png);
height: 70px;
width: 70px;
border-radius: 100px;
border: 2px solid black;
}

.circulo3:hover {
position: relative;
z-index: 999;
top: 275px;
left: 175px;
background: url(https://i.imgur.com/ms8O7mW.png);
height: 70px;
width: 70px;
border-radius: 100px;
border: 2px solid black;
transition: 0.8s;
}

.tabela1 {
display: block;
position: relative;
height: 280px;
width: 220px;
background: ;
border: none;
}

.tabela1img {
height: 265px;
width: 205px;
padding: 5px;
}

.tabela2 {
display: block;
position: relative;
top: -280px;
left: 205px;
height: 270px;
max-height: 280px;
overflow: auto;
width: 745px;
background: ;
border: none;
margin-left: 10px;
padding-top: 10px;
padding-bottom: -10px;
padding-left: 36px;
}

.parceiros:hover {
border: 3px solid #d42d2d;
transition: 0.8s;
}

.parceiros {
background: white;
height: 31px;
width: 88px;
margin: 5px;
border: 3px solid #3b3b3b;
}

.copyrights {
position: relative;
text-transform: uppercase;
text-align: center;
width: auto;
background: white;
color: black;
font-size: 11px;
font-family: roboto condensed;
padding: 5px;
}

.fundoparceiros {
display: none;
background: url(https://i.imgur.com/SIw215b.png);
padding-top: 180px;
width: 1010px;
text-align: center;
overflow: hidden;
}

.fundoparceiros img {
background: white;
margin: 4px;
border: 1px solid #83645b;
box-shadow: 0px 0px 2px #83645b;
width: 88px;
height: 31px;
}


/* T A B L O N D E A N U N C I O S */
.module {
background: ;
border: 6px double #DADEDA;
overflow: hidden;
padding: 0px 10px;
}

#tab-background {
background: ;
border: 5px double #DADEDA;
overflow: hidden;
padding: 7px;
padding-bottom: 5px;
padding-top: 5px;
margin: 7px;
}

#tab-nom {
width: 218px;
padding: 10px;
background: #44473E;
border-bottom: 10px solid #7A2C18;
display: none;
color: #f6f6f6;
font-family: 'Oswald';
font-size: 20px;
font-variant: normal;
font-weight: normal;
text-shadow: 1px 1px 1px #000;
text-transform: lowercase;
line-height: 30px;
text-align: right;
}

#tab-nom:after {content: ",";}

#tab-cont {
width: 200px;
padding: 5px;
padding-left: 10px;
background: #DADEDA;
border: 2px solid #FBF3E8;
outline: 2px solid #DADEDA;
text-align: left;
font-family: verdana;
height: 264px;
overflow: hidden;
font-size: 10px;
letter-spacing: 0px;
line-height: 11px;
}

#tab-cont a {
font-size: 10px;
}

#tab-amb {
width: 200px;
padding: 10px;
background: #9BB09B;
border: 5px double white;
height: 257px;
margin-left: 5px;
color: white;
overflow: auto;
font-size: 10px;
line-height: 11px;
text-align: justify;
}

#tab-nov {
background: #8FBC8F;
border: 2px solid #FBF3E8;
outline: 2px solid #8FBC8F;
width: 180px;
margin-left: 5px;
padding: 0px;
height: 276px;
overflow: hidden;
font-size: 11px;
line-height: 12px;
text-align: justify;
}

#tab-staff {
width: 160px;
padding: 5px;
height: 255px;
overflow: hidden;
font-size: 11px;
line-height: 12px;
text-align: justify;
}

#nov-fecha {
padding: 2px 6px;
background: black;
border-radius: 6px;
-moz-border-radius: 6px;
color: #aaa;
display: inline-block;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 2px;
}

#tab-staff a {
background: #2F4F4F;
color: white;
display: inline-block;
font-size: 8px;
line-height: 9px;
text-transform: uppercase;
letter-spacing: 2px;
padding: 8px;
margin: 2px;
text-align: center;
width: 150px;
transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
}

#tab-staff a:hover {
background: #7A2C18;
transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
}

#tab-staff2 {
width: 108px;
padding: 10px;
background: #a0877d;
border: 5px double #ebe4da;
height: 257px;
margin-left: 5px;
color: white;
overflow: auto;
font-size: 10px;
line-height: 11px;
text-align: justify;
}

/*Elimina la parte de los widgets*/
#content-container div#left {
background: trasnparent;
float: left;
height: 100%;
left: 0;
line-height: 100%;
margin-right: 0;
overflow-x: hidden;
overflow-y: auto;
position: fixed;
top: 0;
width: 0px;
}

#left {
position: fixed;
top: 0px;
left:0px;
height: 100%;
}

#content-container div#content { margin-right: 0px !important;}
Administrador
avatar

Hugh
Masculino Mensagens : 380
Data de inscrição : 27/01/2013
Idade : 20
Localização : Twinleaf Town

Voltar ao Topo Ir em baixo

Re: ddddddddddddddddddddddddddddddddddddddc

Mensagem por Conteúdo patrocinado


Conteúdo patrocinado

Voltar ao Topo Ir em baixo

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


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