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.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Como pedir análise de fórum?
Hoje à(s) 11:00 pm por virus

» Criar código com imagens e links de especies
Hoje à(s) 10:23 pm por Hancki

» Novos tópicos
Hoje à(s) 08:31 pm por IsmaelS.

» Slide em todas as páginas
Hoje à(s) 08:29 pm por IsmaelS.

» Personalizar Likes
Hoje à(s) 07:39 pm por iScroll

» Templates/CSS
Hoje à(s) 05:47 pm por Taxy_InSaniTy

» tem como adicionar esse recurso de mensagem
Hoje à(s) 05:41 pm por soldado

Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
230 usuários online :: 7 usuários cadastrados, 2 Invisíveis e 221 Visitantes :: 2 Motores de busca

Hancki, Heikki, Holkis, iScroll, Joao.Dantas16, Try, virus

[ Ver toda a lista ]


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

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 05/01/15, 08:10 pm

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
avatar

King'
Usuário destaque

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

Ver perfil do usuário http://pokemonrealforcerpg.portugueseforum.net/

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por Consolado em 06/01/15, 04:08 am

Olá!

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

Consolado
Super usuário

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

Ver perfil do usuário

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por King' em 06/01/15, 10:49 am

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

King'
Usuário destaque

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

Ver perfil do usuário http://pokemonrealforcerpg.portugueseforum.net/

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por Shek em 06/01/15, 05:33 pm

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


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16837
Pontos Ativos : 21179

Ver perfil do usuário 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 07/01/15, 10:26 am

É 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!-------------*/
avatar

King'
Usuário destaque

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

Ver perfil do usuário http://pokemonrealforcerpg.portugueseforum.net/

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por King' em 12/01/15, 10:56 am

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!-------------*/
avatar

King'
Usuário destaque

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

Ver perfil do usuário http://pokemonrealforcerpg.portugueseforum.net/

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por Consolado em 12/01/15, 12:00 pm

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.
avatar

Consolado
Super usuário

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

Ver perfil do usuário

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por King' em 12/01/15, 04:39 pm

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?
avatar

King'
Usuário destaque

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

Ver perfil do usuário http://pokemonrealforcerpg.portugueseforum.net/

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por Sennior em 12/01/15, 10:46 pm

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

avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por Consolado em 13/01/15, 06:30 am

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.
avatar

Consolado
Super usuário

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

Ver perfil do usuário

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por King' em 13/01/15, 08:36 am

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
avatar

King'
Usuário destaque

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

Ver perfil do usuário http://pokemonrealforcerpg.portugueseforum.net/
  • 0

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por Consolado em 13/01/15, 09:01 am

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.
avatar

Consolado
Super usuário

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

Ver perfil do usuário

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por King' em 13/01/15, 09:43 am

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,
avatar

King'
Usuário destaque

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

Ver perfil do usuário http://pokemonrealforcerpg.portugueseforum.net/

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por Consolado em 13/01/15, 09:47 am

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.
avatar

Consolado
Super usuário

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

Ver perfil do usuário

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por King' em 13/01/15, 10:43 am

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

King'
Usuário destaque

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

Ver perfil do usuário http://pokemonrealforcerpg.portugueseforum.net/

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por Consolado em 14/01/15, 07:56 am

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.
avatar

Consolado
Super usuário

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

Ver perfil do usuário

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por King' em 14/01/15, 04:14 pm

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
avatar

King'
Usuário destaque

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

Ver perfil do usuário http://pokemonrealforcerpg.portugueseforum.net/

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por Consolado em 15/01/15, 08:45 am

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.
avatar

Consolado
Super usuário

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

Ver perfil do usuário

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por King' em 15/01/15, 10:25 am

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!
avatar

King'
Usuário destaque

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

Ver perfil do usuário http://pokemonrealforcerpg.portugueseforum.net/

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por Sennior em 17/01/15, 01:57 am

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
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por King' em 17/01/15, 07:56 pm

Obrigado, pode fechar Piscada
avatar

King'
Usuário destaque

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

Ver perfil do usuário http://pokemonrealforcerpg.portugueseforum.net/

Resolvido Re: CSS do tema do fórum personalizado

Mensagem por Sennior em 17/01/15, 07:58 pm

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário 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