Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Menu em texto
Hoje à(s) 5:11 por MateusV.

» Ocultar widgets do tópico
Hoje à(s) 4:37 por Sennior

» Como adicionar botões no menu
Hoje à(s) 3:41 por Luiz~

» Personalizar o perfil
Hoje à(s) 3:36 por Luiz~

» [Ajuda] Como adicionar formularios?
Hoje à(s) 3:28 por Arnaldo Manfred

» Adição de setas e menu dropdown ao widget
Hoje à(s) 2:50 por juleic1123

» Widget de top 5 usuários online
Hoje à(s) 0:43 por Luiz~

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
169 usuários online :: 5 usuários cadastrados, 1 Invisível e 163 Visitantes :: 2 Motores de busca

iPlay, juleic1123, MateusV., Sennior, vinicius.ueh00

[ Ver toda a lista ]


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

CSS do tema do fórum personalizado

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

Resolvido CSS do tema do fórum personalizado

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

Detalhes da dúvida


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

Descrição do problema

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

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

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

King'
Usuário destaque

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

http://pokemonrealforcerpg.portugueseforum.net/

Resolvido Re: CSS do tema do fórum personalizado

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

Olá!

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

Consolado
Super usuário

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

Resolvido Re: CSS do tema do fórum personalizado

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

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

King'
Usuário destaque

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

http://pokemonrealforcerpg.portugueseforum.net/

Resolvido Re: CSS do tema do fórum personalizado

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

Boa tarde!

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

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


ShekAdmineiro - Fórum dos Fóruns
avatar

Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15981
Pontos Ativos : 23563

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

Resolvido Re: CSS do tema do fórum personalizado

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

#chatbox_footer {
background: #1874CD;}

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

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

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

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

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

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


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

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

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

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

King'
Usuário destaque

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

http://pokemonrealforcerpg.portugueseforum.net/

Resolvido Re: CSS do tema do fórum personalizado

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

#chatbox_footer {
background: #1874CD;}

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

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

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

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

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

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


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

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

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

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

King'
Usuário destaque

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

http://pokemonrealforcerpg.portugueseforum.net/

Resolvido Re: CSS do tema do fórum personalizado

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

Olá!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

#chatbox_footer {
background: #1874CD;}

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

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

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

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

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

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


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

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

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

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

Consolado
Super usuário

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

Resolvido Re: CSS do tema do fórum personalizado

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

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

King'
Usuário destaque

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

http://pokemonrealforcerpg.portugueseforum.net/

Resolvido Re: CSS do tema do fórum personalizado

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

Saudações! Muito feliz

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

#chatbox_footer {
background: #1874CD;}

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

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

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

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

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

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


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

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

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

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

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

avatar

Sennior
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16260
Pontos Ativos : 22909

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

Resolvido Re: CSS do tema do fórum personalizado

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

Olá!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

#chatbox_footer {
background: #1874CD;}

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

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

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

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

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

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


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

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

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

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

Consolado
Super usuário

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

Resolvido Re: CSS do tema do fórum personalizado

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

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

King'
Usuário destaque

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

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

Resolvido Re: CSS do tema do fórum personalizado

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

Olá!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

#chatbox_footer {
background: #D60000;}

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

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

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

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

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

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

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

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

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

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

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

Consolado
Super usuário

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

Resolvido Re: CSS do tema do fórum personalizado

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

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

Até mais,
avatar

King'
Usuário destaque

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

http://pokemonrealforcerpg.portugueseforum.net/

Resolvido Re: CSS do tema do fórum personalizado

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

Olá!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

#chatbox_footer {
background: #D60000;}

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

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

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

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

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

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

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

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

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

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

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

Consolado
Super usuário

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

Resolvido Re: CSS do tema do fórum personalizado

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

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

King'
Usuário destaque

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

http://pokemonrealforcerpg.portugueseforum.net/

Resolvido Re: CSS do tema do fórum personalizado

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

Olá!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#chatbox_footer {
background: #D60000;}

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

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

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

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

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

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

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

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

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

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

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

Consolado
Super usuário

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

Resolvido Re: CSS do tema do fórum personalizado

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#chatbox_footer {
background: #D60000;}

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

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

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

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

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

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

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

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

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

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

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

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

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

King'
Usuário destaque

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

http://pokemonrealforcerpg.portugueseforum.net/

Resolvido Re: CSS do tema do fórum personalizado

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

Olá!

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

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

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

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

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

.postbody{width:70%!important}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#chatbox_footer {
background: #D60000;}

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

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

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

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

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

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

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

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

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

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

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

Consolado
Super usuário

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

Resolvido Re: CSS do tema do fórum personalizado

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

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

King'
Usuário destaque

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

http://pokemonrealforcerpg.portugueseforum.net/

Resolvido Re: CSS do tema do fórum personalizado

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

Saudações! Muito feliz

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

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

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

Sennior
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16260
Pontos Ativos : 22909

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

Resolvido Re: CSS do tema do fórum personalizado

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

Obrigado, pode fechar Piscada
avatar

King'
Usuário destaque

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

http://pokemonrealforcerpg.portugueseforum.net/

Resolvido Re: CSS do tema do fórum personalizado

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

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

Sennior
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16260
Pontos Ativos : 22909

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