CSS do tema do fórum personalizado

4 participantes

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

Tópico resolvido CSS do tema do fórum personalizado

Mensagem por King' 05.01.15 22:10

Detalhes da dúvida


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

Descrição do problema

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

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

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

King'
Membro

Membro desde : 15/02/2014
Mensagens : 583
Pontos : 925

http://pokemonrealforcerpg.portugueseforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: CSS do tema do fórum personalizado

Mensagem por Consolado 06.01.15 6:08

Olá!

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

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: CSS do tema do fórum personalizado

Mensagem por King' 06.01.15 12:49

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

King'
Membro

Membro desde : 15/02/2014
Mensagens : 583
Pontos : 925

http://pokemonrealforcerpg.portugueseforum.net/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: CSS do tema do fórum personalizado

Mensagem por Shek 06.01.15 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
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: CSS do tema do fórum personalizado

Mensagem por King' 07.01.15 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: https://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:
King'

King'
Membro

Membro desde : 15/02/2014
Mensagens : 583
Pontos : 925

http://pokemonrealforcerpg.portugueseforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: CSS do tema do fórum personalizado

Mensagem por King' 12.01.15 12:56

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

CSS NOVO DO FÓRUM:
King'

King'
Membro

Membro desde : 15/02/2014
Mensagens : 583
Pontos : 925

http://pokemonrealforcerpg.portugueseforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: CSS do tema do fórum personalizado

Mensagem por Consolado 12.01.15 14:00

Olá!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

#chatbox_footer {
background: #1874CD;}

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

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

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

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

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

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


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

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

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

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

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: CSS do tema do fórum personalizado

Mensagem por King' 12.01.15 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: https://i.imgur.com/Zut7psr.png
Tem como deixar com a mesma fonte da que tem nos titulos grandes?
King'

King'
Membro

Membro desde : 15/02/2014
Mensagens : 583
Pontos : 925

http://pokemonrealforcerpg.portugueseforum.net/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: CSS do tema do fórum personalizado

Mensagem por Sennior 13.01.15 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

Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: CSS do tema do fórum personalizado

Mensagem por Consolado 13.01.15 8:30

Olá!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

#chatbox_footer {
background: #1874CD;}

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

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

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

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

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

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


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

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

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

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

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: CSS do tema do fórum personalizado

Mensagem por King' 13.01.15 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: https://i.imgur.com/DT0U7fR.png
Sobre as cores q tem de mudar para o mesmo vermelho das bordas: https://i.imgur.com/XSJ1kv5.png e https://i.imgur.com/EGVl79q.png
Obrigado desde já Feliz
King'

King'
Membro

Membro desde : 15/02/2014
Mensagens : 583
Pontos : 925

http://pokemonrealforcerpg.portugueseforum.net/

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: CSS do tema do fórum personalizado

Mensagem por Consolado 13.01.15 11:01

Olá!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

#chatbox_footer {
background: #D60000;}

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

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

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

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

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

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

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

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

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

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

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

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: CSS do tema do fórum personalizado

Mensagem por King' 13.01.15 11:43

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

Até mais,
King'

King'
Membro

Membro desde : 15/02/2014
Mensagens : 583
Pontos : 925

http://pokemonrealforcerpg.portugueseforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: CSS do tema do fórum personalizado

Mensagem por Consolado 13.01.15 11:47

Olá!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

#chatbox_footer {
background: #D60000;}

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

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

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

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

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

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

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

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

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

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

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

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: CSS do tema do fórum personalizado

Mensagem por King' 13.01.15 12:43

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

King'
Membro

Membro desde : 15/02/2014
Mensagens : 583
Pontos : 925

http://pokemonrealforcerpg.portugueseforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: CSS do tema do fórum personalizado

Mensagem por Consolado 14.01.15 9:56

Olá!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#chatbox_footer {
background: #D60000;}

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

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

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

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

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

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

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

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

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

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

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

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: CSS do tema do fórum personalizado

Mensagem por King' 14.01.15 18:14

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

NOVO CSS:

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

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

King'
Membro

Membro desde : 15/02/2014
Mensagens : 583
Pontos : 925

http://pokemonrealforcerpg.portugueseforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: CSS do tema do fórum personalizado

Mensagem por Consolado 15.01.15 10:45

Olá!

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

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

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

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

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

.postbody{width:70%!important}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#chatbox_footer {
background: #D60000;}

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

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

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

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

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

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

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

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

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

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

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

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: CSS do tema do fórum personalizado

Mensagem por King' 15.01.15 12:25

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

King'
Membro

Membro desde : 15/02/2014
Mensagens : 583
Pontos : 925

http://pokemonrealforcerpg.portugueseforum.net/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: CSS do tema do fórum personalizado

Mensagem por Sennior 17.01.15 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
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: CSS do tema do fórum personalizado

Mensagem por King' 17.01.15 21:56

Obrigado, pode fechar Piscada
King'

King'
Membro

Membro desde : 15/02/2014
Mensagens : 583
Pontos : 925

http://pokemonrealforcerpg.portugueseforum.net/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: CSS do tema do fórum personalizado

Mensagem por Sennior 17.01.15 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.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos