Cor em BBCode

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

Resolvido Cor em BBCode

Mensagem por ZombieW em 05/10/14, 11:46 am

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?


Última edição por ZombieW em 21/10/14, 11:10 pm, editado 1 vez(es)
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1272
Pontos Ativos : 1797

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Cor em BBCode

Mensagem por waghcwb em 05/10/14, 02:51 pm

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
avatar

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

Ver perfil do usuário http://punbb.forumeiros.com

Resolvido Re: Cor em BBCode

Mensagem por ZombieW em 05/10/14, 03:46 pm

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
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1272
Pontos Ativos : 1797

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Cor em BBCode

Mensagem por waghcwb em 05/10/14, 05:40 pm

Desculpe mas não entendi sua pergunta.
avatar

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

Ver perfil do usuário http://punbb.forumeiros.com

Resolvido Re: Cor em BBCode

Mensagem por ZombieW em 05/10/14, 06:05 pm

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

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1272
Pontos Ativos : 1797

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Cor em BBCode

Mensagem por waghcwb em 05/10/14, 09:43 pm

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

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

Ver perfil do usuário http://punbb.forumeiros.com

Resolvido Re: Cor em BBCode

Mensagem por ZombieW em 05/10/14, 11:47 pm

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://illiweb.com/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://illiweb.com/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://illiweb.com/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
}
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1272
Pontos Ativos : 1797

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Cor em BBCode

Mensagem por waghcwb em 09/10/14, 08:16 am

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

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

Ver perfil do usuário http://punbb.forumeiros.com

Resolvido Re: Cor em BBCode

Mensagem por ZombieW em 09/10/14, 06:29 pm

avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1272
Pontos Ativos : 1797

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Cor em BBCode

Mensagem por Shek em 10/10/14, 05:14 pm

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?
Tente novamente com este código.
Código:
[table style="border: 1px solid #8e44ad;"]
    [tr]
        [td]teste[/td]
    [/tr]
[/table]
Resultado:
               
teste


Shek CrowleyAdmineiro - Fórum dos Fóruns

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

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17155
Pontos Ativos : 21415

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Cor em BBCode

Mensagem por ZombieW em 11/10/14, 11:29 pm

Shek,

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

Minha dúvida é outra.
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1272
Pontos Ativos : 1797

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Cor em BBCode

Mensagem por Shek em 12/10/14, 06:50 am

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


Shek CrowleyAdmineiro - Fórum dos Fóruns

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

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17155
Pontos Ativos : 21415

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Cor em BBCode

Mensagem por ZombieW em 12/10/14, 10:29 am

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

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1272
Pontos Ativos : 1797

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Cor em BBCode

Mensagem por Shek em 16/10/14, 04:53 pm

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 CrowleyAdmineiro - Fórum dos Fóruns

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

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17155
Pontos Ativos : 21415

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Cor em BBCode

Mensagem por ZombieW em 19/10/14, 12:04 pm

@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]
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1272
Pontos Ativos : 1797

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Cor em BBCode

Mensagem por Daemon em 21/10/14, 11:26 am

Tente fazê-lo da seguinte forma:
Código:
[table border="10" style="border-color:#8e44ad"]
    [tr]
        [td]teste[/td]
    [/tr]
[/table]
Rosa
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

Ver perfil do usuário http://bestskins.forumeiros.com/

Resolvido Re: Cor em BBCode

Mensagem por ZombieW em 21/10/14, 11:09 pm

Perfeito, funcionou. Obrigado.
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1272
Pontos Ativos : 1797

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Cor em BBCode

Mensagem por Sennior em 22/10/14, 02:58 am

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Sennior
Membro profissional
Membro profissional

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

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

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum