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


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» II Coluna de Entrevistas à Equipe
Hoje à(s) 18:20 por Holkis

» Personalizar categorias do fórum
Hoje à(s) 17:06 por Cream

» Tópico duplicado
Hoje à(s) 16:59 por Cream

» Aparência do fórum
Hoje à(s) 15:32 por while

» Remover botão do menu
Hoje à(s) 15:00 por while

» Visualização dos "Usuários online"
Hoje à(s) 14:46 por while

» Setar rank automático
Hoje à(s) 4:19 por Cream

Perdi minha senha!
Obter senha

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

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Cream
 
while
 
Holkis
 
Shek
 
-xGabriel..
 
Nean
 
iScroll
 
Mr.Probz
 
Sennior
 
JrMAFiA
 

Quem está conectado
93 usuários online :: 7 usuários cadastrados, 1 Invisível e 85 Visitantes :: 2 Motores de busca

Alexandre Actis, Apollo, Holkis, Orochi Uryu, Shek, while, YouTube3

[ Ver toda a lista ]


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

CSS do tema do fórum personalizado

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

Resolvido CSS do tema do fórum personalizado

Mensagem por King' em Seg 5 Jan 2015 - 22:10

Detalhes da dúvida


Versão do fórum : phpBB3
Nível de acesso : Fundador
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://pokeimpact.ativoforum.com/

Descrição do problema

Eu tenho o tema parecido, ou melhor, apenas muda a fonte e talz ... acontece que ela buga um pouco, e queria a fonte como essa: http://pokemonrv.forumeiros.net/ que tem nesse forum.

Queria também mudar a cor, onde tem azul botar tons de vermelho. É mais facil ir no forum, ai fica melhor pra faalar e puder me ajudar: http://pokeimpact.ativoforum.com/

Alguem com expriencia pra mecher em CSS so falar aki q eu posso botar adm pra ajudar :v
(PESSOAS COM EXPERIENCIA) O.O

King'
Usuário destaque

Masculino
Inscrito dia : 15/02/2014
Mensagens : 583
Pontos Ativos : 1879

http://pokemonrealforcerpg.portugueseforum.net/

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por Consolado em Ter 6 Jan 2015 - 6:08

Olá!

Utilize esse código CSS:
Código:
ul.forums li.row dl{color:#8c8c8c;font-family:Trebuchet MS;font-size:10px}
Até mais.

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 8100

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por King' em Ter 6 Jan 2015 - 12:49

Não mudou nada, talvez fosse mais facil acessar no meu forum, seria melhor pra conversarmos. O codigo n alterou nada Triste

King'
Usuário destaque

Masculino
Inscrito dia : 15/02/2014
Mensagens : 583
Pontos Ativos : 1879

http://pokemonrealforcerpg.portugueseforum.net/

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por Shek em Ter 6 Jan 2015 - 19:33

Boa tarde!

Cuidado, não dê acesso ao Painel de Controle a usuários não autorizados por questão de segurança. Forumeiros adverte: "Nunca forneça sua senha para ninguém, mesmo se tratando do pessoal da equipe Forumeiros".

Sobre sua questão, você quer a fonte em todo o fórum ou especificado em algum local? Se for no fórum todo, queira adicionar em seu CSS este código:
Código:
body { font-family: Trebuchet MS !important; }
Atenciosamente,
Shek


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
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 14672
Pontos Ativos : 21704

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por King' em Qua 7 Jan 2015 - 12:26

É em todo forum, e não resultou, eu usei um css personalizado, é esse:

O estilo dessas letts é como eu queria no meu forum: http://i.imgur.com/kNgqcBu.png e mudar a cor da barra azul para tons de vermelho, basta mudar no css acho:

CSS do Fórum:
Código:
#wrap {
border-left: 35px solid #086FD6;
border-right: 35px solid #086FD6;
border-top: 35px solid #086FD6;
}

a.mainmenu {
font-family: ropa sans;
font-size: 12px;
letter-spacing: 1px;
text-tranform: uppercase;
text-shadow: text-shadow: 0 0 10px #000000;
border-bottom: 5px solid #1C86EE;
}

a.mainmenu:hover{
letter-spacing : 2px;
text-decoration: none;
color : #1874CD;
text-transform:;
}

 ul.navlinks {
  margin-top: -55px;
}

.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-weight: bold;
font-size: 39px;
line-height: 55px;
text-transform: uppercase;
letter-spacing: 1px;
font-family: Six Caps;
}
 
.postprofile dt {
margin-left:1px;
text-align: center;
}
 
.postprofile {
background: #FFF5EE;
text-align: center;
margin-top: -10px;
margin-right: 2px;
display: block;
border-left: 12px solid #086FD6;
border-right: 12px solid #086FD6;
border-top: 12px solid #086FD6;
border-bottom: 12px solid #086FD6;
width: 220px;
font-family: ropa sans;
font-size:11.4px;
text-transform: ;
line-height:12px;
color: #1F1F1F;
margin-left: 0px;
}

.postprofile dd {
text-align: center;
margin-top: 4px;
}

#i_whosonline + p em {
background: #fff;
border-left: 0px solid #d61111;
border-right: 0px solid #d61111;
display:block;
height: 50px;
width: 99%;
line-height: 35px;
font-family: oswald;
font-size: 29px;
margin: 0 auto;
text-transform: uppercase;
color: transparent !important;
text-align: ;
font-style: normal;
padding: 5px;
}

#i_whosonline + p {
text-align: justify;
}

#main .h3 {
background:#1C86EE;
border-bottom: 10px solid #1874CD;
height: 50px;
text-align: center;
font-family: oswald;
font-weight: lighter;
color: #FFF;
letter-spacing: px;
font-size: 36px;
}

#main .h3 {
background:#1C86EE;
border-bottom: 10px solid #1874CD;
height: 50px;
text-align: center;
font-family: oswald;
font-weight: lighter;
color: #FFF;
letter-spacing: 1px;
font-size: 38px;
}

li.header {
background: #1C86EE;
border-bottom: 10px solid #1874CD;
color: #1C86EE;
font-size: 40px;
font-family: Six Caps;
font-weight: ;
margin-right: 10px;
padding: 12px 0 12px;
height: 50px;
letter-spacing:;
text-align: center;
text-transform: none;
vertical-align: middle;
}
 
.table-title h2 {
font-size: 48px;
font-family: oswald;
font-weight: bolder;
}

a.forumtitle {
font-family: oswald;
font-size: 25px;
letter-spacing: -1;
padding-left: 25px;
text-align: left;
font-style: strong;
text-shadow: text-shadow:4px 4px 4px #000;
text-transform: uppercase;
border-left: 20px solid #1C86EE;
color: #216ECC;
margin-left: 0px;
}

a.forumtitle:hover {
text-decoration:none;
text-shadow: 0 0 5px #COLOR;
letter-spacing: ;
border-left: 22px solid #1C86EE;
color: #216ECC;
}

#desc {
background: #f0f0f0;
text-align: justify;
width: 400px;
border-left: 20px solid #c72c2c;
border-right: 20px solid #c72c2c;
height: 110;
overflow: auto;
}

#desc img {
height: 110px;
float: center;
margin-right: 10px;
}

#texto {
opacity: .10;
text-align: justify;
text-size: 9px;
  }


body  {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0px;
overflow-y: auto;
overflow-x: auto;
}

::-webkit-scrollbar {
width: 10px;
height: 10px;
}​
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  {
height: 10px;
display: block;
background: #a00e0e;
}
::-webkit-scrollbar-track-piece  {
background: #dc3434;
}
/*barrita vertical*/
::-webkit-scrollbar-thumb:vertical {
height: 20px;;
background: #b51515;
border: 1px solid #;
}

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

#chatbox_header {
border-radius: 0px 0px 0px 0px ;
background: #1874CD;
}

#chatbox_footer {
background: #1874CD;}

.chatbox-title {
color: #FFF;
font-family:verdana;
text-transform:uppercase;
font-weight: 700;
letter-spacing: -1px;
}

#code1 { position: relative; display: inline-block;}

#code2 { display: none; position: absolute;
top: 40px;
left: 100px;
}

#code1:hover #code2 { display: block; }

/*-------------INICIO TABLON BLACKEST NIGHT BY PYRITE WOLF DE OUR SOURCE CODE!-------------*/
/*-------------COLORES! HERMOSOS COLORES!-------------*/
/*letra de negritas,cosas tachadas, subtitulos y título principal, links y botones (verde sersi, bah)*/
#blackestnight b,#blackestnight s,#blackestnight #h1, #blackestnight #h2, #blackestnight a, #bnbot {
    color: #598F51 !important;}
/*letra general de la derecha, awards, créditos, staff*/
.bnc3, #bnder, #bnaward span,.bnstaff span {color: #888;}
/*letra principal*/
#bnizq {color: #999;}
/*fondo del cuerpo, textos descriptivos de staff y awards, fondo de texto de los botones*/
#blackestnight, #bnaward span, .bnstaff span,#bnbot  {background: #333;}
/*fondo de la caja de la derecha, cajas de awards, créditos, nombres del staff y de awards, links de staff y awards*/
#bnder,.bnc3,.bnc2, #bnaward b,#bnaward a,.bnstaff b, .bnstaff a {background: #222;}
/*fondo de las cajas principales de contenido*/
#bnizq {background: #171717;}
/*color de barra de navegación*/
#blackestnight ::-webkit-scrollbar-thumb:horizontal, #blackestnight ::-webkit-scrollbar-thumb:vertical {background:#598F51;}

/*-------------IMAGENES SERSIS-------------*/
/*primer boton*/
.bn1 {background: url('http://i.imgur.com/IjvENo5.png');}
/*segundo boton*/
.bn2 {background: url('http://i.imgur.com/OvLUwbB.png');}
/*tercer boton*/
.bn3 {background: url('http://i.imgur.com/JYfWXnn.png');}
/*primer miembro de staff*/
.bns1 {background: url('http://i.imgur.com/CFUbZVR.png');}
/*segundo miembro del staff*/
.bns2 {background: url('http://i.imgur.com/DndT2Cm.png');}
/*tercer miembro del staff*/
.bns3 {background: url('http://i.imgur.com/YFHYDEW.png');}
/*cuarto miembro del staff*/
.bns4 {background: url('http://i.imgur.com/nX9TLl4.png');}
/*quinto miembro del staff*/
.bns5 {background: url('http://i.imgur.com/0EUDXws.png');}
/*sexto miembro del staff*/
.bns6 {background: url('http://i.imgur.com/vQsqQNM.png');}
/*septimo miembro del staff*/
.bns7 {background: url('http://i.imgur.com/WCWNn1m.png');}
/*octavo miembro del staff*/
.bns8 {background: url('http://i.imgur.com/WCWNn1m.png');}


/*-------------CODES, CODES DEL TABLON, SERSIS CODES DEL TABLON (?)-------------*/
/*cajas*/
#blackestnight {position: relative;text-align: justify;margin: auto; width: 75%;border-radius: 10px; padding: 10px 15px 10px 50px;font: 12px ubuntu condensed;line-height:13px;right: -4%;}
#bnder {border-radius: 10px; padding:5px 10px;font-size:11px; max-height: 125px; overflow: auto;line-height:12px;}
#bnd {width: 170px;float:right;position: relative;}
#bnizq {height: 105px; overflow: auto;margin-right: 175px; border-radius: 10px; padding:5px 10px;}
.bncaja {overflow: hidden;}
.bnc2 {text-align: center;border-radius: 10px; padding: 10px;}
.bnc3 {border-radius: 10px; padding: 10px;height:215px;overflow-y: auto;overflow-x: hidden;}
.bnescondida {width: 0px;padding: 0px;height: 0px;}
/*Awards*/
#bnaward {display: inline-block;height: 225px;padding: 5px 0px; width: 18%; margin: 0 0.5%;border-radius: 10px;background-position: center !important;background-size: 250% !important;}
#bnaward b,#bnaward span,#bnaward a {opacity: 0;}
#bnaward:hover b,#bnaward:hover span,#bnaward:hover a {opacity: 0.9;}
#bnaward b {display: block; text-align: center;border-radius: 5px; margin:100px 5px 2px 5px;}
#bnaward span {padding: 2px;display: block; border-radius: 5px; text-align: center;margin:0px 5px 2px 5px;height: 50px; overflow: auto;}
#bnaward a {text-decoration: none; text-transform: uppercase; letter-spacing: 2px;display: block; text-align: center;border-radius: 5px;margin:0px 5px;}
#bnaward a:hover {background: #333;}
/*Subtitulos*/
#blackestnight #h1 {margin:0px -5px 2px -5px;padding: 0px 0px 2px 10px; border-bottom: 1px dotted;font-size: 15px; text-transform: uppercase;letter-spacing:2px;}
#blackestnight #h2 {font-size: 20px; text-transform: uppercase;letter-spacing:2px;width: 225px; text-align: center; -webkit-transform: rotate(90deg);transform: rotate(90deg);-moz-transform: rotate(90deg);position: absolute; top: 120px; right: -125px;}
#blackestnight #h3 {font-size: 9px; text-transform: uppercase;text-align: center; color: #888;position: absolute; top: 225px;width: 170px;}
/*Staff*/
#bn-staffbox {position: relative;}
.bnstaff {overflow: hidden;width: 40px; height: 40px; background-size: 200%;background-position: center;border-radius: 5px;margin-left: 5px;display: inline-block;position: absolute;top:0px;}
.bns4 {left: 125px;} .bns2 {left: 38px;} .bns3 {left: 82px;}
.bns1 {margin: 0px;}
.bns5 {top: 43px;margin: 0px;} .bns6 {top: 43px;left: 38px;} .bns7 {top: 43px;left: 82px;} .bns8 {top: 43px;left: 125px;}
.bnstaff b, .bnstaff span, .bnstaff a {opacity: 0;}
.bnstaff:hover b, .bnstaff:hover span, .bnstaff:hover a {opacity: 0.8;}
.bnstaff:hover {left:0px;top: 0px;z-index: 999; width: 150px; height: 63px;padding:10px; background-size: 100%;margin: 0px;}
.bnstaff b {display: block; text-align: center;border-radius: 5px; margin-bottom: 2px;}
.bnstaff span {display: block;border-radius: 5px; text-align: center;margin-bottom: 2px;}
.bnstaff a {text-decoration: none; text-transform: uppercase; letter-spacing: 2px;display: inline-block; text-align: center;border-radius: 5px;width: 48%; margin: 0px 1%; }
.bnstaff a:hover {background: #333;}
/*botones*/
.bnboton {filter: gray;-webkit-filter: grayscale(100%);width: 65px; height: 65px; border: 5px solid #222;background-size: 200%; position: absolute; left: -30px;border-radius:10px;cursor: pointer;}
.bnboton:hover {width: 130px;left:-95px;background-size: 100%;filter: none;-webkit-filter: grayscale(0%);}
#bnbot {margin: 20px auto; opacity: 0; width: 65px; text-transform: uppercase;letter-spacing: 2px; font-size: 10px;border-radius: 5px;text-align: center;padding: 5px 0px; }
.bnboton:hover #bnbot {opacity: 0.9;}
.bn2 {top: 90px;}
.bn3 {top: 170px;}
.bnselec {filter: none;-webkit-filter: grayscale(0%);}

/*generales*/
#blackestnight * {-webkit-backface-visibility: hidden;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}

#blackestnight ::-webkit-scrollbar { width: 8px; height: 8px; } #blackestnight ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment  {display: none;} #blackestnight ::-webkit-scrollbar-track-piece {background: transparent;} #blackestnight ::-webkit-scrollbar-thumb:horizontal, #blackestnight ::-webkit-scrollbar-thumb:vertical {border-radius: 10px;}

@font-face {
  font-family: 'Ubuntu Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Condensed'), local('UbuntuCondensed-Regular'), url(http://themes.googleusercontent.com/static/fonts/ubuntucondensed/v3/DBCt-NXN57MTAFjitYxdrFzqCfRpIA3W6ypxnPISCPA.woff) format('woff');
}
/*-------------FIN TABLON BLACKEST NIGHT BY PYRITE WOLF DE OUR SOURCE CODE!-------------*/

King'
Usuário destaque

Masculino
Inscrito dia : 15/02/2014
Mensagens : 583
Pontos Ativos : 1879

http://pokemonrealforcerpg.portugueseforum.net/

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por King' em Seg 12 Jan 2015 - 12:56

E tive fazendo uns ajustes, mudei a fonte, que era: Pathway Gothic One
Apenas preciso ajuda, queria mudar a cor dessas barras: http://i.imgur.com/uqGUODv.png
Onde posso acha-la no meu CSS e alterar?

CSS NOVO DO FÓRUM:
Código:
body { font-family: Trebuchet MS !important; }
#wrap {
border-left: 35px solid #086FD6;
border-right: 35px solid #086FD6;
border-top: 35px solid #086FD6;
}

a.mainmenu {
font-family: ropa sans;
font-size: 12px;
letter-spacing: 1px;
text-tranform: uppercase;
text-shadow: text-shadow: 0 0 10px #000000;
border-bottom: 5px solid #1C86EE;
}

a.mainmenu:hover{
letter-spacing : 2px;
text-decoration: none;
color : #1874CD;
text-transform:;
}

 ul.navlinks {
  margin-top: -55px;
}

.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-weight: bold;
font-size: 30px;
line-height: 55px;
text-transform: uppercase;
letter-spacing: 1px;
font-family: Pathway Gothic One;
}
 
.postprofile dt {
margin-left:1px;
text-align: center;
}
 
.postprofile {
background: #FFF5EE;
text-align: center;
margin-top: -10px;
margin-right: 2px;
display: block;
border-left: 12px solid #086FD6;
border-right: 12px solid #086FD6;
border-top: 12px solid #086FD6;
border-bottom: 12px solid #086FD6;
width: 220px;
font-family: ropa sans;
font-size:11.4px;
text-transform: ;
line-height:12px;
color: #1F1F1F;
margin-left: 0px;
}

.postprofile dd {
text-align: center;
margin-top: 4px;
}

#i_whosonline + p em {
background: #fff;
border-left: 0px solid #d61111;
border-right: 0px solid #d61111;
display:block;
height: 50px;
width: 99%;
line-height: 35px;
font-family: Pathway Gothic One;
font-size: 29px;
margin: 0 auto;
text-transform: uppercase;
color: transparent !important;
text-align: ;
font-style: normal;
padding: 5px;
}

#i_whosonline + p {
text-align: justify;
}

#main .h3 {
background:#1C86EE;
border-bottom: 10px solid #1874CD;
height: 50px;
text-align: center;
font-family: oswald;
font-weight: lighter;
color: #FFF;
letter-spacing: px;
font-size: 36px;
}

#main .h3 {
background:#1C86EE;
border-bottom: 10px solid #1874CD;
height: 50px;
text-align: center;
font-family: oswald;
font-weight: lighter;
color: #FFF;
letter-spacing: 1px;
font-size: 38px;
}

li.header {
background: #1C86EE;
border-bottom: 10px solid #1874CD;
color: #1C86EE;
font-size: 40px;
font-family: Six Caps;
font-weight: ;
margin-right: 10px;
padding: 12px 0 12px;
height: 50px;
letter-spacing:;
text-align: center;
text-transform: none;
vertical-align: middle;
}
 
.table-title h2 {
font-size: 55px;
font-family: Pathway Gothic One;
font-weight: bolder;
}

a.forumtitle {
font-family: Pathway Gothic One;
font-size: 35px;
letter-spacing: 0;
padding-left: 25px;
text-align: left;
font-style: strong;
text-shadow: text-shadow:4px 4px 4px #000;
text-transform: uppercase;
border-left: 20px solid #1C86EE;
color: #216ECC;
margin-left: 0px;
}

a.forumtitle:hover {
text-decoration:none;
text-shadow: 0 0 5px #COLOR;
letter-spacing: ;
border-left: 22px solid #1C86EE;
color: #216ECC;
}

#desc {
background: #f0f0f0;
text-align: justify;
width: 400px;
border-left: 20px solid #c72c2c;
border-right: 20px solid #c72c2c;
height: 110;
overflow: auto;
}

#desc img {
height: 110px;
float: center;
margin-right: 10px;
}

#texto {
opacity: .10;
text-align: justify;
text-size: 9px;
  }


body  {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0px;
overflow-y: auto;
overflow-x: auto;
}

::-webkit-scrollbar {
width: 10px;
height: 10px;
}​
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  {
height: 10px;
display: block;
background: #a00e0e;
}
::-webkit-scrollbar-track-piece  {
background: #dc3434;
}
/*barrita vertical*/
::-webkit-scrollbar-thumb:vertical {
height: 20px;;
background: #b51515;
border: 1px solid #;
}

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

#chatbox_header {
border-radius: 0px 0px 0px 0px ;
background: #1874CD;
}

#chatbox_footer {
background: #1874CD;}

.chatbox-title {
color: #FFF;
font-family:verdana;
text-transform:uppercase;
font-weight: 700;
letter-spacing: -1px;
}

#code1 { position: relative; display: inline-block;}

#code2 { display: none; position: absolute;
top: 40px;
left: 100px;
}

#code1:hover #code2 { display: block; }

/*-------------INICIO TABLON BLACKEST NIGHT BY PYRITE WOLF DE OUR SOURCE CODE!-------------*/
/*-------------COLORES! HERMOSOS COLORES!-------------*/
/*letra de negritas,cosas tachadas, subtitulos y título principal, links y botones (verde sersi, bah)*/
#blackestnight b,#blackestnight s,#blackestnight #h1, #blackestnight #h2, #blackestnight a, #bnbot {
    color: #598F51 !important;}
/*letra general de la derecha, awards, créditos, staff*/
.bnc3, #bnder, #bnaward span,.bnstaff span {color: #888;}
/*letra principal*/
#bnizq {color: #999;}
/*fondo del cuerpo, textos descriptivos de staff y awards, fondo de texto de los botones*/
#blackestnight, #bnaward span, .bnstaff span,#bnbot  {background: #333;}
/*fondo de la caja de la derecha, cajas de awards, créditos, nombres del staff y de awards, links de staff y awards*/
#bnder,.bnc3,.bnc2, #bnaward b,#bnaward a,.bnstaff b, .bnstaff a {background: #222;}
/*fondo de las cajas principales de contenido*/
#bnizq {background: #171717;}
/*color de barra de navegación*/
#blackestnight ::-webkit-scrollbar-thumb:horizontal, #blackestnight ::-webkit-scrollbar-thumb:vertical {background:#598F51;}

/*-------------IMAGENES SERSIS-------------*/
/*primer boton*/
.bn1 {background: url('http://i.imgur.com/IjvENo5.png');}
/*segundo boton*/
.bn2 {background: url('http://i.imgur.com/OvLUwbB.png');}
/*tercer boton*/
.bn3 {background: url('http://i.imgur.com/JYfWXnn.png');}
/*primer miembro de staff*/
.bns1 {background: url('http://i.imgur.com/CFUbZVR.png');}
/*segundo miembro del staff*/
.bns2 {background: url('http://i.imgur.com/DndT2Cm.png');}
/*tercer miembro del staff*/
.bns3 {background: url('http://i.imgur.com/YFHYDEW.png');}
/*cuarto miembro del staff*/
.bns4 {background: url('http://i.imgur.com/nX9TLl4.png');}
/*quinto miembro del staff*/
.bns5 {background: url('http://i.imgur.com/0EUDXws.png');}
/*sexto miembro del staff*/
.bns6 {background: url('http://i.imgur.com/vQsqQNM.png');}
/*septimo miembro del staff*/
.bns7 {background: url('http://i.imgur.com/WCWNn1m.png');}
/*octavo miembro del staff*/
.bns8 {background: url('http://i.imgur.com/WCWNn1m.png');}


/*-------------CODES, CODES DEL TABLON, SERSIS CODES DEL TABLON (?)-------------*/
/*cajas*/
#blackestnight {position: relative;text-align: justify;margin: auto; width: 75%;border-radius: 10px; padding: 10px 15px 10px 50px;font: 12px ubuntu condensed;line-height:13px;right: -4%;}
#bnder {border-radius: 10px; padding:5px 10px;font-size:11px; max-height: 125px; overflow: auto;line-height:12px;}
#bnd {width: 170px;float:right;position: relative;}
#bnizq {height: 105px; overflow: auto;margin-right: 175px; border-radius: 10px; padding:5px 10px;}
.bncaja {overflow: hidden;}
.bnc2 {text-align: center;border-radius: 10px; padding: 10px;}
.bnc3 {border-radius: 10px; padding: 10px;height:215px;overflow-y: auto;overflow-x: hidden;}
.bnescondida {width: 0px;padding: 0px;height: 0px;}
/*Awards*/
#bnaward {display: inline-block;height: 225px;padding: 5px 0px; width: 18%; margin: 0 0.5%;border-radius: 10px;background-position: center !important;background-size: 250% !important;}
#bnaward b,#bnaward span,#bnaward a {opacity: 0;}
#bnaward:hover b,#bnaward:hover span,#bnaward:hover a {opacity: 0.9;}
#bnaward b {display: block; text-align: center;border-radius: 5px; margin:100px 5px 2px 5px;}
#bnaward span {padding: 2px;display: block; border-radius: 5px; text-align: center;margin:0px 5px 2px 5px;height: 50px; overflow: auto;}
#bnaward a {text-decoration: none; text-transform: uppercase; letter-spacing: 2px;display: block; text-align: center;border-radius: 5px;margin:0px 5px;}
#bnaward a:hover {background: #333;}
/*Subtitulos*/
#blackestnight #h1 {margin:0px -5px 2px -5px;padding: 0px 0px 2px 10px; border-bottom: 1px dotted;font-size: 15px; text-transform: uppercase;letter-spacing:2px;}
#blackestnight #h2 {font-size: 20px; text-transform: uppercase;letter-spacing:2px;width: 225px; text-align: center; -webkit-transform: rotate(90deg);transform: rotate(90deg);-moz-transform: rotate(90deg);position: absolute; top: 120px; right: -125px;}
#blackestnight #h3 {font-size: 9px; text-transform: uppercase;text-align: center; color: #888;position: absolute; top: 225px;width: 170px;}
/*Staff*/
#bn-staffbox {position: relative;}
.bnstaff {overflow: hidden;width: 40px; height: 40px; background-size: 200%;background-position: center;border-radius: 5px;margin-left: 5px;display: inline-block;position: absolute;top:0px;}
.bns4 {left: 125px;} .bns2 {left: 38px;} .bns3 {left: 82px;}
.bns1 {margin: 0px;}
.bns5 {top: 43px;margin: 0px;} .bns6 {top: 43px;left: 38px;} .bns7 {top: 43px;left: 82px;} .bns8 {top: 43px;left: 125px;}
.bnstaff b, .bnstaff span, .bnstaff a {opacity: 0;}
.bnstaff:hover b, .bnstaff:hover span, .bnstaff:hover a {opacity: 0.8;}
.bnstaff:hover {left:0px;top: 0px;z-index: 999; width: 150px; height: 63px;padding:10px; background-size: 100%;margin: 0px;}
.bnstaff b {display: block; text-align: center;border-radius: 5px; margin-bottom: 2px;}
.bnstaff span {display: block;border-radius: 5px; text-align: center;margin-bottom: 2px;}
.bnstaff a {text-decoration: none; text-transform: uppercase; letter-spacing: 2px;display: inline-block; text-align: center;border-radius: 5px;width: 48%; margin: 0px 1%; }
.bnstaff a:hover {background: #333;}
/*botones*/
.bnboton {filter: gray;-webkit-filter: grayscale(100%);width: 65px; height: 65px; border: 5px solid #222;background-size: 200%; position: absolute; left: -30px;border-radius:10px;cursor: pointer;}
.bnboton:hover {width: 130px;left:-95px;background-size: 100%;filter: none;-webkit-filter: grayscale(0%);}
#bnbot {margin: 20px auto; opacity: 0; width: 65px; text-transform: uppercase;letter-spacing: 2px; font-size: 10px;border-radius: 5px;text-align: center;padding: 5px 0px; }
.bnboton:hover #bnbot {opacity: 0.9;}
.bn2 {top: 90px;}
.bn3 {top: 170px;}
.bnselec {filter: none;-webkit-filter: grayscale(0%);}

/*generales*/
#blackestnight * {-webkit-backface-visibility: hidden;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}

#blackestnight ::-webkit-scrollbar { width: 8px; height: 8px; } #blackestnight ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment  {display: none;} #blackestnight ::-webkit-scrollbar-track-piece {background: transparent;} #blackestnight ::-webkit-scrollbar-thumb:horizontal, #blackestnight ::-webkit-scrollbar-thumb:vertical {border-radius: 10px;}

@font-face {
  font-family: 'Ubuntu Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Condensed'), local('UbuntuCondensed-Regular'), url(http://themes.googleusercontent.com/static/fonts/ubuntucondensed/v3/DBCt-NXN57MTAFjitYxdrFzqCfRpIA3W6ypxnPISCPA.woff) format('woff');
}
/*-------------FIN TABLON BLACKEST NIGHT BY PYRITE WOLF DE OUR SOURCE CODE!-------------*/

King'
Usuário destaque

Masculino
Inscrito dia : 15/02/2014
Mensagens : 583
Pontos Ativos : 1879

http://pokemonrealforcerpg.portugueseforum.net/

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por Consolado em Seg 12 Jan 2015 - 14:00

Olá!

Substitua a sua folha de estilos CSS por essa:
Código:
body { font-family: Trebuchet MS !important; }
#wrap {
border-left: 35px solid #086FD6;
border-right: 35px solid #086FD6;
border-top: 35px solid #086FD6;
}

a.mainmenu {
font-family: ropa sans;
font-size: 12px;
letter-spacing: 1px;
text-tranform: uppercase;
text-shadow: text-shadow: 0 0 10px #000000;
border-bottom: 5px solid #1C86EE;
}

a.mainmenu:hover{
letter-spacing : 2px;
text-decoration: none;
color : #1874CD;
text-transform:;
}

 ul.navlinks {
  margin-top: -55px;
}

.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-weight: bold;
font-size: 30px;
line-height: 55px;
text-transform: uppercase;
letter-spacing: 1px;
font-family: Pathway Gothic One;
}
 
.postprofile dt {
margin-left:1px;
text-align: center;
}
 
.postprofile {
background: #FFF5EE;
text-align: center;
margin-top: -10px;
margin-right: 2px;
display: block;
border-left: 12px solid #086FD6;
border-right: 12px solid #086FD6;
border-top: 12px solid #086FD6;
border-bottom: 12px solid #086FD6;
width: 220px;
font-family: ropa sans;
font-size:11.4px;
text-transform: ;
line-height:12px;
color: #1F1F1F;
margin-left: 0px;
}

.postprofile dd {
text-align: center;
margin-top: 4px;
}

#i_whosonline + p em {
background: #fff;
border-left: 0px solid #d61111;
border-right: 0px solid #d61111;
display:block;
height: 50px;
width: 99%;
line-height: 35px;
font-family: Pathway Gothic One;
font-size: 29px;
margin: 0 auto;
text-transform: uppercase;
color: transparent !important;
text-align: ;
font-style: normal;
padding: 5px;
}

ul.forums li.row dl{color:#8c8c8c;font-family:Trebuchet MS;font-size:10px}

#i_whosonline + p {
text-align: justify;
}

#main .h3 {
background:#1C86EE;
border-bottom: 10px solid #1874CD;
height: 50px;
text-align: center;
font-family: oswald;
font-weight: lighter;
color: #FFF;
letter-spacing: px;
font-size: 36px;
}

#main .h3 {
background:#1C86EE;
border-bottom: 10px solid #1874CD;
height: 50px;
text-align: center;
font-family: oswald;
font-weight: lighter;
color: #FFF;
letter-spacing: 1px;
font-size: 38px;
}

li.header {
background: #1C86EE;
border-bottom: 10px solid #1874CD;
color: #1C86EE;
font-size: 40px;
font-family: Six Caps;
font-weight: ;
margin-right: 10px;
padding: 12px 0 12px;
height: 50px;
letter-spacing:;
text-align: center;
text-transform: none;
vertical-align: middle;
}
 
.table-title h2 {
font-size: 48px;
font-family: Trebuchet MS;
font-weight: 700;
}

a.forumtitle {
font-family: Pathway Gothic One;
font-size: 35px;
letter-spacing: 0;
padding-left: 25px;
text-align: left;
font-style: strong;
text-shadow: text-shadow:4px 4px 4px #000;
text-transform: uppercase;
border-left: 20px solid #1C86EE;
color: #216ECC;
margin-left: 0px;
}

a.forumtitle:hover {
text-decoration:none;
text-shadow: 0 0 5px #COLOR;
letter-spacing: ;
border-left: 22px solid #1C86EE;
color: #216ECC;
}

#desc {
background: #f0f0f0;
text-align: justify;
width: 400px;
border-left: 20px solid #c72c2c;
border-right: 20px solid #c72c2c;
height: 110;
overflow: auto;
}

#desc img {
height: 110px;
float: center;
margin-right: 10px;
}

#texto {
opacity: .10;
text-align: justify;
text-size: 9px;
  }


body  {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0px;
overflow-y: auto;
overflow-x: auto;
}

::-webkit-scrollbar {
width: 10px;
height: 10px;
}​
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  {
height: 10px;
display: block;
background: #a00e0e;
}
::-webkit-scrollbar-track-piece  {
background: #dc3434;
}
/*barrita vertical*/
::-webkit-scrollbar-thumb:vertical {
height: 20px;;
background: #b51515;
border: 1px solid #;
}

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

#chatbox_header {
border-radius: 0px 0px 0px 0px ;
background: #1874CD;
}

#chatbox_footer {
background: #1874CD;}

.chatbox-title {
color: #FFF;
font-family:verdana;
text-transform:uppercase;
font-weight: 700;
letter-spacing: -1px;
}

#code1 { position: relative; display: inline-block;}

#code2 { display: none; position: absolute;
top: 40px;
left: 100px;
}

#code1:hover #code2 { display: block; }

/*-------------INICIO TABLON BLACKEST NIGHT BY PYRITE WOLF DE OUR SOURCE CODE!-------------*/
/*-------------COLORES! HERMOSOS COLORES!-------------*/
/*letra de negritas,cosas tachadas, subtitulos y título principal, links y botones (verde sersi, bah)*/
#blackestnight b,#blackestnight s,#blackestnight #h1, #blackestnight #h2, #blackestnight a, #bnbot {
    color: #598F51 !important;}
/*letra general de la derecha, awards, créditos, staff*/
.bnc3, #bnder, #bnaward span,.bnstaff span {color: #888;}
/*letra principal*/
#bnizq {color: #999;}
/*fondo del cuerpo, textos descriptivos de staff y awards, fondo de texto de los botones*/
#blackestnight, #bnaward span, .bnstaff span,#bnbot  {background: #333;}
/*fondo de la caja de la derecha, cajas de awards, créditos, nombres del staff y de awards, links de staff y awards*/
#bnder,.bnc3,.bnc2, #bnaward b,#bnaward a,.bnstaff b, .bnstaff a {background: #222;}
/*fondo de las cajas principales de contenido*/
#bnizq {background: #171717;}
/*color de barra de navegación*/
#blackestnight ::-webkit-scrollbar-thumb:horizontal, #blackestnight ::-webkit-scrollbar-thumb:vertical {background:#598F51;}

/*-------------IMAGENES SERSIS-------------*/
/*primer boton*/
.bn1 {background: url('http://i.imgur.com/IjvENo5.png');}
/*segundo boton*/
.bn2 {background: url('http://i.imgur.com/OvLUwbB.png');}
/*tercer boton*/
.bn3 {background: url('http://i.imgur.com/JYfWXnn.png');}
/*primer miembro de staff*/
.bns1 {background: url('http://i.imgur.com/CFUbZVR.png');}
/*segundo miembro del staff*/
.bns2 {background: url('http://i.imgur.com/DndT2Cm.png');}
/*tercer miembro del staff*/
.bns3 {background: url('http://i.imgur.com/YFHYDEW.png');}
/*cuarto miembro del staff*/
.bns4 {background: url('http://i.imgur.com/nX9TLl4.png');}
/*quinto miembro del staff*/
.bns5 {background: url('http://i.imgur.com/0EUDXws.png');}
/*sexto miembro del staff*/
.bns6 {background: url('http://i.imgur.com/vQsqQNM.png');}
/*septimo miembro del staff*/
.bns7 {background: url('http://i.imgur.com/WCWNn1m.png');}
/*octavo miembro del staff*/
.bns8 {background: url('http://i.imgur.com/WCWNn1m.png');}


/*-------------CODES, CODES DEL TABLON, SERSIS CODES DEL TABLON (?)-------------*/
/*cajas*/
#blackestnight {position: relative;text-align: justify;margin: auto; width: 75%;border-radius: 10px; padding: 10px 15px 10px 50px;font: 12px ubuntu condensed;line-height:13px;right: -4%;}
#bnder {border-radius: 10px; padding:5px 10px;font-size:11px; max-height: 125px; overflow: auto;line-height:12px;}
#bnd {width: 170px;float:right;position: relative;}
#bnizq {height: 105px; overflow: auto;margin-right: 175px; border-radius: 10px; padding:5px 10px;}
.bncaja {overflow: hidden;}
.bnc2 {text-align: center;border-radius: 10px; padding: 10px;}
.bnc3 {border-radius: 10px; padding: 10px;height:215px;overflow-y: auto;overflow-x: hidden;}
.bnescondida {width: 0px;padding: 0px;height: 0px;}
/*Awards*/
#bnaward {display: inline-block;height: 225px;padding: 5px 0px; width: 18%; margin: 0 0.5%;border-radius: 10px;background-position: center !important;background-size: 250% !important;}
#bnaward b,#bnaward span,#bnaward a {opacity: 0;}
#bnaward:hover b,#bnaward:hover span,#bnaward:hover a {opacity: 0.9;}
#bnaward b {display: block; text-align: center;border-radius: 5px; margin:100px 5px 2px 5px;}
#bnaward span {padding: 2px;display: block; border-radius: 5px; text-align: center;margin:0px 5px 2px 5px;height: 50px; overflow: auto;}
#bnaward a {text-decoration: none; text-transform: uppercase; letter-spacing: 2px;display: block; text-align: center;border-radius: 5px;margin:0px 5px;}
#bnaward a:hover {background: #333;}
/*Subtitulos*/
#blackestnight #h1 {margin:0px -5px 2px -5px;padding: 0px 0px 2px 10px; border-bottom: 1px dotted;font-size: 15px; text-transform: uppercase;letter-spacing:2px;}
#blackestnight #h2 {font-size: 20px; text-transform: uppercase;letter-spacing:2px;width: 225px; text-align: center; -webkit-transform: rotate(90deg);transform: rotate(90deg);-moz-transform: rotate(90deg);position: absolute; top: 120px; right: -125px;}
#blackestnight #h3 {font-size: 9px; text-transform: uppercase;text-align: center; color: #888;position: absolute; top: 225px;width: 170px;}
/*Staff*/
#bn-staffbox {position: relative;}
.bnstaff {overflow: hidden;width: 40px; height: 40px; background-size: 200%;background-position: center;border-radius: 5px;margin-left: 5px;display: inline-block;position: absolute;top:0px;}
.bns4 {left: 125px;} .bns2 {left: 38px;} .bns3 {left: 82px;}
.bns1 {margin: 0px;}
.bns5 {top: 43px;margin: 0px;} .bns6 {top: 43px;left: 38px;} .bns7 {top: 43px;left: 82px;} .bns8 {top: 43px;left: 125px;}
.bnstaff b, .bnstaff span, .bnstaff a {opacity: 0;}
.bnstaff:hover b, .bnstaff:hover span, .bnstaff:hover a {opacity: 0.8;}
.bnstaff:hover {left:0px;top: 0px;z-index: 999; width: 150px; height: 63px;padding:10px; background-size: 100%;margin: 0px;}
.bnstaff b {display: block; text-align: center;border-radius: 5px; margin-bottom: 2px;}
.bnstaff span {display: block;border-radius: 5px; text-align: center;margin-bottom: 2px;}
.bnstaff a {text-decoration: none; text-transform: uppercase; letter-spacing: 2px;display: inline-block; text-align: center;border-radius: 5px;width: 48%; margin: 0px 1%; }
.bnstaff a:hover {background: #333;}
/*botones*/
.bnboton {filter: gray;-webkit-filter: grayscale(100%);width: 65px; height: 65px; border: 5px solid #222;background-size: 200%; position: absolute; left: -30px;border-radius:10px;cursor: pointer;}
.bnboton:hover {width: 130px;left:-95px;background-size: 100%;filter: none;-webkit-filter: grayscale(0%);}
#bnbot {margin: 20px auto; opacity: 0; width: 65px; text-transform: uppercase;letter-spacing: 2px; font-size: 10px;border-radius: 5px;text-align: center;padding: 5px 0px; }
.bnboton:hover #bnbot {opacity: 0.9;}
.bn2 {top: 90px;}
.bn3 {top: 170px;}
.bnselec {filter: none;-webkit-filter: grayscale(0%);}

/*generales*/
#blackestnight * {-webkit-backface-visibility: hidden;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}

#blackestnight ::-webkit-scrollbar { width: 8px; height: 8px; } #blackestnight ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment  {display: none;} #blackestnight ::-webkit-scrollbar-track-piece {background: transparent;} #blackestnight ::-webkit-scrollbar-thumb:horizontal, #blackestnight ::-webkit-scrollbar-thumb:vertical {border-radius: 10px;}

@font-face {
  font-family: 'Ubuntu Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Condensed'), local('UbuntuCondensed-Regular'), url(http://themes.googleusercontent.com/static/fonts/ubuntucondensed/v3/DBCt-NXN57MTAFjitYxdrFzqCfRpIA3W6ypxnPISCPA.woff) format('woff');
}
/*-------------FIN TABLON BLACKEST NIGHT BY PYRITE WOLF DE OUR SOURCE CODE!-------------*/
Até mais.

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 8100

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por King' em Seg 12 Jan 2015 - 18:39

Ficou melhor, mas tem como mudar as cores onde tem azul no tema, e deixar tons de vermelho, de forma a combinar pff?
E nessa letras: http://i.imgur.com/Zut7psr.png
Tem como deixar com a mesma fonte da que tem nos titulos grandes?

King'
Usuário destaque

Masculino
Inscrito dia : 15/02/2014
Mensagens : 583
Pontos Ativos : 1879

http://pokemonrealforcerpg.portugueseforum.net/

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por Sennior em Ter 13 Jan 2015 - 0:46

Saudações! Muito feliz

Altere teu CSS pelo abaixo:
Vá em:
Painel de controle  Seta curta Visualização  Seta curta Cores Seta curta "Aba" Folha CSS.

Adicione no conteúdo:
Código:
.h3 a {
color: white!important;
position: relative;
top: 5px;
}
.h3 {
border-left-width: 0;
color: #FFF!important;
font-family: Pathway Gothic One,Trebuchet MS!important;
font-size: 4em!important;
line-height: 1em;
margin: 2px 0 4px;
padding-bottom: 2px;
padding-top: 2px;
text-transform: uppercase;
}
body { font-family: Trebuchet MS !important; }
#wrap {
border-left: 35px solid #dc3434;
border-right: 35px solid #dc3434;
border-top: 35px solid #dc3434;
}

a.mainmenu {
font-family: ropa sans;
font-size: 12px;
letter-spacing: 1px;
text-tranform: uppercase;
text-shadow: text-shadow: 0 0 10px #000000;
border-bottom: 5px solid #1C86EE;
}

a.mainmenu:hover{
letter-spacing : 2px;
text-decoration: none;
color : #1874CD;
text-transform:;
}

 ul.navlinks {
  margin-top: -55px;
}

.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-weight: bold;
font-size: 30px;
line-height: 55px;
text-transform: uppercase;
letter-spacing: 1px;
font-family: Pathway Gothic One;
}
 
.postprofile dt {
margin-left:1px;
text-align: center;
}
 
.postprofile {
background: #FFF5EE;
text-align: center;
margin-top: -10px;
margin-right: 2px;
display: block;
border-left: 12px solid #086FD6;
border-right: 12px solid #086FD6;
border-top: 12px solid #086FD6;
border-bottom: 12px solid #086FD6;
width: 220px;
font-family: ropa sans;
font-size:11.4px;
text-transform: ;
line-height:12px;
color: #1F1F1F;
margin-left: 0px;
}

.postprofile dd {
text-align: center;
margin-top: 4px;
}

#i_whosonline + p em {
background: #fff;
border-left: 0px solid #d61111;
border-right: 0px solid #d61111;
display:block;
height: 50px;
width: 99%;
line-height: 35px;
font-family: Pathway Gothic One;
font-size: 29px;
margin: 0 auto;
text-transform: uppercase;
color: transparent !important;
text-align: ;
font-style: normal;
padding: 5px;
}

ul.forums li.row dl{color:#8c8c8c;font-family:Trebuchet MS;font-size:10px}

#i_whosonline + p {
text-align: justify;
}

#main .h3 {
background:#dc3434;
border-bottom: 10px solid #1874CD;
height: 50px;
text-align: center;
font-family: oswald;
font-weight: lighter;
color: #FFF;
letter-spacing: px;
font-size: 36px;
}

#main .h3 {
background:#1C86EE;
border-bottom: 10px solid #1874CD;
height: 50px;
text-align: center;
font-family: oswald;
font-weight: lighter;
color: #FFF;
letter-spacing: 1px;
font-size: 38px;
}

li.header {
background: #dc3434;
border-bottom: 10px solid #CD1841;
color: #1C86EE;
font-family: Six Caps;
font-size: 40px;
height: 50px;
margin-right: 10px;
padding: 12px 0;
text-align: center;
text-transform: none;
vertical-align: middle;
}

.table-title h2 {
font-size: 48px;
font-family: Trebuchet MS;
font-weight: 700;
}

a.forumtitle {
font-family: Pathway Gothic One;
font-size: 35px;
letter-spacing: 0;
padding-left: 25px;
text-align: left;
font-style: strong;
text-shadow: text-shadow:4px 4px 4px #000;
text-transform: uppercase;
border-left: 20px solid #1C86EE;
color: #216ECC;
margin-left: 0px;
}

a.forumtitle:hover {
text-decoration:none;
text-shadow: 0 0 5px #COLOR;
letter-spacing: ;
border-left: 22px solid #1C86EE;
color: #216ECC;
}

#desc {
background: #f0f0f0;
text-align: justify;
width: 400px;
border-left: 20px solid #c72c2c;
border-right: 20px solid #c72c2c;
height: 110;
overflow: auto;
}

#desc img {
height: 110px;
float: center;
margin-right: 10px;
}

#texto {
opacity: .10;
text-align: justify;
text-size: 9px;
  }


body  {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0px;
overflow-y: auto;
overflow-x: auto;
}

::-webkit-scrollbar {
width: 10px;
height: 10px;
}​
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  {
height: 10px;
display: block;
background: #a00e0e;
}
::-webkit-scrollbar-track-piece  {
background: #dc3434;
}
/*barrita vertical*/
::-webkit-scrollbar-thumb:vertical {
height: 20px;;
background: #b51515;
border: 1px solid #;
}

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

#chatbox_header {
border-radius: 0px 0px 0px 0px ;
background: #1874CD;
}

#chatbox_footer {
background: #1874CD;}

.chatbox-title {
color: #FFF;
font-family:verdana;
text-transform:uppercase;
font-weight: 700;
letter-spacing: -1px;
}

#code1 { position: relative; display: inline-block;}

#code2 { display: none; position: absolute;
top: 40px;
left: 100px;
}

#code1:hover #code2 { display: block; }

/*-------------INICIO TABLON BLACKEST NIGHT BY PYRITE WOLF DE OUR SOURCE CODE!-------------*/
/*-------------COLORES! HERMOSOS COLORES!-------------*/
/*letra de negritas,cosas tachadas, subtitulos y título principal, links y botones (verde sersi, bah)*/
#blackestnight b,#blackestnight s,#blackestnight #h1, #blackestnight #h2, #blackestnight a, #bnbot {
    color: #598F51 !important;}
/*letra general de la derecha, awards, créditos, staff*/
.bnc3, #bnder, #bnaward span,.bnstaff span {color: #888;}
/*letra principal*/
#bnizq {color: #999;}
/*fondo del cuerpo, textos descriptivos de staff y awards, fondo de texto de los botones*/
#blackestnight, #bnaward span, .bnstaff span,#bnbot  {background: #333;}
/*fondo de la caja de la derecha, cajas de awards, créditos, nombres del staff y de awards, links de staff y awards*/
#bnder,.bnc3,.bnc2, #bnaward b,#bnaward a,.bnstaff b, .bnstaff a {background: #222;}
/*fondo de las cajas principales de contenido*/
#bnizq {background: #171717;}
/*color de barra de navegación*/
#blackestnight ::-webkit-scrollbar-thumb:horizontal, #blackestnight ::-webkit-scrollbar-thumb:vertical {background:#598F51;}

/*-------------IMAGENES SERSIS-------------*/
/*primer boton*/
.bn1 {background: url('http://i.imgur.com/IjvENo5.png');}
/*segundo boton*/
.bn2 {background: url('http://i.imgur.com/OvLUwbB.png');}
/*tercer boton*/
.bn3 {background: url('http://i.imgur.com/JYfWXnn.png');}
/*primer miembro de staff*/
.bns1 {background: url('http://i.imgur.com/CFUbZVR.png');}
/*segundo miembro del staff*/
.bns2 {background: url('http://i.imgur.com/DndT2Cm.png');}
/*tercer miembro del staff*/
.bns3 {background: url('http://i.imgur.com/YFHYDEW.png');}
/*cuarto miembro del staff*/
.bns4 {background: url('http://i.imgur.com/nX9TLl4.png');}
/*quinto miembro del staff*/
.bns5 {background: url('http://i.imgur.com/0EUDXws.png');}
/*sexto miembro del staff*/
.bns6 {background: url('http://i.imgur.com/vQsqQNM.png');}
/*septimo miembro del staff*/
.bns7 {background: url('http://i.imgur.com/WCWNn1m.png');}
/*octavo miembro del staff*/
.bns8 {background: url('http://i.imgur.com/WCWNn1m.png');}


/*-------------CODES, CODES DEL TABLON, SERSIS CODES DEL TABLON (?)-------------*/
/*cajas*/
#blackestnight {position: relative;text-align: justify;margin: auto; width: 75%;border-radius: 10px; padding: 10px 15px 10px 50px;font: 12px ubuntu condensed;line-height:13px;right: -4%;}
#bnder {border-radius: 10px; padding:5px 10px;font-size:11px; max-height: 125px; overflow: auto;line-height:12px;}
#bnd {width: 170px;float:right;position: relative;}
#bnizq {height: 105px; overflow: auto;margin-right: 175px; border-radius: 10px; padding:5px 10px;}
.bncaja {overflow: hidden;}
.bnc2 {text-align: center;border-radius: 10px; padding: 10px;}
.bnc3 {border-radius: 10px; padding: 10px;height:215px;overflow-y: auto;overflow-x: hidden;}
.bnescondida {width: 0px;padding: 0px;height: 0px;}
/*Awards*/
#bnaward {display: inline-block;height: 225px;padding: 5px 0px; width: 18%; margin: 0 0.5%;border-radius: 10px;background-position: center !important;background-size: 250% !important;}
#bnaward b,#bnaward span,#bnaward a {opacity: 0;}
#bnaward:hover b,#bnaward:hover span,#bnaward:hover a {opacity: 0.9;}
#bnaward b {display: block; text-align: center;border-radius: 5px; margin:100px 5px 2px 5px;}
#bnaward span {padding: 2px;display: block; border-radius: 5px; text-align: center;margin:0px 5px 2px 5px;height: 50px; overflow: auto;}
#bnaward a {text-decoration: none; text-transform: uppercase; letter-spacing: 2px;display: block; text-align: center;border-radius: 5px;margin:0px 5px;}
#bnaward a:hover {background: #333;}
/*Subtitulos*/
#blackestnight #h1 {margin:0px -5px 2px -5px;padding: 0px 0px 2px 10px; border-bottom: 1px dotted;font-size: 15px; text-transform: uppercase;letter-spacing:2px;}
#blackestnight #h2 {font-size: 20px; text-transform: uppercase;letter-spacing:2px;width: 225px; text-align: center; -webkit-transform: rotate(90deg);transform: rotate(90deg);-moz-transform: rotate(90deg);position: absolute; top: 120px; right: -125px;}
#blackestnight #h3 {font-size: 9px; text-transform: uppercase;text-align: center; color: #888;position: absolute; top: 225px;width: 170px;}
/*Staff*/
#bn-staffbox {position: relative;}
.bnstaff {overflow: hidden;width: 40px; height: 40px; background-size: 200%;background-position: center;border-radius: 5px;margin-left: 5px;display: inline-block;position: absolute;top:0px;}
.bns4 {left: 125px;} .bns2 {left: 38px;} .bns3 {left: 82px;}
.bns1 {margin: 0px;}
.bns5 {top: 43px;margin: 0px;} .bns6 {top: 43px;left: 38px;} .bns7 {top: 43px;left: 82px;} .bns8 {top: 43px;left: 125px;}
.bnstaff b, .bnstaff span, .bnstaff a {opacity: 0;}
.bnstaff:hover b, .bnstaff:hover span, .bnstaff:hover a {opacity: 0.8;}
.bnstaff:hover {left:0px;top: 0px;z-index: 999; width: 150px; height: 63px;padding:10px; background-size: 100%;margin: 0px;}
.bnstaff b {display: block; text-align: center;border-radius: 5px; margin-bottom: 2px;}
.bnstaff span {display: block;border-radius: 5px; text-align: center;margin-bottom: 2px;}
.bnstaff a {text-decoration: none; text-transform: uppercase; letter-spacing: 2px;display: inline-block; text-align: center;border-radius: 5px;width: 48%; margin: 0px 1%; }
.bnstaff a:hover {background: #333;}
/*botones*/
.bnboton {filter: gray;-webkit-filter: grayscale(100%);width: 65px; height: 65px; border: 5px solid #222;background-size: 200%; position: absolute; left: -30px;border-radius:10px;cursor: pointer;}
.bnboton:hover {width: 130px;left:-95px;background-size: 100%;filter: none;-webkit-filter: grayscale(0%);}
#bnbot {margin: 20px auto; opacity: 0; width: 65px; text-transform: uppercase;letter-spacing: 2px; font-size: 10px;border-radius: 5px;text-align: center;padding: 5px 0px; }
.bnboton:hover #bnbot {opacity: 0.9;}
.bn2 {top: 90px;}
.bn3 {top: 170px;}
.bnselec {filter: none;-webkit-filter: grayscale(0%);}

/*generales*/
#blackestnight * {-webkit-backface-visibility: hidden;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}

#blackestnight ::-webkit-scrollbar { width: 8px; height: 8px; } #blackestnight ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment  {display: none;} #blackestnight ::-webkit-scrollbar-track-piece {background: transparent;} #blackestnight ::-webkit-scrollbar-thumb:horizontal, #blackestnight ::-webkit-scrollbar-thumb:vertical {border-radius: 10px;}

@font-face {
  font-family: 'Ubuntu Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Condensed'), local('UbuntuCondensed-Regular'), url(http://themes.googleusercontent.com/static/fonts/ubuntucondensed/v3/DBCt-NXN57MTAFjitYxdrFzqCfRpIA3W6ypxnPISCPA.woff) format('woff');
}
/*-------------FIN TABLON BLACKEST NIGHT BY PYRITE WOLF DE OUR SOURCE CODE!-------------*/

Peço que lembre das regras em situações onde o tópico tem mais de uma dúvida, dá próxima estarei arquivando.
Salve e Visualize seu fórum. Piscada
Melhores cumprimentos,
Sennior. De bem com a vida



Admineiros Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Admineiros Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Admineiros Perdeu a senha de administração? Veja o que fazer.
Admineiros Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 15967
Pontos Ativos : 22317

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por Consolado em Ter 13 Jan 2015 - 8:30

Olá!

Substitua a sua folha de estilos CSS por essa:
Código:
#wrap {
border-left: 35px solid #D60000;
border-right: 35px solid #D60000;
border-top: 35px solid #D60000;
}
#fa_toolbar{background-color:#C23B3B!important}
a.mainmenu {
font-family: Trebuchet MS;
font-size: 12px;
letter-spacing: 1px;
text-tranform: uppercase;
text-shadow: text-shadow: 0 0 10px #000000;
border-bottom: 5px solid #D60000;
}

a.mainmenu:hover{
letter-spacing : 2px;
text-decoration: none;
color : #1874CD;
text-transform:;
}

 ul.navlinks {
  margin-top: -55px;
}

.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-weight: bold;
font-size: 30px;
line-height: 55px;
text-transform: uppercase;
letter-spacing: 1px;
font-family: Trebuchet MS;
}
 
.postprofile dt {
margin-left:1px;
text-align: center;
}
 
.postprofile {
background: #FFF5EE;
text-align: center;
margin-top: -10px;
margin-right: 2px;
display: block;
border-left: 12px solid #086FD6;
border-right: 12px solid #086FD6;
border-top: 12px solid #086FD6;
border-bottom: 12px solid #086FD6;
width: 220px;
font-family: Trebuchet MS;
font-size:11.4px;
text-transform: ;
line-height:12px;
color: #1F1F1F;
margin-left: 0px;
}

.postprofile dd {
text-align: center;
margin-top: 4px;
}

#i_whosonline + p em {
background: #fff;
border-left: 0px solid #d61111;
border-right: 0px solid #d61111;
display:block;
height: 50px;
width: 99%;
line-height: 35px;
font-family: Trebuchet MS;
font-size: 29px;
margin: 0 auto;
text-transform: uppercase;
color: transparent !important;
text-align: ;
font-style: normal;
padding: 5px;
}

ul.forums li.row dl{color:#8c8c8c;font-family:Trebuchet MS;font-size:10px}

#i_whosonline + p {
text-align: justify;
}

#main .h3 {
background:#FF0000;
border-bottom: 10px solid #DF0000;
height: 50px;
text-align: center;
font-family: Trebuchet MS;
font-weight: lighter;
color: #FFF!important;
letter-spacing: px;
font-size: 36px;
}

#main .h3 {
background:#FF0000;
border-bottom: 10px solid #D60000;
height: 50px;
text-align: center;
font-family: Trebuchet MS;
font-weight: lighter;
color: #FFF;
letter-spacing: 1px;
font-size: 38px;
}

li.header {
background: #FF0000;
border-bottom: 10px solid #D60000;
color: #1C86EE;
font-size: 40px;
font-family: Six Caps;
font-weight: ;
margin-right: 10px;
padding: 12px 0 12px;
height: 50px;
letter-spacing:;
text-align: center;
text-transform: none;
vertical-align: middle;
}
 
.table-title h2 {
font-size: 48px;
font-family: Trebuchet MS;
font-weight: 700;
}

a.forumtitle {
font-family: Trebuchet MS;
font-size: 35px;
letter-spacing: 0;
padding-left: 25px;
text-align: left;
font-style: strong;
text-shadow: text-shadow:4px 4px 4px #000;
text-transform: uppercase;
border-left: 20px solid #FF0000;
color: #D60000;
margin-left: 0px;
}

a.forumtitle:hover {
text-decoration:none;
letter-spacing: ;
border-left: 22px solid #1C86EE;
color: #216ECC;
}

#desc {
background: #f0f0f0;
text-align: justify;
width: 400px;
border-left: 20px solid #c72c2c;
border-right: 20px solid #c72c2c;
height: 110;
overflow: auto;
}

#desc img {
height: 110px;
float: center;
margin-right: 10px;
}

#texto {
opacity: .10;
text-align: justify;
text-size: 9px;
  }


body  {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0px;
overflow-y: auto;
overflow-x: auto;
}

::-webkit-scrollbar {
width: 10px;
height: 10px;
}​
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  {
height: 10px;
display: block;
background: #a00e0e;
}
::-webkit-scrollbar-track-piece  {
background: #dc3434;
}
/*barrita vertical*/
::-webkit-scrollbar-thumb:vertical {
height: 20px;;
background: #b51515;
border: 1px solid #;
}

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

#chatbox_header {
border-radius: 0px 0px 0px 0px ;
background: #1874CD;
}

#chatbox_footer {
background: #1874CD;}

.chatbox-title {
color: #FFF;
font-family:verdana;
text-transform:uppercase;
font-weight: 700;
letter-spacing: -1px;
}

#code1 { position: relative; display: inline-block;}

#code2 { display: none; position: absolute;
top: 40px;
left: 100px;
}

#code1:hover #code2 { display: block; }

/*-------------INICIO TABLON BLACKEST NIGHT BY PYRITE WOLF DE OUR SOURCE CODE!-------------*/
/*-------------COLORES! HERMOSOS COLORES!-------------*/
/*letra de negritas,cosas tachadas, subtitulos y título principal, links y botones (verde sersi, bah)*/
#blackestnight b,#blackestnight s,#blackestnight #h1, #blackestnight #h2, #blackestnight a, #bnbot {
    color: #598F51 !important;}
/*letra general de la derecha, awards, créditos, staff*/
.bnc3, #bnder, #bnaward span,.bnstaff span {color: #888;}
/*letra principal*/
#bnizq {color: #999;}
/*fondo del cuerpo, textos descriptivos de staff y awards, fondo de texto de los botones*/
#blackestnight, #bnaward span, .bnstaff span,#bnbot  {background: #333;}
/*fondo de la caja de la derecha, cajas de awards, créditos, nombres del staff y de awards, links de staff y awards*/
#bnder,.bnc3,.bnc2, #bnaward b,#bnaward a,.bnstaff b, .bnstaff a {background: #222;}
/*fondo de las cajas principales de contenido*/
#bnizq {background: #171717;}
/*color de barra de navegación*/
#blackestnight ::-webkit-scrollbar-thumb:horizontal, #blackestnight ::-webkit-scrollbar-thumb:vertical {background:#598F51;}

/*-------------IMAGENES SERSIS-------------*/
/*primer boton*/
.bn1 {background: url('http://i.imgur.com/IjvENo5.png');}
/*segundo boton*/
.bn2 {background: url('http://i.imgur.com/OvLUwbB.png');}
/*tercer boton*/
.bn3 {background: url('http://i.imgur.com/JYfWXnn.png');}
/*primer miembro de staff*/
.bns1 {background: url('http://i.imgur.com/CFUbZVR.png');}
/*segundo miembro del staff*/
.bns2 {background: url('http://i.imgur.com/DndT2Cm.png');}
/*tercer miembro del staff*/
.bns3 {background: url('http://i.imgur.com/YFHYDEW.png');}
/*cuarto miembro del staff*/
.bns4 {background: url('http://i.imgur.com/nX9TLl4.png');}
/*quinto miembro del staff*/
.bns5 {background: url('http://i.imgur.com/0EUDXws.png');}
/*sexto miembro del staff*/
.bns6 {background: url('http://i.imgur.com/vQsqQNM.png');}
/*septimo miembro del staff*/
.bns7 {background: url('http://i.imgur.com/WCWNn1m.png');}
/*octavo miembro del staff*/
.bns8 {background: url('http://i.imgur.com/WCWNn1m.png');}


/*-------------CODES, CODES DEL TABLON, SERSIS CODES DEL TABLON (?)-------------*/
/*cajas*/
#blackestnight {position: relative;text-align: justify;margin: auto; width: 75%;border-radius: 10px; padding: 10px 15px 10px 50px;font: 12px ubuntu condensed;line-height:13px;right: -4%;}
#bnder {border-radius: 10px; padding:5px 10px;font-size:11px; max-height: 125px; overflow: auto;line-height:12px;}
#bnd {width: 170px;float:right;position: relative;}
#bnizq {height: 105px; overflow: auto;margin-right: 175px; border-radius: 10px; padding:5px 10px;}
.bncaja {overflow: hidden;}
.bnc2 {text-align: center;border-radius: 10px; padding: 10px;}
.bnc3 {border-radius: 10px; padding: 10px;height:215px;overflow-y: auto;overflow-x: hidden;}
.bnescondida {width: 0px;padding: 0px;height: 0px;}
/*Awards*/
#bnaward {display: inline-block;height: 225px;padding: 5px 0px; width: 18%; margin: 0 0.5%;border-radius: 10px;background-position: center !important;background-size: 250% !important;}
#bnaward b,#bnaward span,#bnaward a {opacity: 0;}
#bnaward:hover b,#bnaward:hover span,#bnaward:hover a {opacity: 0.9;}
#bnaward b {display: block; text-align: center;border-radius: 5px; margin:100px 5px 2px 5px;}
#bnaward span {padding: 2px;display: block; border-radius: 5px; text-align: center;margin:0px 5px 2px 5px;height: 50px; overflow: auto;}
#bnaward a {text-decoration: none; text-transform: uppercase; letter-spacing: 2px;display: block; text-align: center;border-radius: 5px;margin:0px 5px;}
#bnaward a:hover {background: #333;}
/*Subtitulos*/
#blackestnight #h1 {margin:0px -5px 2px -5px;padding: 0px 0px 2px 10px; border-bottom: 1px dotted;font-size: 15px; text-transform: uppercase;letter-spacing:2px;}
#blackestnight #h2 {font-size: 20px; text-transform: uppercase;letter-spacing:2px;width: 225px; text-align: center; -webkit-transform: rotate(90deg);transform: rotate(90deg);-moz-transform: rotate(90deg);position: absolute; top: 120px; right: -125px;}
#blackestnight #h3 {font-size: 9px; text-transform: uppercase;text-align: center; color: #888;position: absolute; top: 225px;width: 170px;}
/*Staff*/
#bn-staffbox {position: relative;}
.bnstaff {overflow: hidden;width: 40px; height: 40px; background-size: 200%;background-position: center;border-radius: 5px;margin-left: 5px;display: inline-block;position: absolute;top:0px;}
.bns4 {left: 125px;} .bns2 {left: 38px;} .bns3 {left: 82px;}
.bns1 {margin: 0px;}
.bns5 {top: 43px;margin: 0px;} .bns6 {top: 43px;left: 38px;} .bns7 {top: 43px;left: 82px;} .bns8 {top: 43px;left: 125px;}
.bnstaff b, .bnstaff span, .bnstaff a {opacity: 0;}
.bnstaff:hover b, .bnstaff:hover span, .bnstaff:hover a {opacity: 0.8;}
.bnstaff:hover {left:0px;top: 0px;z-index: 999; width: 150px; height: 63px;padding:10px; background-size: 100%;margin: 0px;}
.bnstaff b {display: block; text-align: center;border-radius: 5px; margin-bottom: 2px;}
.bnstaff span {display: block;border-radius: 5px; text-align: center;margin-bottom: 2px;}
.bnstaff a {text-decoration: none; text-transform: uppercase; letter-spacing: 2px;display: inline-block; text-align: center;border-radius: 5px;width: 48%; margin: 0px 1%; }
.bnstaff a:hover {background: #333;}
/*botones*/
.bnboton {filter: gray;-webkit-filter: grayscale(100%);width: 65px; height: 65px; border: 5px solid #222;background-size: 200%; position: absolute; left: -30px;border-radius:10px;cursor: pointer;}
.bnboton:hover {width: 130px;left:-95px;background-size: 100%;filter: none;-webkit-filter: grayscale(0%);}
#bnbot {margin: 20px auto; opacity: 0; width: 65px; text-transform: uppercase;letter-spacing: 2px; font-size: 10px;border-radius: 5px;text-align: center;padding: 5px 0px; }
.bnboton:hover #bnbot {opacity: 0.9;}
.bn2 {top: 90px;}
.bn3 {top: 170px;}
.bnselec {filter: none;-webkit-filter: grayscale(0%);}

/*generales*/
#blackestnight * {-webkit-backface-visibility: hidden;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}

#blackestnight ::-webkit-scrollbar { width: 8px; height: 8px; } #blackestnight ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment  {display: none;} #blackestnight ::-webkit-scrollbar-track-piece {background: transparent;} #blackestnight ::-webkit-scrollbar-thumb:horizontal, #blackestnight ::-webkit-scrollbar-thumb:vertical {border-radius: 10px;}

@font-face {
  font-family: 'Ubuntu Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Condensed'), local('UbuntuCondensed-Regular'), url(http://themes.googleusercontent.com/static/fonts/ubuntucondensed/v3/DBCt-NXN57MTAFjitYxdrFzqCfRpIA3W6ypxnPISCPA.woff) format('woff');
}
/*-------------FIN TABLON BLACKEST NIGHT BY PYRITE WOLF DE OUR SOURCE CODE!-------------*/
Até mais.

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 8100

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por King' em Ter 13 Jan 2015 - 10:36

Adorei ambos mas o do consolado ficou de mais *--*
Segundo o código do consolado, falta arrumar um bug na letra, e 2 da cor do fundo, tirar de azul e deixar vermelho :3
Sobre a letra: http://i.imgur.com/DT0U7fR.png
Sobre as cores q tem de mudar para o mesmo vermelho das bordas: http://i.imgur.com/XSJ1kv5.png e http://i.imgur.com/EGVl79q.png
Obrigado desde já Feliz

King'
Usuário destaque

Masculino
Inscrito dia : 15/02/2014
Mensagens : 583
Pontos Ativos : 1879

http://pokemonrealforcerpg.portugueseforum.net/
  • 0

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por Consolado em Ter 13 Jan 2015 - 11:01

Olá!

Substitua a sua folha de estilos CSS por essa:
Código:
#wrap {
border-left: 35px solid #D60000;
border-right: 35px solid #D60000;
border-top: 35px solid #D60000;
}
#fa_toolbar{background-color:#C23B3B!important}
a.mainmenu {
font-family: Trebuchet MS;
font-size: 12px;
letter-spacing: 1px;
text-tranform: uppercase;
text-shadow: text-shadow: 0 0 10px #000000;
border-bottom: 5px solid #D60000;
}

a.mainmenu:hover{
letter-spacing : 2px;
text-decoration: none;
color : #D60000;
text-transform:;
}

 ul.navlinks {
  margin-top: -55px;
}

.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-weight: bold;
font-size: 30px;
line-height: 55px;
text-transform: uppercase;
letter-spacing: 1px;
font-family: Trebuchet MS;
}
 
.postprofile dt {
margin-left:1px;
text-align: center;
}
 
.postprofile {
background: #FFF5EE;
text-align: center;
margin-top: -10px;
margin-right: 2px;
display: block;
border-left: 12px solid #D60000;
border-right: 12px solid #D60000;
border-top: 12px solid #D60000;
border-bottom: 12px solid #D60000;
width: 220px;
font-family: Trebuchet MS;
font-size:11.4px;
text-transform: ;
line-height:12px;
color: #1F1F1F;
margin-left: 0px;
}

.postprofile dd {
text-align: center;
margin-top: 4px;
}

#i_whosonline + p em {
background: #fff;
border-left: 0px solid #d61111;
border-right: 0px solid #d61111;
display:block;
height: 50px;
width: 99%;
line-height: 35px;
font-family: Trebuchet MS;
font-size: 29px;
margin: 0 auto;
text-transform: uppercase;
color: transparent !important;
text-align: ;
font-style: normal;
padding: 5px;
}

ul.forums li.row dl{color:#8c8c8c;font-family:Trebuchet MS;font-size:10px}

#i_whosonline + p {
text-align: justify;
}

#main .h3 {
background:#FF0000;
border-bottom: 10px solid #DF0000;
height: 50px;
text-align: center;
font-family: Trebuchet MS;
font-weight: lighter;
color: #FFF!important;
letter-spacing: px;
font-size: 36px;
}

#main .h3 {
background:#FF0000;
border-bottom: 10px solid #D60000;
height: 50px;
text-align: center;
font-family: Trebuchet MS;
font-weight: lighter;
color: #FFF;
letter-spacing: 1px;
font-size: 38px;
}

li.header {
background: #FF0000;
border-bottom: 10px solid #D60000;
color: #D60000;
font-size: 40px;
font-family: Six Caps;
font-weight: ;
margin-right: 10px;
padding: 12px 0 12px;
height: 50px;
letter-spacing:;
text-align: center;
text-transform: none;
vertical-align: middle;
}
 
.table-title h2 {
font-size: 48px;
font-family: Trebuchet MS;
font-weight: 700;
}

a.forumtitle {
font-family: Trebuchet MS;
font-size: 35px;
letter-spacing: 0;
padding-left: 25px;
text-align: left;
font-style: strong;
text-shadow: text-shadow:4px 4px 4px #000;
text-transform: uppercase;
border-left: 20px solid #FF0000;
color: #D60000;
margin-left: 0px;
}

a.forumtitle:hover {
text-decoration:none;
letter-spacing: ;
border-left: 22px solid #D60000;
color: #216ECC;
}

#desc {
background: #f0f0f0;
text-align: justify;
width: 400px;
border-left: 20px solid #c72c2c;
border-right: 20px solid #c72c2c;
height: 110;
overflow: auto;
}

#desc img {
height: 110px;
float: center;
margin-right: 10px;
}

#texto {
opacity: .10;
text-align: justify;
text-size: 9px;
  }


body  {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0px;
overflow-y: auto;
overflow-x: auto;
}

::-webkit-scrollbar {
width: 10px;
height: 10px;
}​
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  {
height: 10px;
display: block;
background: #a00e0e;
}
::-webkit-scrollbar-track-piece  {
background: #dc3434;
}
/*barrita vertical*/
::-webkit-scrollbar-thumb:vertical {
height: 20px;;
background: #b51515;
border: 1px solid #;
}

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

#chatbox_header {
border-radius: 0px 0px 0px 0px ;
background: #D60000;
}

#chatbox_footer {
background: #D60000;}

.chatbox-title {
color: #FFF;
font-family:verdana;
text-transform:uppercase;
font-weight: 700;
letter-spacing: -1px;
}

#code1 { position: relative; display: inline-block;}

#code2 { display: none; position: absolute;
top: 40px;
left: 100px;
}

#code1:hover #code2 { display: block; }

/*-------------INICIO TABLON BLACKEST NIGHT BY PYRITE WOLF DE OUR SOURCE CODE!-------------*/
/*-------------COLORES! HERMOSOS COLORES!-------------*/
/*letra de negritas,cosas tachadas, subtitulos y título principal, links y botones (verde sersi, bah)*/
#blackestnight b,#blackestnight s,#blackestnight #h1, #blackestnight #h2, #blackestnight a, #bnbot {
    color: #598F51 !important;}
/*letra general de la derecha, awards, créditos, staff*/
.bnc3, #bnder, #bnaward span,.bnstaff span {color: #888;}
/*letra principal*/
#bnizq {color: #999;}
/*fondo del cuerpo, textos descriptivos de staff y awards, fondo de texto de los botones*/
#blackestnight, #bnaward span, .bnstaff span,#bnbot  {background: #333;}
/*fondo de la caja de la derecha, cajas de awards, créditos, nombres del staff y de awards, links de staff y awards*/
#bnder,.bnc3,.bnc2, #bnaward b,#bnaward a,.bnstaff b, .bnstaff a {background: #222;}
/*fondo de las cajas principales de contenido*/
#bnizq {background: #171717;}
/*color de barra de navegación*/
#blackestnight ::-webkit-scrollbar-thumb:horizontal, #blackestnight ::-webkit-scrollbar-thumb:vertical {background:#598F51;}

/*-------------IMAGENES SERSIS-------------*/
/*primer boton*/
.bn1 {background: url('http://i.imgur.com/IjvENo5.png');}
/*segundo boton*/
.bn2 {background: url('http://i.imgur.com/OvLUwbB.png');}
/*tercer boton*/
.bn3 {background: url('http://i.imgur.com/JYfWXnn.png');}
/*primer miembro de staff*/
.bns1 {background: url('http://i.imgur.com/CFUbZVR.png');}
/*segundo miembro del staff*/
.bns2 {background: url('http://i.imgur.com/DndT2Cm.png');}
/*tercer miembro del staff*/
.bns3 {background: url('http://i.imgur.com/YFHYDEW.png');}
/*cuarto miembro del staff*/
.bns4 {background: url('http://i.imgur.com/nX9TLl4.png');}
/*quinto miembro del staff*/
.bns5 {background: url('http://i.imgur.com/0EUDXws.png');}
/*sexto miembro del staff*/
.bns6 {background: url('http://i.imgur.com/vQsqQNM.png');}
/*septimo miembro del staff*/
.bns7 {background: url('http://i.imgur.com/WCWNn1m.png');}
/*octavo miembro del staff*/
.bns8 {background: url('http://i.imgur.com/WCWNn1m.png');}

li.header dd.topics,li.header dd.posts,li.header dd.lastpost{font-size:20px}

/*-------------CODES, CODES DEL TABLON, SERSIS CODES DEL TABLON (?)-------------*/
/*cajas*/
#blackestnight {position: relative;text-align: justify;margin: auto; width: 75%;border-radius: 10px; padding: 10px 15px 10px 50px;font: 12px ubuntu condensed;line-height:13px;right: -4%;}
#bnder {border-radius: 10px; padding:5px 10px;font-size:11px; max-height: 125px; overflow: auto;line-height:12px;}
#bnd {width: 170px;float:right;position: relative;}
#bnizq {height: 105px; overflow: auto;margin-right: 175px; border-radius: 10px; padding:5px 10px;}
.bncaja {overflow: hidden;}
.bnc2 {text-align: center;border-radius: 10px; padding: 10px;}
.bnc3 {border-radius: 10px; padding: 10px;height:215px;overflow-y: auto;overflow-x: hidden;}
.bnescondida {width: 0px;padding: 0px;height: 0px;}
/*Awards*/
#bnaward {display: inline-block;height: 225px;padding: 5px 0px; width: 18%; margin: 0 0.5%;border-radius: 10px;background-position: center !important;background-size: 250% !important;}
#bnaward b,#bnaward span,#bnaward a {opacity: 0;}
#bnaward:hover b,#bnaward:hover span,#bnaward:hover a {opacity: 0.9;}
#bnaward b {display: block; text-align: center;border-radius: 5px; margin:100px 5px 2px 5px;}
#bnaward span {padding: 2px;display: block; border-radius: 5px; text-align: center;margin:0px 5px 2px 5px;height: 50px; overflow: auto;}
#bnaward a {text-decoration: none; text-transform: uppercase; letter-spacing: 2px;display: block; text-align: center;border-radius: 5px;margin:0px 5px;}
#bnaward a:hover {background: #333;}
/*Subtitulos*/
#blackestnight #h1 {margin:0px -5px 2px -5px;padding: 0px 0px 2px 10px; border-bottom: 1px dotted;font-size: 15px; text-transform: uppercase;letter-spacing:2px;}
#blackestnight #h2 {font-size: 20px; text-transform: uppercase;letter-spacing:2px;width: 225px; text-align: center; -webkit-transform: rotate(90deg);transform: rotate(90deg);-moz-transform: rotate(90deg);position: absolute; top: 120px; right: -125px;}
#blackestnight #h3 {font-size: 9px; text-transform: uppercase;text-align: center; color: #888;position: absolute; top: 225px;width: 170px;}
/*Staff*/
#bn-staffbox {position: relative;}
.bnstaff {overflow: hidden;width: 40px; height: 40px; background-size: 200%;background-position: center;border-radius: 5px;margin-left: 5px;display: inline-block;position: absolute;top:0px;}
.bns4 {left: 125px;} .bns2 {left: 38px;} .bns3 {left: 82px;}
.bns1 {margin: 0px;}
.bns5 {top: 43px;margin: 0px;} .bns6 {top: 43px;left: 38px;} .bns7 {top: 43px;left: 82px;} .bns8 {top: 43px;left: 125px;}
.bnstaff b, .bnstaff span, .bnstaff a {opacity: 0;}
.bnstaff:hover b, .bnstaff:hover span, .bnstaff:hover a {opacity: 0.8;}
.bnstaff:hover {left:0px;top: 0px;z-index: 999; width: 150px; height: 63px;padding:10px; background-size: 100%;margin: 0px;}
.bnstaff b {display: block; text-align: center;border-radius: 5px; margin-bottom: 2px;}
.bnstaff span {display: block;border-radius: 5px; text-align: center;margin-bottom: 2px;}
.bnstaff a {text-decoration: none; text-transform: uppercase; letter-spacing: 2px;display: inline-block; text-align: center;border-radius: 5px;width: 48%; margin: 0px 1%; }
.bnstaff a:hover {background: #333;}
/*botones*/
.bnboton {filter: gray;-webkit-filter: grayscale(100%);width: 65px; height: 65px; border: 5px solid #222;background-size: 200%; position: absolute; left: -30px;border-radius:10px;cursor: pointer;}
.bnboton:hover {width: 130px;left:-95px;background-size: 100%;filter: none;-webkit-filter: grayscale(0%);}
#bnbot {margin: 20px auto; opacity: 0; width: 65px; text-transform: uppercase;letter-spacing: 2px; font-size: 10px;border-radius: 5px;text-align: center;padding: 5px 0px; }
.bnboton:hover #bnbot {opacity: 0.9;}
.bn2 {top: 90px;}
.bn3 {top: 170px;}
.bnselec {filter: none;-webkit-filter: grayscale(0%);}

/*generales*/
#blackestnight * {-webkit-backface-visibility: hidden;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}

#blackestnight ::-webkit-scrollbar { width: 8px; height: 8px; } #blackestnight ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment  {display: none;} #blackestnight ::-webkit-scrollbar-track-piece {background: transparent;} #blackestnight ::-webkit-scrollbar-thumb:horizontal, #blackestnight ::-webkit-scrollbar-thumb:vertical {border-radius: 10px;}

@font-face {
  font-family: 'Ubuntu Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Condensed'), local('UbuntuCondensed-Regular'), url(http://themes.googleusercontent.com/static/fonts/ubuntucondensed/v3/DBCt-NXN57MTAFjitYxdrFzqCfRpIA3W6ypxnPISCPA.woff) format('woff');
}
/*-------------FIN TABLON BLACKEST NIGHT BY PYRITE WOLF DE OUR SOURCE CODE!-------------*/
Até mais.

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 8100

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por King' em Ter 13 Jan 2015 - 11:43

Quase perfeito, faltou essa parte, ainda está maior relativamente aos outros Feliz
http://i.imgur.com/d00ITv8.png
E esse: http://i.imgur.com/aJILEOa.png

Até mais,

King'
Usuário destaque

Masculino
Inscrito dia : 15/02/2014
Mensagens : 583
Pontos Ativos : 1879

http://pokemonrealforcerpg.portugueseforum.net/

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por Consolado em Ter 13 Jan 2015 - 11:47

Olá!

Substitua a sua folha de estilos CSS por essa:
Código:
#wrap {
border-left: 35px solid #D60000;
border-right: 35px solid #D60000;
border-top: 35px solid #D60000;
}
#fa_toolbar{background-color:#C23B3B!important}
a.mainmenu {
font-family: Trebuchet MS;
font-size: 12px;
letter-spacing: 1px;
text-tranform: uppercase;
text-shadow: text-shadow: 0 0 10px #000000;
border-bottom: 5px solid #D60000;
}

a.mainmenu:hover{
letter-spacing : 2px;
text-decoration: none;
color : #D60000;
text-transform:;
}

 ul.navlinks {
  margin-top: -55px;
}

.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-weight: bold;
font-size: 30px;
line-height: 55px;
text-transform: uppercase;
letter-spacing: 1px;
font-family: Trebuchet MS;
}
 
.postprofile dt {
margin-left:1px;
text-align: center;
}
 
.postprofile {
background: #FFF5EE;
text-align: center;
margin-top: -10px;
margin-right: 2px;
display: block;
border-left: 12px solid #D60000;
border-right: 12px solid #D60000;
border-top: 12px solid #D60000;
border-bottom: 12px solid #D60000;
width: 220px;
font-family: Trebuchet MS;
font-size:11.4px;
text-transform: ;
line-height:12px;
color: #1F1F1F;
margin-left: 0px;
}

.postprofile dd {
text-align: center;
margin-top: 4px;
}

#i_whosonline + p em {
background: #fff;
border-left: 0px solid #d61111;
border-right: 0px solid #d61111;
display:block;
height: 50px;
width: 99%;
line-height: 35px;
font-family: Trebuchet MS;
font-size: 29px;
margin: 0 auto;
text-transform: uppercase;
color: transparent !important;
text-align: ;
font-style: normal;
padding: 5px;
}

ul.forums li.row dl{color:#8c8c8c;font-family:Trebuchet MS;font-size:10px}

#i_whosonline + p {
text-align: justify;
}

#main .h3 {
background:#FF0000;
border-bottom: 10px solid #DF0000;
height: 50px;
text-align: center;
font-family: Trebuchet MS;
font-weight: lighter;
color: #FFF!important;
letter-spacing: px;
font-size: 36px;
}

#main .h3 {
background:#FF0000;
border-bottom: 10px solid #D60000;
height: 50px;
text-align: center;
font-family: Trebuchet MS;
font-weight: lighter;
color: #FFF;
letter-spacing: 1px;
font-size: 38px;
}

li.header {
background: #FF0000;
border-bottom: 10px solid #D60000;
color: #D60000;
font-size: 40px;
font-family: Six Caps;
font-weight: ;
margin-right: 10px;
padding: 12px 0 12px;
height: 50px;
letter-spacing:;
text-align: center;
text-transform: none;
vertical-align: middle;
}
 
.table-title h2 {
font-size: 48px;
font-family: Trebuchet MS;
font-weight: 700;
}

a.forumtitle {
font-family: Trebuchet MS;
font-size: 35px;
letter-spacing: 0;
padding-left: 25px;
text-align: left;
font-style: strong;
text-shadow: text-shadow:4px 4px 4px #000;
text-transform: uppercase;
border-left: 20px solid #FF0000;
color: #D60000;
margin-left: 0px;
}

a.forumtitle:hover {
text-decoration:none;
letter-spacing: ;
border-left: 22px solid #D60000;
color: #D60000;
}

#desc {
background: #f0f0f0;
text-align: justify;
width: 400px;
border-left: 20px solid #c72c2c;
border-right: 20px solid #c72c2c;
height: 110;
overflow: auto;
}

#desc img {
height: 110px;
float: center;
margin-right: 10px;
}

#texto {
opacity: .10;
text-align: justify;
text-size: 9px;
  }


body  {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0px;
overflow-y: auto;
overflow-x: auto;
}

::-webkit-scrollbar {
width: 10px;
height: 10px;
}​
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  {
height: 10px;
display: block;
background: #a00e0e;
}
::-webkit-scrollbar-track-piece  {
background: #dc3434;
}
/*barrita vertical*/
::-webkit-scrollbar-thumb:vertical {
height: 20px;;
background: #b51515;
border: 1px solid #;
}

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

#chatbox_header {
border-radius: 0px 0px 0px 0px ;
background: #D60000;
}

#chatbox_footer {
background: #D60000;}

.chatbox-title {
color: #FFF;
font-family:verdana;
text-transform:uppercase;
font-weight: 700;
letter-spacing: -1px;
}

#code1 { position: relative; display: inline-block;}

#code2 { display: none; position: absolute;
top: 40px;
left: 100px;
}

#code1:hover #code2 { display: block; }

/*-------------INICIO TABLON BLACKEST NIGHT BY PYRITE WOLF DE OUR SOURCE CODE!-------------*/
/*-------------COLORES! HERMOSOS COLORES!-------------*/
/*letra de negritas,cosas tachadas, subtitulos y título principal, links y botones (verde sersi, bah)*/
#blackestnight b,#blackestnight s,#blackestnight #h1, #blackestnight #h2, #blackestnight a, #bnbot {
    color: #598F51 !important;}
/*letra general de la derecha, awards, créditos, staff*/
.bnc3, #bnder, #bnaward span,.bnstaff span {color: #888;}
/*letra principal*/
#bnizq {color: #999;}
/*fondo del cuerpo, textos descriptivos de staff y awards, fondo de texto de los botones*/
#blackestnight, #bnaward span, .bnstaff span,#bnbot  {background: #333;}
/*fondo de la caja de la derecha, cajas de awards, créditos, nombres del staff y de awards, links de staff y awards*/
#bnder,.bnc3,.bnc2, #bnaward b,#bnaward a,.bnstaff b, .bnstaff a {background: #222;}
/*fondo de las cajas principales de contenido*/
#bnizq {background: #171717;}
/*color de barra de navegación*/
#blackestnight ::-webkit-scrollbar-thumb:horizontal, #blackestnight ::-webkit-scrollbar-thumb:vertical {background:#598F51;}

/*-------------IMAGENES SERSIS-------------*/
/*primer boton*/
.bn1 {background: url('http://i.imgur.com/IjvENo5.png');}
/*segundo boton*/
.bn2 {background: url('http://i.imgur.com/OvLUwbB.png');}
/*tercer boton*/
.bn3 {background: url('http://i.imgur.com/JYfWXnn.png');}
/*primer miembro de staff*/
.bns1 {background: url('http://i.imgur.com/CFUbZVR.png');}
/*segundo miembro del staff*/
.bns2 {background: url('http://i.imgur.com/DndT2Cm.png');}
/*tercer miembro del staff*/
.bns3 {background: url('http://i.imgur.com/YFHYDEW.png');}
/*cuarto miembro del staff*/
.bns4 {background: url('http://i.imgur.com/nX9TLl4.png');}
/*quinto miembro del staff*/
.bns5 {background: url('http://i.imgur.com/0EUDXws.png');}
/*sexto miembro del staff*/
.bns6 {background: url('http://i.imgur.com/vQsqQNM.png');}
/*septimo miembro del staff*/
.bns7 {background: url('http://i.imgur.com/WCWNn1m.png');}
/*octavo miembro del staff*/
.bns8 {background: url('http://i.imgur.com/WCWNn1m.png');}

li.header dd.topics,li.header dd.posts,li.header dd.lastpost,li.header dd.views{font-size:20px}

/*-------------CODES, CODES DEL TABLON, SERSIS CODES DEL TABLON (?)-------------*/
/*cajas*/
#blackestnight {position: relative;text-align: justify;margin: auto; width: 75%;border-radius: 10px; padding: 10px 15px 10px 50px;font: 12px ubuntu condensed;line-height:13px;right: -4%;}
#bnder {border-radius: 10px; padding:5px 10px;font-size:11px; max-height: 125px; overflow: auto;line-height:12px;}
#bnd {width: 170px;float:right;position: relative;}
#bnizq {height: 105px; overflow: auto;margin-right: 175px; border-radius: 10px; padding:5px 10px;}
.bncaja {overflow: hidden;}
.bnc2 {text-align: center;border-radius: 10px; padding: 10px;}
.bnc3 {border-radius: 10px; padding: 10px;height:215px;overflow-y: auto;overflow-x: hidden;}
.bnescondida {width: 0px;padding: 0px;height: 0px;}
/*Awards*/
#bnaward {display: inline-block;height: 225px;padding: 5px 0px; width: 18%; margin: 0 0.5%;border-radius: 10px;background-position: center !important;background-size: 250% !important;}
#bnaward b,#bnaward span,#bnaward a {opacity: 0;}
#bnaward:hover b,#bnaward:hover span,#bnaward:hover a {opacity: 0.9;}
#bnaward b {display: block; text-align: center;border-radius: 5px; margin:100px 5px 2px 5px;}
#bnaward span {padding: 2px;display: block; border-radius: 5px; text-align: center;margin:0px 5px 2px 5px;height: 50px; overflow: auto;}
#bnaward a {text-decoration: none; text-transform: uppercase; letter-spacing: 2px;display: block; text-align: center;border-radius: 5px;margin:0px 5px;}
#bnaward a:hover {background: #333;}
/*Subtitulos*/
#blackestnight #h1 {margin:0px -5px 2px -5px;padding: 0px 0px 2px 10px; border-bottom: 1px dotted;font-size: 15px; text-transform: uppercase;letter-spacing:2px;}
#blackestnight #h2 {font-size: 20px; text-transform: uppercase;letter-spacing:2px;width: 225px; text-align: center; -webkit-transform: rotate(90deg);transform: rotate(90deg);-moz-transform: rotate(90deg);position: absolute; top: 120px; right: -125px;}
#blackestnight #h3 {font-size: 9px; text-transform: uppercase;text-align: center; color: #888;position: absolute; top: 225px;width: 170px;}
/*Staff*/
#bn-staffbox {position: relative;}
.bnstaff {overflow: hidden;width: 40px; height: 40px; background-size: 200%;background-position: center;border-radius: 5px;margin-left: 5px;display: inline-block;position: absolute;top:0px;}
.bns4 {left: 125px;} .bns2 {left: 38px;} .bns3 {left: 82px;}
.bns1 {margin: 0px;}
.bns5 {top: 43px;margin: 0px;} .bns6 {top: 43px;left: 38px;} .bns7 {top: 43px;left: 82px;} .bns8 {top: 43px;left: 125px;}
.bnstaff b, .bnstaff span, .bnstaff a {opacity: 0;}
.bnstaff:hover b, .bnstaff:hover span, .bnstaff:hover a {opacity: 0.8;}
.bnstaff:hover {left:0px;top: 0px;z-index: 999; width: 150px; height: 63px;padding:10px; background-size: 100%;margin: 0px;}
.bnstaff b {display: block; text-align: center;border-radius: 5px; margin-bottom: 2px;}
.bnstaff span {display: block;border-radius: 5px; text-align: center;margin-bottom: 2px;}
.bnstaff a {text-decoration: none; text-transform: uppercase; letter-spacing: 2px;display: inline-block; text-align: center;border-radius: 5px;width: 48%; margin: 0px 1%; }
.bnstaff a:hover {background: #333;}
/*botones*/
.bnboton {filter: gray;-webkit-filter: grayscale(100%);width: 65px; height: 65px; border: 5px solid #222;background-size: 200%; position: absolute; left: -30px;border-radius:10px;cursor: pointer;}
.bnboton:hover {width: 130px;left:-95px;background-size: 100%;filter: none;-webkit-filter: grayscale(0%);}
#bnbot {margin: 20px auto; opacity: 0; width: 65px; text-transform: uppercase;letter-spacing: 2px; font-size: 10px;border-radius: 5px;text-align: center;padding: 5px 0px; }
.bnboton:hover #bnbot {opacity: 0.9;}
.bn2 {top: 90px;}
.bn3 {top: 170px;}
.bnselec {filter: none;-webkit-filter: grayscale(0%);}

/*generales*/
#blackestnight * {-webkit-backface-visibility: hidden;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}

#blackestnight ::-webkit-scrollbar { width: 8px; height: 8px; } #blackestnight ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment  {display: none;} #blackestnight ::-webkit-scrollbar-track-piece {background: transparent;} #blackestnight ::-webkit-scrollbar-thumb:horizontal, #blackestnight ::-webkit-scrollbar-thumb:vertical {border-radius: 10px;}

@font-face {
  font-family: 'Ubuntu Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Condensed'), local('UbuntuCondensed-Regular'), url(http://themes.googleusercontent.com/static/fonts/ubuntucondensed/v3/DBCt-NXN57MTAFjitYxdrFzqCfRpIA3W6ypxnPISCPA.woff) format('woff');
}
/*-------------FIN TABLON BLACKEST NIGHT BY PYRITE WOLF DE OUR SOURCE CODE!-------------*/
Até mais.

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 8100

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por King' em Ter 13 Jan 2015 - 12:43

Vlw, mas ainda tem esse problema ae: http://i.imgur.com/aJILEOa.png

King'
Usuário destaque

Masculino
Inscrito dia : 15/02/2014
Mensagens : 583
Pontos Ativos : 1879

http://pokemonrealforcerpg.portugueseforum.net/

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por Consolado em Qua 14 Jan 2015 - 9:56

Olá!

Substitua a sua folha de estilos CSS por essa:
Código:
#wrap {
border-left: 35px solid #D60000;
border-right: 35px solid #D60000;
border-top: 35px solid #D60000;
}
#fa_toolbar{background-color:#C23B3B!important}
a.mainmenu {
font-family: Trebuchet MS;
font-size: 12px;
letter-spacing: 1px;
text-tranform: uppercase;
text-shadow: text-shadow: 0 0 10px #000000;
border-bottom: 5px solid #D60000;
}

a.mainmenu:hover{
letter-spacing : 2px;
text-decoration: none;
color : #D60000;
text-transform:;
}

 ul.navlinks {
  margin-top: -55px;
}

.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-weight: bold;
font-size: 30px;
line-height: 55px;
text-transform: uppercase;
letter-spacing: 1px;
font-family: Trebuchet MS;
}
 
.postprofile dt {
margin-left:1px;
text-align: center;
}
 
.postprofile {
background: #FFF5EE;
text-align: center;
margin-top: -10px;
margin-right: 2px;
display: block;
border-left: 12px solid #D60000;
border-right: 12px solid #D60000;
border-top: 12px solid #D60000;
border-bottom: 12px solid #D60000;
width: 220px;
font-family: Trebuchet MS;
font-size:11.4px;
text-transform: ;
line-height:12px;
color: #1F1F1F;
margin-left: 0px;
}

.postprofile dd {
text-align: center;
margin-top: 4px;
}

#i_whosonline + p em {
background: #fff;
border-left: 0px solid #d61111;
border-right: 0px solid #d61111;
display:block;
height: 50px;
width: 99%;
line-height: 35px;
font-family: Trebuchet MS;
font-size: 29px;
margin: 0 auto;
text-transform: uppercase;
color: transparent !important;
text-align: ;
font-style: normal;
padding: 5px;
}

ul.forums li.row dl{color:#8c8c8c;font-family:Trebuchet MS;font-size:10px}

#i_whosonline + p {
text-align: justify;
}

#main .h3 {
background:#FF0000;
border-bottom: 10px solid #DF0000;
height: 50px;
text-align: center;
font-family: Trebuchet MS;
font-weight: lighter;
color: #FFF!important;
letter-spacing: px;
font-size: 36px;
}

#main .h3 {
background:#FF0000;
border-bottom: 10px solid #D60000;
height: 50px;
text-align: center;
font-family: Trebuchet MS;
font-weight: lighter;
color: #FFF;
letter-spacing: 1px;
font-size: 38px;
}

li.header {
background: #FF0000;
border-bottom: 10px solid #D60000;
color: #D60000;
font-size: 40px;
font-family: Six Caps;
font-weight: ;
margin-right: 10px;
padding: 12px 0 12px;
height: 50px;
letter-spacing:;
text-align: center;
text-transform: none;
vertical-align: middle;
}
 
.table-title h2 {
font-size: 48px;
font-family: Trebuchet MS;
font-weight: 700;
}

a.forumtitle {
font-family: Trebuchet MS;
font-size: 35px;
letter-spacing: 0;
padding-left: 25px;
text-align: left;
font-style: strong;
text-shadow: text-shadow:4px 4px 4px #000;
text-transform: uppercase;
border-left: 20px solid #FF0000;
color: #D60000;
margin-left: 0px;
}

a.forumtitle:hover {
text-decoration:none;
letter-spacing: ;
border-left: 22px solid #D60000;
color: #D60000;
}

#desc {
background: #f0f0f0;
text-align: justify;
width: 400px;
border-left: 20px solid #c72c2c;
border-right: 20px solid #c72c2c;
height: 110;
overflow: auto;
}

#desc img {
height: 110px;
float: center;
margin-right: 10px;
}

#texto {
opacity: .10;
text-align: justify;
text-size: 9px;
  }

#main .h3{font-size:22px}

body  {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0px;
overflow-y: auto;
overflow-x: auto;
}

::-webkit-scrollbar {
width: 10px;
height: 10px;
}​
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  {
height: 10px;
display: block;
background: #a00e0e;
}
::-webkit-scrollbar-track-piece  {
background: #dc3434;
}
/*barrita vertical*/
::-webkit-scrollbar-thumb:vertical {
height: 20px;;
background: #b51515;
border: 1px solid #;
}

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

#chatbox_header {
border-radius: 0px 0px 0px 0px ;
background: #D60000;
}

#chatbox_footer {
background: #D60000;}

.chatbox-title {
color: #FFF;
font-family:verdana;
text-transform:uppercase;
font-weight: 700;
letter-spacing: -1px;
}

#code1 { position: relative; display: inline-block;}

#code2 { display: none; position: absolute;
top: 40px;
left: 100px;
}

#code1:hover #code2 { display: block; }

/*-------------INICIO TABLON BLACKEST NIGHT BY PYRITE WOLF DE OUR SOURCE CODE!-------------*/
/*-------------COLORES! HERMOSOS COLORES!-------------*/
/*letra de negritas,cosas tachadas, subtitulos y título principal, links y botones (verde sersi, bah)*/
#blackestnight b,#blackestnight s,#blackestnight #h1, #blackestnight #h2, #blackestnight a, #bnbot {
    color: #598F51 !important;}
/*letra general de la derecha, awards, créditos, staff*/
.bnc3, #bnder, #bnaward span,.bnstaff span {color: #888;}
/*letra principal*/
#bnizq {color: #999;}
/*fondo del cuerpo, textos descriptivos de staff y awards, fondo de texto de los botones*/
#blackestnight, #bnaward span, .bnstaff span,#bnbot  {background: #333;}
/*fondo de la caja de la derecha, cajas de awards, créditos, nombres del staff y de awards, links de staff y awards*/
#bnder,.bnc3,.bnc2, #bnaward b,#bnaward a,.bnstaff b, .bnstaff a {background: #222;}
/*fondo de las cajas principales de contenido*/
#bnizq {background: #171717;}
/*color de barra de navegación*/
#blackestnight ::-webkit-scrollbar-thumb:horizontal, #blackestnight ::-webkit-scrollbar-thumb:vertical {background:#598F51;}

/*-------------IMAGENES SERSIS-------------*/
/*primer boton*/
.bn1 {background: url('http://i.imgur.com/IjvENo5.png');}
/*segundo boton*/
.bn2 {background: url('http://i.imgur.com/OvLUwbB.png');}
/*tercer boton*/
.bn3 {background: url('http://i.imgur.com/JYfWXnn.png');}
/*primer miembro de staff*/
.bns1 {background: url('http://i.imgur.com/CFUbZVR.png');}
/*segundo miembro del staff*/
.bns2 {background: url('http://i.imgur.com/DndT2Cm.png');}
/*tercer miembro del staff*/
.bns3 {background: url('http://i.imgur.com/YFHYDEW.png');}
/*cuarto miembro del staff*/
.bns4 {background: url('http://i.imgur.com/nX9TLl4.png');}
/*quinto miembro del staff*/
.bns5 {background: url('http://i.imgur.com/0EUDXws.png');}
/*sexto miembro del staff*/
.bns6 {background: url('http://i.imgur.com/vQsqQNM.png');}
/*septimo miembro del staff*/
.bns7 {background: url('http://i.imgur.com/WCWNn1m.png');}
/*octavo miembro del staff*/
.bns8 {background: url('http://i.imgur.com/WCWNn1m.png');}

li.header dd.topics,li.header dd.posts,li.header dd.lastpost,li.header dd.views{font-size:20px}

/*-------------CODES, CODES DEL TABLON, SERSIS CODES DEL TABLON (?)-------------*/
/*cajas*/
#blackestnight {position: relative;text-align: justify;margin: auto; width: 75%;border-radius: 10px; padding: 10px 15px 10px 50px;font: 12px ubuntu condensed;line-height:13px;right: -4%;}
#bnder {border-radius: 10px; padding:5px 10px;font-size:11px; max-height: 125px; overflow: auto;line-height:12px;}
#bnd {width: 170px;float:right;position: relative;}
#bnizq {height: 105px; overflow: auto;margin-right: 175px; border-radius: 10px; padding:5px 10px;}
.bncaja {overflow: hidden;}
.bnc2 {text-align: center;border-radius: 10px; padding: 10px;}
.bnc3 {border-radius: 10px; padding: 10px;height:215px;overflow-y: auto;overflow-x: hidden;}
.bnescondida {width: 0px;padding: 0px;height: 0px;}
/*Awards*/
#bnaward {display: inline-block;height: 225px;padding: 5px 0px; width: 18%; margin: 0 0.5%;border-radius: 10px;background-position: center !important;background-size: 250% !important;}
#bnaward b,#bnaward span,#bnaward a {opacity: 0;}
#bnaward:hover b,#bnaward:hover span,#bnaward:hover a {opacity: 0.9;}
#bnaward b {display: block; text-align: center;border-radius: 5px; margin:100px 5px 2px 5px;}
#bnaward span {padding: 2px;display: block; border-radius: 5px; text-align: center;margin:0px 5px 2px 5px;height: 50px; overflow: auto;}
#bnaward a {text-decoration: none; text-transform: uppercase; letter-spacing: 2px;display: block; text-align: center;border-radius: 5px;margin:0px 5px;}
#bnaward a:hover {background: #333;}
/*Subtitulos*/
#blackestnight #h1 {margin:0px -5px 2px -5px;padding: 0px 0px 2px 10px; border-bottom: 1px dotted;font-size: 15px; text-transform: uppercase;letter-spacing:2px;}
#blackestnight #h2 {font-size: 20px; text-transform: uppercase;letter-spacing:2px;width: 225px; text-align: center; -webkit-transform: rotate(90deg);transform: rotate(90deg);-moz-transform: rotate(90deg);position: absolute; top: 120px; right: -125px;}
#blackestnight #h3 {font-size: 9px; text-transform: uppercase;text-align: center; color: #888;position: absolute; top: 225px;width: 170px;}
/*Staff*/
#bn-staffbox {position: relative;}
.bnstaff {overflow: hidden;width: 40px; height: 40px; background-size: 200%;background-position: center;border-radius: 5px;margin-left: 5px;display: inline-block;position: absolute;top:0px;}
.bns4 {left: 125px;} .bns2 {left: 38px;} .bns3 {left: 82px;}
.bns1 {margin: 0px;}
.bns5 {top: 43px;margin: 0px;} .bns6 {top: 43px;left: 38px;} .bns7 {top: 43px;left: 82px;} .bns8 {top: 43px;left: 125px;}
.bnstaff b, .bnstaff span, .bnstaff a {opacity: 0;}
.bnstaff:hover b, .bnstaff:hover span, .bnstaff:hover a {opacity: 0.8;}
.bnstaff:hover {left:0px;top: 0px;z-index: 999; width: 150px; height: 63px;padding:10px; background-size: 100%;margin: 0px;}
.bnstaff b {display: block; text-align: center;border-radius: 5px; margin-bottom: 2px;}
.bnstaff span {display: block;border-radius: 5px; text-align: center;margin-bottom: 2px;}
.bnstaff a {text-decoration: none; text-transform: uppercase; letter-spacing: 2px;display: inline-block; text-align: center;border-radius: 5px;width: 48%; margin: 0px 1%; }
.bnstaff a:hover {background: #333;}
/*botones*/
.bnboton {filter: gray;-webkit-filter: grayscale(100%);width: 65px; height: 65px; border: 5px solid #222;background-size: 200%; position: absolute; left: -30px;border-radius:10px;cursor: pointer;}
.bnboton:hover {width: 130px;left:-95px;background-size: 100%;filter: none;-webkit-filter: grayscale(0%);}
#bnbot {margin: 20px auto; opacity: 0; width: 65px; text-transform: uppercase;letter-spacing: 2px; font-size: 10px;border-radius: 5px;text-align: center;padding: 5px 0px; }
.bnboton:hover #bnbot {opacity: 0.9;}
.bn2 {top: 90px;}
.bn3 {top: 170px;}
.bnselec {filter: none;-webkit-filter: grayscale(0%);}

/*generales*/
#blackestnight * {-webkit-backface-visibility: hidden;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}

#blackestnight ::-webkit-scrollbar { width: 8px; height: 8px; } #blackestnight ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment  {display: none;} #blackestnight ::-webkit-scrollbar-track-piece {background: transparent;} #blackestnight ::-webkit-scrollbar-thumb:horizontal, #blackestnight ::-webkit-scrollbar-thumb:vertical {border-radius: 10px;}

@font-face {
  font-family: 'Ubuntu Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Condensed'), local('UbuntuCondensed-Regular'), url(http://themes.googleusercontent.com/static/fonts/ubuntucondensed/v3/DBCt-NXN57MTAFjitYxdrFzqCfRpIA3W6ypxnPISCPA.woff) format('woff');
}
/*-------------FIN TABLON BLACKEST NIGHT BY PYRITE WOLF DE OUR SOURCE CODE!-------------*/
Até mais.

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 8100

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por King' em Qua 14 Jan 2015 - 18:14

Eu ajustei umas fontes porque mudei de ideias, usando esse novo CSS poderia ajustar esses erros pff:

NOVO CSS:
Código:
#wrap {
border-left: 35px solid #D60000;
border-right: 35px solid #D60000;
border-top: 35px solid #D60000;
}
#fa_toolbar{background-color:#C23B3B!important}
a.mainmenu {
font-family: Trebuchet MS;
font-size: 12px;
letter-spacing: 1px;
text-tranform: uppercase;
text-shadow: text-shadow: 0 0 10px #000000;
border-bottom: 5px solid #D60000;
}

a.mainmenu:hover{
letter-spacing : 2px;
text-decoration: none;
color : #D60000;
text-transform:;
}

 ul.navlinks {
  margin-top: -55px;
}

.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-weight: bold;
font-size: 30px;
line-height: 55px;
text-transform: uppercase;
letter-spacing: 1px;
font-family: Trebuchet MS;
}
 
.postprofile dt {
margin-left:1px;
text-align: center;
}
 
.postprofile {
background: #FFF5EE;
text-align: center;
margin-top: -10px;
margin-right: 2px;
display: block;
border-left: 12px solid #D60000;
border-right: 12px solid #D60000;
border-top: 12px solid #D60000;
border-bottom: 12px solid #D60000;
width: 220px;
font-family: Trebuchet MS;
font-size:11.4px;
text-transform: ;
line-height:12px;
color: #1F1F1F;
margin-left: 0px;
}

.postprofile dd {
text-align: center;
margin-top: 4px;
}

#i_whosonline + p em {
background: #fff;
border-left: 0px solid #d61111;
border-right: 0px solid #d61111;
display:block;
height: 50px;
width: 99%;
line-height: 35px;
font-family: Trebuchet MS;
font-size: 29px;
margin: 0 auto;
text-transform: uppercase;
color: transparent !important;
text-align: ;
font-style: normal;
padding: 5px;
}

ul.forums li.row dl{color:#8c8c8c;font-family:Trebuchet MS;font-size:10px}

#i_whosonline + p {
text-align: justify;
}

#main .h3 {
background:#FF0000;
border-bottom: 10px solid #DF0000;
height: 50px;
text-align: center;
font-family: Trebuchet MS;
font-weight: lighter;
color: #FFF!important;
letter-spacing: px;
font-size: 36px;
}

#main .h3 {
background:#FF0000;
border-bottom: 10px solid #D60000;
height: 50px;
text-align: center;
font-family: Trebuchet MS;
font-weight: lighter;
color: #FFF;
letter-spacing: 1px;
font-size: 38px;
}

li.header {
background: #FF0000;
border-bottom: 10px solid #D60000;
color: #D60000;
font-size: 40px;
font-family: Six Caps;
font-weight: ;
margin-right: 10px;
padding: 12px 0 12px;
height: 50px;
letter-spacing:;
text-align: center;
text-transform: none;
vertical-align: middle;
}
 
.table-title h2 {
font-size: 48px;
font-family: Trebuchet MS;
font-weight: 700;
}

a.forumtitle {
font-family: Trebuchet MS;
font-size: 20;
letter-spacing: 0;
padding-left: 25px;
text-align: left;
font-style: strong;
text-shadow: text-shadow:4px 4px 4px #000;
text-transform: none;
border-left: 20px solid #FF0000;
color: #000000;
margin-left: 0px;
}

a.forumtitle:hover {
text-decoration:none;
letter-spacing: ;
border-left: 22px solid #D60000;
color: #D60000;
}

#desc {
background: #f0f0f0;
text-align: justify;
width: 400px;
border-left: 20px solid #c72c2c;
border-right: 20px solid #c72c2c;
height: 110;
overflow: auto;
}

#desc img {
height: 110px;
float: center;
margin-right: 10px;
}

#texto {
opacity: .10;
text-align: justify;
text-size: 12px;
  }

#main .h3{font-size:22px}

body  {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0px;
overflow-y: auto;
overflow-x: auto;
}

::-webkit-scrollbar {
width: 10px;
height: 10px;
}​
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  {
height: 10px;
display: block;
background: #a00e0e;
}
::-webkit-scrollbar-track-piece  {
background: #dc3434;
}
/*barrita vertical*/
::-webkit-scrollbar-thumb:vertical {
height: 20px;;
background: #b51515;
border: 1px solid #;
}

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

#chatbox_header {
border-radius: 0px 0px 0px 0px ;
background: #D60000;
}

#chatbox_footer {
background: #D60000;}

.chatbox-title {
color: #FFF;
font-family:verdana;
text-transform:uppercase;
font-weight: 700;
letter-spacing: -1px;
}

#code1 { position: relative; display: inline-block;}

#code2 { display: none; position: absolute;
top: 40px;
left: 100px;
}

#code1:hover #code2 { display: block; }

/*-------------INICIO TABLON BLACKEST NIGHT BY PYRITE WOLF DE OUR SOURCE CODE!-------------*/
/*-------------COLORES! HERMOSOS COLORES!-------------*/
/*letra de negritas,cosas tachadas, subtitulos y título principal, links y botones (verde sersi, bah)*/
#blackestnight b,#blackestnight s,#blackestnight #h1, #blackestnight #h2, #blackestnight a, #bnbot {
    color: #598F51 !important;}
/*letra general de la derecha, awards, créditos, staff*/
.bnc3, #bnder, #bnaward span,.bnstaff span {color: #888;}
/*letra principal*/
#bnizq {color: #999;}
/*fondo del cuerpo, textos descriptivos de staff y awards, fondo de texto de los botones*/
#blackestnight, #bnaward span, .bnstaff span,#bnbot  {background: #333;}
/*fondo de la caja de la derecha, cajas de awards, créditos, nombres del staff y de awards, links de staff y awards*/
#bnder,.bnc3,.bnc2, #bnaward b,#bnaward a,.bnstaff b, .bnstaff a {background: #222;}
/*fondo de las cajas principales de contenido*/
#bnizq {background: #171717;}
/*color de barra de navegación*/
#blackestnight ::-webkit-scrollbar-thumb:horizontal, #blackestnight ::-webkit-scrollbar-thumb:vertical {background:#598F51;}

/*-------------IMAGENES SERSIS-------------*/
/*primer boton*/
.bn1 {background: url('http://i.imgur.com/IjvENo5.png');}
/*segundo boton*/
.bn2 {background: url('http://i.imgur.com/OvLUwbB.png');}
/*tercer boton*/
.bn3 {background: url('http://i.imgur.com/JYfWXnn.png');}
/*primer miembro de staff*/
.bns1 {background: url('http://i.imgur.com/CFUbZVR.png');}
/*segundo miembro del staff*/
.bns2 {background: url('http://i.imgur.com/DndT2Cm.png');}
/*tercer miembro del staff*/
.bns3 {background: url('http://i.imgur.com/YFHYDEW.png');}
/*cuarto miembro del staff*/
.bns4 {background: url('http://i.imgur.com/nX9TLl4.png');}
/*quinto miembro del staff*/
.bns5 {background: url('http://i.imgur.com/0EUDXws.png');}
/*sexto miembro del staff*/
.bns6 {background: url('http://i.imgur.com/vQsqQNM.png');}
/*septimo miembro del staff*/
.bns7 {background: url('http://i.imgur.com/WCWNn1m.png');}
/*octavo miembro del staff*/
.bns8 {background: url('http://i.imgur.com/WCWNn1m.png');}

li.header dd.topics,li.header dd.posts,li.header dd.lastpost,li.header dd.views{font-size:20px}

/*-------------CODES, CODES DEL TABLON, SERSIS CODES DEL TABLON (?)-------------*/
/*cajas*/
#blackestnight {position: relative;text-align: justify;margin: auto; width: 75%;border-radius: 10px; padding: 10px 15px 10px 50px;font: 12px ubuntu condensed;line-height:13px;right: -4%;}
#bnder {border-radius: 10px; padding:5px 10px;font-size:11px; max-height: 125px; overflow: auto;line-height:12px;}
#bnd {width: 170px;float:right;position: relative;}
#bnizq {height: 105px; overflow: auto;margin-right: 175px; border-radius: 10px; padding:5px 10px;}
.bncaja {overflow: hidden;}
.bnc2 {text-align: center;border-radius: 10px; padding: 10px;}
.bnc3 {border-radius: 10px; padding: 10px;height:215px;overflow-y: auto;overflow-x: hidden;}
.bnescondida {width: 0px;padding: 0px;height: 0px;}
/*Awards*/
#bnaward {display: inline-block;height: 225px;padding: 5px 0px; width: 18%; margin: 0 0.5%;border-radius: 10px;background-position: center !important;background-size: 250% !important;}
#bnaward b,#bnaward span,#bnaward a {opacity: 0;}
#bnaward:hover b,#bnaward:hover span,#bnaward:hover a {opacity: 0.9;}
#bnaward b {display: block; text-align: center;border-radius: 5px; margin:100px 5px 2px 5px;}
#bnaward span {padding: 2px;display: block; border-radius: 5px; text-align: center;margin:0px 5px 2px 5px;height: 50px; overflow: auto;}
#bnaward a {text-decoration: none; text-transform: uppercase; letter-spacing: 2px;display: block; text-align: center;border-radius: 5px;margin:0px 5px;}
#bnaward a:hover {background: #333;}
/*Subtitulos*/
#blackestnight #h1 {margin:0px -5px 2px -5px;padding: 0px 0px 2px 10px; border-bottom: 1px dotted;font-size: 15px; text-transform: uppercase;letter-spacing:2px;}
#blackestnight #h2 {font-size: 20px; text-transform: uppercase;letter-spacing:2px;width: 225px; text-align: center; -webkit-transform: rotate(90deg);transform: rotate(90deg);-moz-transform: rotate(90deg);position: absolute; top: 120px; right: -125px;}
#blackestnight #h3 {font-size: 9px; text-transform: uppercase;text-align: center; color: #888;position: absolute; top: 225px;width: 170px;}
/*Staff*/
#bn-staffbox {position: relative;}
.bnstaff {overflow: hidden;width: 40px; height: 40px; background-size: 200%;background-position: center;border-radius: 5px;margin-left: 5px;display: inline-block;position: absolute;top:0px;}
.bns4 {left: 125px;} .bns2 {left: 38px;} .bns3 {left: 82px;}
.bns1 {margin: 0px;}
.bns5 {top: 43px;margin: 0px;} .bns6 {top: 43px;left: 38px;} .bns7 {top: 43px;left: 82px;} .bns8 {top: 43px;left: 125px;}
.bnstaff b, .bnstaff span, .bnstaff a {opacity: 0;}
.bnstaff:hover b, .bnstaff:hover span, .bnstaff:hover a {opacity: 0.8;}
.bnstaff:hover {left:0px;top: 0px;z-index: 999; width: 150px; height: 63px;padding:10px; background-size: 100%;margin: 0px;}
.bnstaff b {display: block; text-align: center;border-radius: 5px; margin-bottom: 2px;}
.bnstaff span {display: block;border-radius: 5px; text-align: center;margin-bottom: 2px;}
.bnstaff a {text-decoration: none; text-transform: uppercase; letter-spacing: 2px;display: inline-block; text-align: center;border-radius: 5px;width: 48%; margin: 0px 1%; }
.bnstaff a:hover {background: #333;}
/*botones*/
.bnboton {filter: gray;-webkit-filter: grayscale(100%);width: 65px; height: 65px; border: 5px solid #222;background-size: 200%; position: absolute; left: -30px;border-radius:10px;cursor: pointer;}
.bnboton:hover {width: 130px;left:-95px;background-size: 100%;filter: none;-webkit-filter: grayscale(0%);}
#bnbot {margin: 20px auto; opacity: 0; width: 65px; text-transform: uppercase;letter-spacing: 2px; font-size: 10px;border-radius: 5px;text-align: center;padding: 5px 0px; }
.bnboton:hover #bnbot {opacity: 0.9;}
.bn2 {top: 90px;}
.bn3 {top: 170px;}
.bnselec {filter: none;-webkit-filter: grayscale(0%);}

/*generales*/
#blackestnight * {-webkit-backface-visibility: hidden;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}

#blackestnight ::-webkit-scrollbar { width: 8px; height: 8px; } #blackestnight ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment  {display: none;} #blackestnight ::-webkit-scrollbar-track-piece {background: transparent;} #blackestnight ::-webkit-scrollbar-thumb:horizontal, #blackestnight ::-webkit-scrollbar-thumb:vertical {border-radius: 10px;}

@font-face {
  font-family: 'Ubuntu Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Condensed'), local('UbuntuCondensed-Regular'), url(http://themes.googleusercontent.com/static/fonts/ubuntucondensed/v3/DBCt-NXN57MTAFjitYxdrFzqCfRpIA3W6ypxnPISCPA.woff) format('woff');
}
/*-------------FIN TABLON BLACKEST NIGHT BY PYRITE WOLF DE OUR SOURCE CODE!-------------*/

Mas eu coloquei no meu forum original, eu apenas usei o outro para teste: http://www.pokemonrealforcerpg.com/forum

e ficou assim: http://i.imgur.com/aqo5RC4.png
E quando faz uma postagem, o perfil fica para baixo: http://i.imgur.com/BKzmPca.png
E se possivel gostaria que tirrasse isso: http://i.imgur.com/JWBRbQA.png
E por fim que colocasse a letra do fórum a preto por favor, porque nas categorias tá cinzenta: http://i.imgur.com/UF4hRHH.png

King'
Usuário destaque

Masculino
Inscrito dia : 15/02/2014
Mensagens : 583
Pontos Ativos : 1879

http://pokemonrealforcerpg.portugueseforum.net/

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por Consolado em Qui 15 Jan 2015 - 10:45

Olá!

Substitua a sua folha de estilos CSS por essa:
Código:
#wrap {
border-left: 35px solid #D60000;
border-right: 35px solid #D60000;
border-top: 35px solid #D60000;
}
#fa_toolbar{background-color:#C23B3B!important}
a.mainmenu {
font-family: Trebuchet MS;
font-size: 12px;
letter-spacing: 1px;
text-tranform: uppercase;
text-shadow: text-shadow: 0 0 10px #000000;
border-bottom: 5px solid #D60000;
}

a.mainmenu:hover{
letter-spacing : 2px;
text-decoration: none;
color : #D60000;
text-transform:;
}

 ul.navlinks {
  margin-top: -55px;
}

.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-weight: bold;
font-size: 30px;
line-height: 55px;
text-transform: uppercase;
letter-spacing: 1px;
font-family: Trebuchet MS;
}
 
.postprofile dt {
margin-left:1px;
text-align: center;
}
 
.postprofile {
background: #FFF5EE;
text-align: center;
margin-top: -10px;
margin-right: 2px;
display: block;
border-left: 12px solid #D60000;
border-right: 12px solid #D60000;
border-top: 12px solid #D60000;
border-bottom: 12px solid #D60000;
width: 220px;
font-family: Trebuchet MS;
font-size:11.4px;
text-transform: ;
line-height:12px;
color: #1F1F1F;
margin-left: 0px;
}

.postprofile dd {
text-align: center;
margin-top: 4px;
}

.postbody{width:70%!important}

#i_whosonline + p em {
background: #fff;
border-left: 0px solid #d61111;
border-right: 0px solid #d61111;
display:block;
width: 99%;
line-height: 35px;
font-family: Trebuchet MS;
font-size: 29px;
margin: 0 auto;
text-transform: uppercase;
color: transparent !important;
text-align: ;
font-style: normal;
padding: 5px;
}

ul.forums li.row dl{font-family:Trebuchet MS;font-size:10px}

#i_whosonline + p {
text-align: justify;
}

#main .h3 {
background:#FF0000;
border-bottom: 10px solid #DF0000;
height: 50px;
text-align: center;
font-family: Trebuchet MS;
font-weight: lighter;
color: #FFF!important;
letter-spacing: px;
font-size: 36px;
}

#main .h3 {
background:#FF0000;
border-bottom: 10px solid #D60000;
height: 50px;
text-align: center;
font-family: Trebuchet MS;
font-weight: lighter;
color: #FFF;
letter-spacing: 1px;
font-size: 38px;
}

li.header {
background: #FF0000;
border-bottom: 10px solid #D60000;
color: #D60000;
font-size: 40px;
font-family: Six Caps;
font-weight: ;
margin-right: 10px;
padding: 12px 0 12px;
height: 50px;
letter-spacing:;
text-align: center;
text-transform: none;
vertical-align: middle;
}
 
.table-title h2 {
font-size: 48px;
font-family: Trebuchet MS;
font-weight: 700;
}

a.forumtitle {
font-family: Trebuchet MS;
font-size: 20;
letter-spacing: 0;
text-align: left;
font-style: strong;
text-shadow: text-shadow:4px 4px 4px #000;
text-transform: none;
color: #000000;
margin-left: 0px;
}

a.forumtitle:hover {
text-decoration:none;
letter-spacing: ;
border-left: 22px solid #D60000;
color: #D60000;
}

#desc {
background: #f0f0f0;
text-align: justify;
width: 400px;
border-left: 20px solid #c72c2c;
border-right: 20px solid #c72c2c;
height: 110;
overflow: auto;
}

#desc img {
height: 110px;
float: center;
margin-right: 10px;
}

#texto {
opacity: .10;
text-align: justify;
text-size: 12px;
  }

#main .h3{font-size:22px}

body  {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0px;
overflow-y: auto;
overflow-x: auto;
}

::-webkit-scrollbar {
width: 10px;
height: 10px;
}​
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  {
height: 10px;
display: block;
background: #a00e0e;
}
::-webkit-scrollbar-track-piece  {
background: #dc3434;
}
/*barrita vertical*/
::-webkit-scrollbar-thumb:vertical {
height: 20px;;
background: #b51515;
border: 1px solid #;
}

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

#chatbox_header {
border-radius: 0px 0px 0px 0px ;
background: #D60000;
}

#chatbox_footer {
background: #D60000;}

.chatbox-title {
color: #FFF;
font-family:verdana;
text-transform:uppercase;
font-weight: 700;
letter-spacing: -1px;
}

#code1 { position: relative; display: inline-block;}

#code2 { display: none; position: absolute;
top: 40px;
left: 100px;
}

#code1:hover #code2 { display: block; }

/*-------------INICIO TABLON BLACKEST NIGHT BY PYRITE WOLF DE OUR SOURCE CODE!-------------*/
/*-------------COLORES! HERMOSOS COLORES!-------------*/
/*letra de negritas,cosas tachadas, subtitulos y título principal, links y botones (verde sersi, bah)*/
#blackestnight b,#blackestnight s,#blackestnight #h1, #blackestnight #h2, #blackestnight a, #bnbot {
    color: #598F51 !important;}
/*letra general de la derecha, awards, créditos, staff*/
.bnc3, #bnder, #bnaward span,.bnstaff span {color: #888;}
/*letra principal*/
#bnizq {color: #999;}
/*fondo del cuerpo, textos descriptivos de staff y awards, fondo de texto de los botones*/
#blackestnight, #bnaward span, .bnstaff span,#bnbot  {background: #333;}
/*fondo de la caja de la derecha, cajas de awards, créditos, nombres del staff y de awards, links de staff y awards*/
#bnder,.bnc3,.bnc2, #bnaward b,#bnaward a,.bnstaff b, .bnstaff a {background: #222;}
/*fondo de las cajas principales de contenido*/
#bnizq {background: #171717;}
/*color de barra de navegación*/
#blackestnight ::-webkit-scrollbar-thumb:horizontal, #blackestnight ::-webkit-scrollbar-thumb:vertical {background:#598F51;}

/*-------------IMAGENES SERSIS-------------*/
/*primer boton*/
.bn1 {background: url('http://i.imgur.com/IjvENo5.png');}
/*segundo boton*/
.bn2 {background: url('http://i.imgur.com/OvLUwbB.png');}
/*tercer boton*/
.bn3 {background: url('http://i.imgur.com/JYfWXnn.png');}
/*primer miembro de staff*/
.bns1 {background: url('http://i.imgur.com/CFUbZVR.png');}
/*segundo miembro del staff*/
.bns2 {background: url('http://i.imgur.com/DndT2Cm.png');}
/*tercer miembro del staff*/
.bns3 {background: url('http://i.imgur.com/YFHYDEW.png');}
/*cuarto miembro del staff*/
.bns4 {background: url('http://i.imgur.com/nX9TLl4.png');}
/*quinto miembro del staff*/
.bns5 {background: url('http://i.imgur.com/0EUDXws.png');}
/*sexto miembro del staff*/
.bns6 {background: url('http://i.imgur.com/vQsqQNM.png');}
/*septimo miembro del staff*/
.bns7 {background: url('http://i.imgur.com/WCWNn1m.png');}
/*octavo miembro del staff*/
.bns8 {background: url('http://i.imgur.com/WCWNn1m.png');}

li.header dd.topics,li.header dd.posts,li.header dd.lastpost,li.header dd.views{font-size:20px}

/*-------------CODES, CODES DEL TABLON, SERSIS CODES DEL TABLON (?)-------------*/
/*cajas*/
#blackestnight {position: relative;text-align: justify;margin: auto; width: 75%;border-radius: 10px; padding: 10px 15px 10px 50px;font: 12px ubuntu condensed;line-height:13px;right: -4%;}
#bnder {border-radius: 10px; padding:5px 10px;font-size:11px; max-height: 125px; overflow: auto;line-height:12px;}
#bnd {width: 170px;float:right;position: relative;}
#bnizq {height: 105px; overflow: auto;margin-right: 175px; border-radius: 10px; padding:5px 10px;}
.bncaja {overflow: hidden;}
.bnc2 {text-align: center;border-radius: 10px; padding: 10px;}
.bnc3 {border-radius: 10px; padding: 10px;height:215px;overflow-y: auto;overflow-x: hidden;}
.bnescondida {width: 0px;padding: 0px;height: 0px;}
/*Awards*/
#bnaward {display: inline-block;height: 225px;padding: 5px 0px; width: 18%; margin: 0 0.5%;border-radius: 10px;background-position: center !important;background-size: 250% !important;}
#bnaward b,#bnaward span,#bnaward a {opacity: 0;}
#bnaward:hover b,#bnaward:hover span,#bnaward:hover a {opacity: 0.9;}
#bnaward b {display: block; text-align: center;border-radius: 5px; margin:100px 5px 2px 5px;}
#bnaward span {padding: 2px;display: block; border-radius: 5px; text-align: center;margin:0px 5px 2px 5px;height: 50px; overflow: auto;}
#bnaward a {text-decoration: none; text-transform: uppercase; letter-spacing: 2px;display: block; text-align: center;border-radius: 5px;margin:0px 5px;}
#bnaward a:hover {background: #333;}
/*Subtitulos*/
#blackestnight #h1 {margin:0px -5px 2px -5px;padding: 0px 0px 2px 10px; border-bottom: 1px dotted;font-size: 15px; text-transform: uppercase;letter-spacing:2px;}
#blackestnight #h2 {font-size: 20px; text-transform: uppercase;letter-spacing:2px;width: 225px; text-align: center; -webkit-transform: rotate(90deg);transform: rotate(90deg);-moz-transform: rotate(90deg);position: absolute; top: 120px; right: -125px;}
#blackestnight #h3 {font-size: 9px; text-transform: uppercase;text-align: center; color: #888;position: absolute; top: 225px;width: 170px;}
/*Staff*/
#bn-staffbox {position: relative;}
.bnstaff {overflow: hidden;width: 40px; height: 40px; background-size: 200%;background-position: center;border-radius: 5px;margin-left: 5px;display: inline-block;position: absolute;top:0px;}
.bns4 {left: 125px;} .bns2 {left: 38px;} .bns3 {left: 82px;}
.bns1 {margin: 0px;}
.bns5 {top: 43px;margin: 0px;} .bns6 {top: 43px;left: 38px;} .bns7 {top: 43px;left: 82px;} .bns8 {top: 43px;left: 125px;}
.bnstaff b, .bnstaff span, .bnstaff a {opacity: 0;}
.bnstaff:hover b, .bnstaff:hover span, .bnstaff:hover a {opacity: 0.8;}
.bnstaff:hover {left:0px;top: 0px;z-index: 999; width: 150px; height: 63px;padding:10px; background-size: 100%;margin: 0px;}
.bnstaff b {display: block; text-align: center;border-radius: 5px; margin-bottom: 2px;}
.bnstaff span {display: block;border-radius: 5px; text-align: center;margin-bottom: 2px;}
.bnstaff a {text-decoration: none; text-transform: uppercase; letter-spacing: 2px;display: inline-block; text-align: center;border-radius: 5px;width: 48%; margin: 0px 1%; }
.bnstaff a:hover {background: #333;}
/*botones*/
.bnboton {filter: gray;-webkit-filter: grayscale(100%);width: 65px; height: 65px; border: 5px solid #222;background-size: 200%; position: absolute; left: -30px;border-radius:10px;cursor: pointer;}
.bnboton:hover {width: 130px;left:-95px;background-size: 100%;filter: none;-webkit-filter: grayscale(0%);}
#bnbot {margin: 20px auto; opacity: 0; width: 65px; text-transform: uppercase;letter-spacing: 2px; font-size: 10px;border-radius: 5px;text-align: center;padding: 5px 0px; }
.bnboton:hover #bnbot {opacity: 0.9;}
.bn2 {top: 90px;}
.bn3 {top: 170px;}
.bnselec {filter: none;-webkit-filter: grayscale(0%);}

/*generales*/
#blackestnight * {-webkit-backface-visibility: hidden;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}

#blackestnight ::-webkit-scrollbar { width: 8px; height: 8px; } #blackestnight ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment  {display: none;} #blackestnight ::-webkit-scrollbar-track-piece {background: transparent;} #blackestnight ::-webkit-scrollbar-thumb:horizontal, #blackestnight ::-webkit-scrollbar-thumb:vertical {border-radius: 10px;}

@font-face {
  font-family: 'Ubuntu Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Condensed'), local('UbuntuCondensed-Regular'), url(http://themes.googleusercontent.com/static/fonts/ubuntucondensed/v3/DBCt-NXN57MTAFjitYxdrFzqCfRpIA3W6ypxnPISCPA.woff) format('woff');
}
/*-------------FIN TABLON BLACKEST NIGHT BY PYRITE WOLF DE OUR SOURCE CODE!-------------*/
Até mais.

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 8100

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por King' em Qui 15 Jan 2015 - 12:25

Vlw, teria como reduzir 2 ou 4 px abaixo no tamanho da letra dos grupos? ta meio grande, e se der, gostaria que tirasse aquele quadradinho, se eu aponto no titulo ele aparece, não sei se tem jeito de tirar mesmo, se tiver agradecia, até mais!

King'
Usuário destaque

Masculino
Inscrito dia : 15/02/2014
Mensagens : 583
Pontos Ativos : 1879

http://pokemonrealforcerpg.portugueseforum.net/

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por Sennior em Sab 17 Jan 2015 - 3:57

Saudações! Muito feliz

Vá em:
Painel de controle  Seta curta Visualização  Seta curta Cores Seta curta "Aba" Folha CSS.

Adicione no conteúdo:
Código:
a.gensmall {font-size: 22px!important;}span.color-groups {font-size: 13px!important;}
Sobre o quadradinho, eu não encontrei.

Salve e Visualize seu fórum. Piscada
Melhores cumprimentos,
Sennior. De bem com a vida


Admineiros Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Admineiros Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Admineiros Perdeu a senha de administração? Veja o que fazer.
Admineiros Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 15967
Pontos Ativos : 22317

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por King' em Sab 17 Jan 2015 - 21:56

Obrigado, pode fechar Piscada

King'
Usuário destaque

Masculino
Inscrito dia : 15/02/2014
Mensagens : 583
Pontos Ativos : 1879

http://pokemonrealforcerpg.portugueseforum.net/

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por Sennior em Sab 17 Jan 2015 - 21:58

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.


Admineiros Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Admineiros Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Admineiros Perdeu a senha de administração? Veja o que fazer.
Admineiros Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 15967
Pontos Ativos : 22317

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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