Cor em BBCode

Bom dia a todos, 

Eu já conheço bastante sobre BBCode, mas tenho uma dúvida:

Consigo colorir a borda?

Sei que se eu fizer:

Código:

[table border="10"]

Eu tenho a espessura da borda, eu sempre uso o número 10 ou 0, mas eu tenho como colorir ela?

E possível usando o atributo "style", veja:

Código:

[table style="border:10px lightblue solid"][tr][td]teste[/td][/tr][/table]

border é a propriedade para adicionar uma borda, 10px é a largura, lightblue é a cor (pode usar hexadecimal se preferir) e solid é o estilo de borda.

Você pode ler mais a respeito aqui:
http://www.maujor.com/tutorial/bordertut.php
https://developer.mozilla.org/en-US/docs/Web/CSS/border

Obrigado, não sabia dessa "função".

Executei um teste com 3 cores + uma tabela "padrão", veja que no "padrão", a borda tem um efeito degradê de cor (caso esteja vendo pelo Chrome) e ela fica uma outra borda interna.

Consigo manter essas propriedades nas coloridas também?

Código:

[table border="0"][tr][td][table style="border:10px orange solid"][tr][td]teste[/td][/tr][/table][/td]
[td][table style="border:10px lightblue solid"][tr][td]teste[/td][/tr][/table][/td]
[td][table style="border:10px yellow solid"][tr][td]teste[/td][/tr][/table][/td]
[td][table border="10"][tr][td]teste[/td][/tr][/table]
[/td][/tr][/table]

teste

teste

teste

teste

Desculpe mas não entendi sua pergunta.

Vou reformular...

Usando este código:

Código:

<center>[table border="0"][tr][td]<center>[table style="border:10px orange solid"][tr][td]teste[/td][/tr][/table]</center>[/td]
[td]<center>[table style="border:10px lightblue solid"][tr][td]teste[/td][/tr][/table]</center>[/td]
[td]<center>[table style="border:10px yellow solid"][tr][td]teste[/td][/tr][/table]</center>[/td]
[td]<center>[table border="10"][tr][td]teste[/td][/tr][/table]</center>
[/td][/tr][/table]</center>

Eu obtive esse resultado no meu fórum:



Se você reparar, tem um efeito de degradê quando não se põe cor, somente na tabela "original", esse efeito pode ser mantido quando se coloca a cor?

E repare também, que dentro da tabela "original", há uma outra borda interna, que não aparece quando se tem cor, isso pode ser mantido?

E porque somente na "original", a tabela ficou um pouco acima das demais?

Faça um teste ai para nós

Código:

[table style="border-color:#8e44ad"]
    [tr]
        [td]teste[/td]
    [/tr]
[/table]

Suas tabelas originais tem algum CSS que faça uma estilização neles?

Não fez nada de mais...já que não há tamanho da borda, ficou sem nada...

E não, não tenho nada no CSS, mas por via das dúvidas, segue ele:

Código:

/*Cor do Link - Houver - Inicio*/
a:hover{color:#45B334;text-shadow:0px 0px 1px #000000;}
/*Firulas no nomes - Início*/
/*ZombieW*/
a[href="/u1"]{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/th/att11110.gif);text-shadow:0 0 5px #C1FA17
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);}
/*Zambatou*/
a[href="/u237"]{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/th/att11110.gif);text-shadow:0 0 5px #C1FA17
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);}
/*Nome do Grupo dos ADM*/
a[href="/g1-administradores"]{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/th/att11110.gif);text-shadow: 0 0 5px #C1FA17;
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);}
/*Nome do Grupo de Banidos e dos Usuários*/
a[href="/g6-banidos"]{
  text-decoration: line-through;
}
a[href="/u118"]{
  text-decoration: line-through;
  color: #BD0000;
}
/*Firulas no nomes - Fim*/
/* Título para páginas HTML
 * by DropLeet
 */
.Titulo2 { /*Para títulos maiores*/
color: #ddd;
font-family: Verdana, Tahoma, sans-serif;
font-variant: small-caps;
font-size: 17pt;
text-align: center;
text-shadow: 0 2px 5px black;
line-height: 250%;
background-image:url('http://i57.servimg.com/u/f57/17/53/75/18/bgtitu10.png');
background-size: 80%, 80%; /* CSS3 */
-moz-background-size: 80%, 80%; /* Firefox 3.6 */
background-repeat: no-repeat;
background-position: center;
}
.TituloNoBG { /*Para títulos maiores*/
  color: #ddd;
  font-family: Verdana, Tahoma, sans-serif;
  font-variant: small-caps;
  font-size: 17pt;
  text-align: center;
  text-shadow: 0 2px 5px black;
  line-height: 150%;
}
.TituloSmall { /*Para títulos menores*/
  color: #ddd;
  font-family: Verdana, Tahoma, sans-serif;
  font-variant: small-caps;
  font-size: 14pt;
  text-align: left;
  text-shadow: 0 2px 5px black;
  text-decoration: underline;
  line-height: 150%;
}
.CA { /* DIV */
color: #ddd;
font-family: Verdana, Tahoma, sans-serif;
font-variant: small-caps;
font-size: 17pt;
text-align: center;
text-shadow: 0 2px 5px black;
line-height: 250%;
background-image:url('http://i57.servimg.com/u/f57/17/53/75/18/bgtitu10.png');
background-size: 80%, 80%; /* CSS3 */
-moz-background-size: 80%, 80%; /* Firefox 3.6 */
background-repeat: no-repeat;
background-position: center;
}
CA { /* TAG */
  color: #ddd;
  font-family: Verdana, Tahoma, sans-serif;
  font-variant: small-caps;
  font-size: 17pt;
  text-align: center;
  text-shadow: 0 2px 5px black;
  line-height: 150%;
}
/*=========================================
Cor do texto no campo de mensagem (Novo Editor)
by Ace/Cream FdF
=========================================*/
.sceditor-container textarea {
color: #1F1F1F !important;
}
/*=========================================
Cor do campo de texto (Novo Editor)
by Ace/Cream FdF
=========================================*/
div.sceditor-container iframe, div.sceditor-container textarea {
background: #1F1F1F /*url(http://url de una imagen.jpg)*/  repeat !important;
color: white !important
}
/*=========================================
Avatar do Membro nos Últimos Tópicos
by DropLeet / Necessário JavaScript
=========================================*/
.avat-miembro {
    float: left;
    }
    .avat-miembro img {
    width: 40px;
    height: 40px;
    padding: 1px;
    margin: 0 5px;
    border-radius: 10px
    }
/* Joncov CSS style - ShiftActif, topic:  - NO ERASE */
.prettyprint .pln{color:#000}.prettyprint .str{color:#080}.prettyprint .kwd{color:#008}.prettyprint .com{color:#800}.prettyprint .typ{color:#606}.prettyprint .lit{color:#066}.prettyprint .fmvip{color:#660}.prettyprint .tag{color:#008}.prettyprint .atn{color:#606}.prettyprint .atv{color:#080}.prettyprint .dec{color:#606}.prettyprint .linenums li{border-left:3px solid #EBEFF9;padding-left:5px}.prettyprint{font-family:Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace;font-size:13px;padding:2px}.prettyprint ol.linenums{margin-bottom:0;margin-top:0}ol.linenums:hover{list-style-type:none}/* Joncov CSS style - ShiftActif, topic:  - NO ERASE - END */
/*Erro caixa de Emoticon*/
#smiley-box, .smile-status-box {
background: #333333;
}
/* Cursores */
a:hover {
  cursor: url('http://i43.servimg.com/u/f43/17/53/75/18/aim_ro10.png'), url('http://i43.servimg.com/u/f43/17/53/75/18/aim_ro10.png'), auto;
}
/*a:hover {
  cursor: url('http://i44.servimg.com/u/f44/15/04/49/64/aim_410.png)', url('http://i43.servimg.com/u/f43/17/53/75/18/aim_am10.png'),
  url('http://i43.servimg.com/u/f43/17/53/75/18/aim_ve10.png'), url('http://i43.servimg.com/u/f43/17/53/75/18/aim_az10.png'),
  url('http://i43.servimg.com/u/f43/17/53/75/18/aim_ci10.png'), url('http://i43.servimg.com/u/f43/17/53/75/18/aim_la10.png'),
  url('http://i43.servimg.com/u/f43/17/53/75/18/aim_ro10.png'), url('http://i43.servimg.com/u/f43/17/53/75/18/aim_ro11.png'),
  url('http://i43.servimg.com/u/f43/17/53/75/18/aim_ci11.png'), url('http://i43.servimg.com/u/f43/17/53/75/18/aim_br10.png'), auto;
}*/
body {
  cursor: url('http://i57.servimg.com/u/f57/17/53/75/18/cursor10.png'), url('http://i57.servimg.com/u/f57/17/53/75/18/cursor10.png'), auto;
}
/* Níveis de Alerta */
.alert{
  border:1px solid #4381CC;
  margin:10px 0px;
  padding:15px 10px 15px 60px;
  color:#4381CC;
  background-repeat:no-repeat;background-position:10px center;
  background-color:#C6D8F0;
  background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/40px-i10.png');
  box-shadow: 1px 1px 2px #666;
  -moz-box-shadow: 1px 1px 2px #666;
  -webkit-box-shadow: 1px 1px 2px #666;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -o-border-radius:10px;
}
.alert2{
  border:1px solid #E2B500;
  margin:10px 0px;
  padding:15px 10px 15px 60px;
  color:#E2B500;
  background-repeat:no-repeat;background-position:10px center;
  background-color:#FFEA97;
  background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/40px-a10.png');
  box-shadow: 1px 1px 2px #666;
  -moz-box-shadow: 1px 1px 2px #666;
  -webkit-box-shadow: 1px 1px 2px #666;
    border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -o-border-radius:10px;
}
.alert3{
  border:1px solid #AD3F30;
  margin:10px 0px;
  padding:15px 10px 15px 60px;
  color:#AD3F30;
  background-repeat:no-repeat;background-position:10px center;
  background-color:#EFCEC9;
  background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/120px-10.png');
  box-shadow: 1px 1px 2px #666;
  -moz-box-shadow: 1px 1px 2px #666;
  -webkit-box-shadow: 1px 1px 2px #666;
   border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -o-border-radius:10px;
}
/* Footer Bar */
#footerSw {
margin-top: -50px;
width: 100%;
background: #1E1E1E url('http://s3.amazonaws.com/nxcache/www/img/all/nx_fat_footer.jpg') 50% 0 no-repeat;
box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.5);
color: #E1E1E1;
padding: 1em 1em 1em 10em;
text-align: center !important;
display: table;
border-top:3px solid #111;
}
#footerSw > li {
position: absolute;
right: 5em;
bottom: 2em;
}
#footerSw {
position: relative !important;
}
#footerSw p {
margin: 20px 0px;
float: left;
font:12px Tahoma;
}
#footerSw ul {
float: left;
list-style: none;
text-align: center !important;
margin: 0 auto;
width: 200px; /* 320 */
padding: 1em;
}
#footerSw li {
display: block;
padding: 1px;
text-align: left;
}
#footerSw h2 {
font: 20px "Century Gothic", Verdana, Geneva, sans-serif;
color: #C1FA17;
margin-bottom:6px;
}
#footerSw a {
color: #F1F1F1;
text-decoration: none;
}
p.copy {
  margin-top:-15px;
  text-align: center !important;
  color:#FFFFFF;
  position: relative;
}
/* Botoes Personalizados */
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
border: 1px solid #DDD;
border-radius: 2px;
margin: 0px;
padding: 3px 7px;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid #DDD;
border-radius: 3px;
padding: 3px 5px;
transition-duration: .8s;
moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;
}
#main-content a.cgu-buttons:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background: gray;
color: #F4F5F4;
border: 1px solid gray;
}
/* Efeito Balão */
.tipsy {
padding: 5px;
font-size: 11px;
position: absolute;
text-shadow: none;
z-index: 999;
}
.tipsy-inner {
padding: 8px 8px 8px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
background: black url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;
}
.tipsy-inner {
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.tipsy-arrow {
position: absolute;
background: url('http://cuul.tk/img/tipsy.gif') no-repeat top left;
width: 9px;
height: 5px;
}
.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px;
}
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
}
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
}
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left;
}
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left;
}
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left;
}
.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
background-position: top right;
}
.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px;
}
/* Background em Tabelas Alfa x Bravo */
   /* Alfa */
table.Alfa{
  width:100%;
  background-image: url('http://img855.imageshack.us/img855/5481/alfabgtrans.png');
  background-repeat:no-repeat;
  background-color:#5E1414;
  background-position:center;
}
   /* Bravo */
table.Bravo{
  width:100%;
  margin-top:18px;
  background-image: url('http://img818.imageshack.us/img818/2227/bravobgtrans.png');
  background-repeat:no-repeat;
  background-color:#194350;
  background-attachment:static;
  background-position:center;
}
/* Floating */
   /* Direita */
img.Direita{
  float:right;
  margin-left:5px;
}
   /* Esquerda */
img.Esquerda{
  float:left;
  margin-right:5px;
}
/* Ranks e Patentes
  by DropLeet
 */
   /*Super Elite*/
.SE{
  background-image:url('');
  background-repeat:no-repeat;
  background-position:left top;
  color: #C1FA17;
  font-weight:bold;
  font-size: 10pt;
  font-variant: small-caps;
  text-shadow: 0 2px 5px black;
  margin-top:10px;
  padding-left:25px; /* Espaço entre o texto e a imagem */
  line-height: 150%; /* Completar a imagem */
}
   /*Moderador de Elite*/
.ME{
  background-image:url('http://img708.imageshack.us/img708/5345/elitet.gif');
  background-repeat:no-repeat;
  background-position:left top;
  color: #FAFA03;
  font-weight:bold;
  font-size: 10pt;
  font-variant: small-caps;
  text-shadow: 0 2px 5px black;
  margin-top:10px;
  padding-left:19px;
  line-height: 150%; /* Sem isso a imagem não aparecerá inteira*/
}
   /*Cadete*/
.CDT{
  background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/icon_trainee.gif');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-left:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
  line-height: 200%; /* Completar a imagem */
}
   /*Recruta*/
.RCT{
  background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/icon_recruit.gif');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-left:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
  line-height: 200%; /* Completar a imagem */
}
   /*Soldado Raso*/
.SDR{
  background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/icon_private.gif');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-left:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
  line-height: 200%; /* Completar a imagem */
}
   /*Soldade de Primeira Classe*/
.SPC{
  background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/icon_private_first.gif');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-left:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
  line-height: 200%; /* Completar a imagem */
}
   /*Cabo*/
.CAB{
  background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/icon_croporal.gif');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-left:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
  line-height: 200%; /* Completar a imagem */
}
   /*Sargento*/
.SGT{
  background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/icon_sergeant.gif');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-left:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
  line-height: 200%; /* Completar a imagem */
}
   /*1º 2º 3º Sargento - Ajudante*/
.PSA1PSA3{
  background-image:url('http://i33.servimg.com/u/f33/17/53/75/18/psa10.png');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-top:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
}
   /*1º 2º 3º Sargento - Chefe*/
.SC1SC3{
  background-image:url('http://i33.servimg.com/u/f33/17/53/75/18/sc10.png');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-top:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
}
   /*1º 2º 3º 4º Sargento - Mestre*/
.SM1SM4{
  background-image:url('http://i33.servimg.com/u/f33/17/53/75/18/sm10.png');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-top:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
}
   /*1º 2º 3º 4º 5º Sargento - MOR do Comando*/
.SMC1SMC5{
  background-image:url('http://i33.servimg.com/u/f33/17/53/75/18/smc10.png');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-top:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
}
   /*1º 2º 3º 4º 5º Segundo - Tenente*/
.ST1ST5{
  background-image:url('http://i33.servimg.com/u/f33/17/53/75/18/st10.png');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-top:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
}
   /*1º 2º 3º 4º 5º Primeiro - Tenente*/
.PT1PT5{
  background-image:url('http://i33.servimg.com/u/f33/17/53/75/18/pt10.png');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-top:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
}
   /*1º 2º  3º  4º  5º Capitão*/
.CAP1CAP5{
  background-image:url('http://i33.servimg.com/u/f33/17/53/75/18/cap10.png');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-top:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
}
   /*1º 2º 3º 4º 5º Major*/
.MAJ1MAJ5{
  background-image:url('http://i33.servimg.com/u/f33/17/53/75/18/maj10.png');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-top:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
}
   /*1º 2º 3º 4º 5º Tenente - Coronel*/
.TNC1TNC5{
  background-image:url('http://i57.servimg.com/u/f57/17/53/75/18/tnc1010.png');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-top:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
}
   /*1º 2º 3º 4º 5º Coronel*/
.CEL1CEL5{
  background-image:url('http://i33.servimg.com/u/f33/17/53/75/18/cel10.png');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-top:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
}
   /*General de Brigada*/
.GB{
  background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/icon_star_lv1.gif');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-left:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
  line-height: 200%; /* Completar a imagem */
}
   /*General de Divisão*/
.GD{
  background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/icon_star_lv2.gif');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-left:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
  line-height: 200%; /* Completar a imagem */
}
   /*Tenente - General*/
.TG{
  background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/icon_star_lv3.gif');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-left:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
  line-height: 200%; /* Completar a imagem */
}
   /*General*/
.GEN{
  background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/icon_star_lv4.gif');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-left:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
  line-height: 200%; /* Completar a imagem */
}
   /*General do Exército*/
.GE{
  background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/icon_star_lv5.gif');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-left:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
  line-height: 200%; /* Completar a imagem */
}
/* Personalização do Spoiler. Code, Hide e Quote
 * by DropLeet
 */
dl.codebox dt{
  background:url(http://i42.servimg.com/u/f42/09/02/12/09/script10.png) no-repeat scroll 0 0 transparent;
  border:0 none;
  color:#0372BE;
  font-size:.9em;
  padding-left:22px;
  text-transform:none
}
dl.codebox{
  background-color:#FFF;
  border:1px solid #C9D2D8;
  font-size:1em;
  padding:3px
}
dl.codebox dt{
  border-bottom:1px solid #CCC;
  display:block;
  font-size:.8em;
  font-weight:700;
  margin-bottom:3px;
  text-transform:uppercase
}
blockquote dl.codebox{
  margin-left:0
}
dl.codebox code{
  color:#2E8B57;
  display:block;
  font-family:Courier,CourierNew,sans-serif;
  font-size:.9em;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  height:auto;
  line-height:1.3em;
  margin:2px 0;
  max-height:200px;
  overflow:auto;
  padding-top:5px;
  white-space:normal
}
blockquote,blockquote blockquote,blockquote blockquote blockquote{
  -moz-border-radius:5px;
  -moz-box-shadow:0 1px 5px rgba(0,0,0,.15);
  -webkit-border-radius:5px 5px;
  -webkit-box-shadow:0 1px 5px rgba(0,0,0,.15);
  background:none;
  background-color:#F9F9F9;
  background-image:-webkit-gradient(linear,lefttop,leftbottom,from(#F9F9F9),to(#F0F0F0));
  border:1px solid #DEDEDE;
  border-radius:5px 5px;
  box-shadow:0 1px 5px rgba(0,0,0,.15);
  padding:10px 20px;
}
.spoiler_content {
  background-color: #000000;
}
/* Remover FAQ
 * by DropLeet
 */
a[href="/faq"] {
  display: none !important;
}
/* Remoção de Menu Drop-Down Moderação
 * by DropLeet
 */
fieldset.quickmod {
  display: none;
}
/* Caixa de Cores Personalizada
 * by DropLeet
 * Necessário JS para o funcionamento.
 * Link: http://tutorialdoca.forumeiros.com/25829.js
 */
.colorpicker {
  width: 356px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background: url(http://img9.xooimage.com/files/a/7/9/colorpicker_background-2a0969e.png);
  font-family: Arial, Helvetica, sans-serif;
  display: none;
}
.colorpicker_color {
  width: 150px;
  height: 150px;
  left: 14px;
  top: 13px;
  position: absolute;
  background: #f00;
  overflow: hidden;
  cursor: crosshair;
}
.colorpicker_color div {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  background: url(http://img72.xooimage.com/files/c/7/a/colorpicker_overlay-2a096c5.png);
}
.colorpicker_color div div {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  overflow: hidden;
  background: url(http://img43.xooimage.com/files/c/e/c/select-af135c.gif);
  margin: -5px 0 0 -5px;
}
.colorpicker_hue {
  position: absolute;
  top: 13px;
  left: 171px;
  width: 35px;
  height: 150px;
  cursor: n-resize;
}
.colorpicker_hue div {
  position: absolute;
  width: 35px;
  height: 9px;
  overflow: hidden;
  background: url(http://img70.xooimage.com/files/f/4/8/colorpicker_indic-2a096f9.gif) left top;
  margin: -4px 0 0 0;
  left: 0px;
}
.colorpicker_new_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 213px;
  top: 13px;
  background: #f00;
}
.colorpicker_current_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 283px;
  top: 13px;
  background: #f00;
}
.colorpicker input {
  background-color: transparent;
  border: 1px solid transparent;
  position: absolute;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #898989;
  top: 4px;
  right: 11px;
  text-align: right;
  margin: 0;
  padding: 0;
  height: 11px;
}
.colorpicker_hex {
  position: absolute;
  width: 72px;
  height: 22px;
  background: url(http://img69.xooimage.com/files/1/6/d/colorpicker_hex-2a09707.png) top;
  left: 212px;
  top: 142px;
}
.colorpicker_hex input {
  right: 6px;
}
.colorpicker_field {
  height: 22px;
  width: 62px;
  background-position: top;
  position: absolute;
}
.colorpicker_field span {
  position: absolute;
  width: 12px;
  height: 22px;
  overflow: hidden;
  top: 0;
  right: 0;
  cursor: n-resize;
}
.colorpicker_rgb_r {
  background-image: url(http://img70.xooimage.com/files/8/7/e/colorpicker_rgb_r-2a09716.png);
  top: 52px;
  left: 212px;
}
.colorpicker_rgb_g {
  background-image: url(http://img68.xooimage.com/files/d/c/1/colorpicker_rgb_g-2a09721.png);
  top: 82px;
  left: 212px;
}
.colorpicker_rgb_b {
  background-image: url(http://img67.xooimage.com/files/2/b/e/colorpicker_rgb_b-2a09729.png);
  top: 112px;
  left: 212px;
}
.colorpicker_hsb_h {
  background-image: url(http://img73.xooimage.com/files/d/4/7/colorpicker_hsb_h-2a09740.png);
  top: 52px;
  left: 282px;
}
.colorpicker_hsb_s {
  background-image: url(http://img67.xooimage.com/files/5/f/f/colorpicker_hsb_s-2a09755.png);
  top: 82px;
  left: 282px;
}
.colorpicker_hsb_b {
  background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/colorp10.png);
  top: 112px;
  left: 282px;
}
.colorpicker_submit {
  position: absolute;
  width: 22px;
  height: 22px;
  background: url(http://img68.xooimage.com/files/1/2/d/colorpicker_submit-2a09814.png) top;
  left: 322px;
  top: 142px;
  overflow: hidden;
}
.colorpicker_focus {
  background-position: center;
}
.colorpicker_hex.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_slider {
  background-position: bottom;
}
/* Fórum em Manutenção */
.grfclose{background:url(http://i.imgur.com/el3Ct.png) no-repeat 99.9% 0}
/*Responsaveis pelo Forum.
* by DropLeet
*/
#modo {
display: none;
}
.dterm:hover #modo {
display: block;
}
/*Formatação dos campos de perfil nas mensagens
* by DropLeet
*/
.postprofile dd, .postprofile dt {
  text-align: left;
  margin-right: 6px;
}
.postprofile {
margin-left: -15px;
}
/*Alterar Contorno das Categorias - Início*/
ul.topiclist li.header dl dd {
background-image: url("http://www.sebrasil.com.br/styles/AeroBlack/theme/images/cellpic1.gif");
    background-repeat: repeat;
    border: 1px solid #EEEEEE;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    box-shadow: 0 5px 5px #CCCCCC;
    color: #C1FA17;
    font-weight: bold;
    text-align: center;
}
div.h3{
    background-image: url("http://www.sebrasil.com.br/styles/AeroBlack/theme/images/cellpic1.gif");
    background-repeat: repeat;
    border: 1px solid #EEEEEE;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    box-shadow: 0 5px 5px #CCCCCC;
    color: #C1FA17;
    font-weight: bold; 
    text-align: center;
}
/*Alterar Contorno dos Widgets - Início*/
.h3, .catHead {
    background-image: url("http://www.sebrasil.com.br/styles/AeroBlack/theme/images/cellpic1.gif");
    background-repeat: repeat;
    border: 1px solid #EEEEEE;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    box-shadow: 0 5px 5px #CCCCCC;
    color: #FFFFFF;
    text-align: center;
}
/* Correção do erro do nick (Fundo preto do banner)*/
dd.lastpost span.color-groups {
text-align: center !important;
float: none;
display: inline;
}
.module .h3 {
color: #C1FA17;
}
.module h3, .module .h3 {
text-align: center !important;
}
.postprofile {
text-align: center;
}
form[name="post"] .h3{color: #C1FA17;}
.headerbar {
background-color: #000000;
}
div.h3 {
color: #C1FA17;
border-color: #C1FA17;
}
.content h1, .panel h1 {
color: #C1FA17;
border-bottom-color: #C1FA17;
}
dl.hidecode {
background-color: #FFFFFF;
}
.content h2, .panel h2 {
color: #C1FA17;
border-bottom-color: #C1FA17;
}
/*Salvamento automático nos tópicos*/
#savec {
  position:relative;
}.save-bloc {
  dispay: none;
  color: #555!important;
  cursor: point;
  z-index: 999;
  padding: 5px;
  border: 1px solid #BCBCBC;
  background: #efefef url(http://2img.net/i/fa/prosilver/bg_button.gif) repeat-x;
  display:none;
  top:20px;
  left:0px;
  position:absolute;
  white-space:nowrap;
}.save-bloc div:hover {
  color: #050505!important;
}.save-bloc div {
  cursor: pointer;
}.save-bloc select {
  background: #ccc;
  border: 1px solid #aaa;
  margin-bottom: 5px;
}
/* Alterar Search Box
 * by DropLeet
 */
#search-box #keywords {
width: 150px;
background: white;
border: 1px solid #B3B6AA;
font-size: 14px;
font-weight: bold;
padding: 5px 5px;
color: #999;
}
9-ltr.css:1
#search-box #keywords {
background-color: white;
width: 95px;
}
9-ltr.css:1
input.search {
background: url(http://2img.net/i/fa/sprite_prosilver_navbar.png) no-repeat top left;
background-position: 0 -701px;
padding-left: 17px;
}
9-ltr.css:1
input.inputbox {
width: 85%;
}
9-ltr.css:1
.inputbox {
background-color: white;
border: 1px solid #BCBCBC;
color: black;
cursor: text;
padding: 2px;
}
a.button1, a.button2, button.button2, input.button1, input.button2 {
background-color: #FAFAFA;
background-image: url(http://2img.net/i/fa/prosilver/bg_button.gif);
background-position: top;
background-repeat: repeat-x;
color: black;
font-family: Verdana,Arial,Helvetica,sans-serif;
overflow: visible;
padding: 2px 3px;
width: auto!important;
}
a.button2, button.button2, input.button2 {
border: 1px solid #BCBCBC;
}
9-ltr.css:1
button.button2, input.button1, input.button2 {
font-size: 1em;
}
#search #keywords:focus{
  width:290px
}
#search #keywords{
  -moz-transition:all 1s ease-in-out;
  -ms-transition:all 1s ease-in-out;
  -o-transition:all 1s ease-in-out;
  -webkit-transition:all 1s ease-in-out;
  transition:all 1s ease-in-out;
  width:150px
}
img[src="http://i66.servimg.com/u/f66/15/86/37/09/suppor10.png"]{
  height:auto;
  width:46px
}

Antes de continuarmos, pode me enviar um tópico onde o senhor tem uma dessas tabelas?

Boa tarde!

waghcwb escreveu:Faça um teste ai para nós

Código:

[table style="border-color:#8e44ad"]
    [tr]
        [td]teste[/td]
    [/tr]
[/table]

Suas tabelas originais tem algum CSS que faça uma estilização neles?

ZombieW escreveu:http://www.tutorialdoca.com/t1118-teste#1364

Tente novamente com este código.

Código:

[table style="border: 1px solid #8e44ad;"]
    [tr]
        [td]teste[/td]
    [/tr]
[/table]

Resultado:

Shek,

Já fiz com a borda de 10px, veja acima.

Minha dúvida é outra.

Mas, ZombieW eu não consegui identificar sua outra pergunta, me desculpe. Poderia citar aqui a URL da pergunta que fez de novo?

Tenho costume de usar mais de 1 tabela por "linha", portanto, sempre as centralizo.

Sendo assim, neste tópico (http://www.tutorialdoca.com/t1118-teste#1364) mostra algumas diferenças (vista pelo Google Chrome, não tentei ver por outros navegadores) entre a tabela comum (sem a tag style) e com a tabela customizada (com a tag style).

• A tabela comum ficou um pouco mais para cima das customizadas, por que?
  
• Na tabela padrão, há um efeito de degradê na diagonal, mas customizadas não, por que?
  
• Ainda na tabela padrão, envolta do texto, parece ter um contorno, mas customizadas não, por que?
  

Essas são as dúvidas.

Boa tarde!

ZombieW escreveu:A tabela comum ficou um pouco mais para cima das customizadas, por que?

Porque você está usando uma tabela dentro do <TD> e não fora. Ou seja:

Código:

[table][tr][td]AQUI VAI OUTRA TABELA[/td][/tr][/table]

Quando faz isso, você submete a sua tabela interna às definições do CSS da tabela principal. O ideal é usar o CSS style float: left; para estes casos ao invés de colocar dentro do TD.

ZombieW escreveu:Na tabela padrão, há um efeito de degradê na diagonal, mas customizadas não, por que?
Ainda na tabela padrão, envolta do texto, parece ter um contorno, mas customizadas não, por que?

Eu não tenho certeza, mas nas versões preto do Phpbb2 e PunBB as tabelas são assim mesmo. Mas é uma curiosidade que tenho que investigar para dar-lhe uma resposta precisa.

Shek escreveu:Boa tarde!

ZombieW escreveu:A tabela comum ficou um pouco mais para cima das customizadas, por que?

Porque você está usando uma tabela dentro do <TD> e não fora. Ou seja:

Código:

[table][tr][td]AQUI VAI OUTRA TABELA[/td][/tr][/table]

Quando faz isso, você submete a sua tabela interna às definições do CSS da tabela principal. O ideal é usar o CSS style float: left; para estes casos ao invés de colocar dentro do TD.

Eu sempre uso dessa forma, porque são sempre mais fáceis de mostrar todo o conteúdo para o usuário.

A pergunta de colorir as tabelas se aplica às páginas HTML que irei criar, que serão nesse formato:

http://www.tutorialdoca.com/h22-Comparacao-das-Metralhadoras

Onde cada sub-tabela, irá receber um contorno de cor diferente.[/quote]

Tente fazê-lo da seguinte forma:

Código:

[table border="10" style="border-color:#8e44ad"]
    [tr]
        [td]teste[/td]
    [/tr]
[/table]

Perfeito, funcionou. Obrigado.