Alterar cores de fundo do BBcode

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

Resolvido Alterar cores de fundo do BBcode

Mensagem por Askum em 09/07/11, 06:12 pm

Qual é sua questão:
Assim, eu fui fazendo umas coisa no CSS, quando eu arrendondei os seguintes BBCode,
Spoiler, Quote e Code, os que eu queria, so que o problema é quote, ai a bor da todos fico da cor que eu queria, o quote fico do jeito que eu eria, so que o problema e que o Code fico com a fonte azul, e o spoiler não ficou do jeito que eu queria. ele fico com o fundo azul, mas a parte onde esta o codigo esta branco.

Que medidas você tomou para corrigir o problema:
Tentei editar os codigos e não funcionou.

Apresente-nos imagens do problema (se necessário):
Meu CSS
Código:
.spoiler{
border: 2px solid #1675BC;
border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background: #E1EBF2;
}
.spoiler{padding:5px;}

.code{
border: 2px solid #1675BC !important;
border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background: #E1EBF2;
}
.code{padding:5px;}

.quote{
border: 2px solid #1675BC !important;
border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background: #E1EBF2;
}
.quote{padding:5px;}

.poster-profile{
margin-top: 0px;
border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
float: left;
background: #E1EBF2;
border: 2px solid #1675BC;
padding: 10px 0;}

a:hover{
cursor: url('http://img89.imageshack.us/img89/4820/cursorvermelho.png'), url('http://img89.imageshack.us/img89/4820/cursorvermelho.png'), auto;
}

body{
cursor: url('http://img89.imageshack.us/img89/4820/cursorvermelho.png'), url('http://img89.imageshack.us/img89/4820/cursorvermelho.png'), auto;
}

.postprofile dt img, dl.left-box dt img {
border:3px solid #000000;
}

#ereferrer  {
font-family:tahoma,arial,verdana;
font-size:12px;
}

.tr-{
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
background: url(http://bit.ly/acLmW9);
font-weight: bold;
margin: 10px auto auto;
padding: 5px;
width: 90%;
border-width: 1px;
border-style: solid;
}

.tr-.administrador{
-moz-box-shadow: 1px 1px 10px #FF0000;
-webkit-box-shadow:  1px 1px 10px #FF0000;
box-shadow:  1px 1px 10px #FF0000;
border-color: #FF0000;
color: #FF0000;
}

.tr-.moderador{
-moz-box-shadow: 1px 1px 10px #0000FF;
-webkit-box-shadow:  1px 1px 10px #0000FF;
box-shadow:  1px 1px 10px #0000FF;
border-color: #0000FF;
color: #0000FF;
}

.tr-.membro{
-moz-box-shadow: 1px 1px 10px #000000;
-webkit-box-shadow:  1px 1px 10px #000000;
box-shadow:  1px 1px 10px #000000;
border-color: #000000;
color: #000000;
}

div.infobulle_avatar em {
display:none;
}

.quote{
border: 2px solid #1675BC !important;
background: #E1EBF2;
}


  .bulle{
    background-color : #E1EBF2;
    border : 2px solid #1675BC;
    -moz-border-radius: 10px ;
    -webkit-border-radius:10px;
    -border-radius:10px;
    -khtml-border-radius:10px;
    padding : 5px;
    min-height : 100px;
    }

min-height : 100px;

.bulle{
  background-color : #E1EBF2;
    border : 2px solid #1675BC;
    -moz-border-radius: 10px ;
    -webkit-border-radius:10px;
    -border-radius:10px;
    -khtml-border-radius:10px;
    padding : 5px;
    }

a.mainmenu img:hover{position:relative;bottom:5px}

.left-box{text-align: center;}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {background-image: url("http://i.imm.io/7hw4.png");
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}

.bodyline{
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}

a:link{text-decoration: none !important;}
a:visited {text-decoration: none !important;}
a:hover{text-decoration: none !important;}
a:active {text-decoration: none !important;}

a{
color: #FF0000;
-webkit-transition:color 1s ease-in;
-moz-transition:color 1s ease-in;
-o-transition:color 1s ease-in;
transition:color 1s ease-in;
}
a:hover{
color: #FF0000;}

a:link{text-decoration:none}a:visited{text-decoration:none}a:active{text-decoration:underline}a:hover{text-decoration:none}

/*Inicio do codigo das bordas*/
#categoria.forumline {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.forumline {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
/*Fim do codigo das bordas*/

body {
background-attachment: fixed;
}

div.infobulle_avatar em {
display:none;
}

div.infobulle_avatar:hover {
background: none;
z-index: 999;
cursor: hand;
position: relative;
text-decoration:none;
border: 0;
}

div.infobulle_avatar:hover em {
font-style: normal;
font-size: 10px;
color:#000 !important;
padding: 3px;
display: block;
position: absolute;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px ;
background-color: #E1EBF2;
border: 2px solid #1675BC;
width:150px;
top: 100px;
left: 120px;
}


blockquote {
border: 2px solid #000000;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}
.post {
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}
.button2, .button3{
border: 2px solid #000000;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}

cite {
border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
}

button1,.button2{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}.codebox{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}

.button2{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}.codebox{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}

Endereço do fórum:
http://playing.forumeiros.com

Versão do fórum:
PHPBB2
avatar

Askum
Usuário avançado

Masculino
Inscrito dia : 14/05/2011
Mensagens : 459
Pontos Ativos : 650

Ver perfil do usuário http://extrasenses.net

Resolvido Re: Alterar cores de fundo do BBcode

Mensagem por Dury em 09/07/11, 08:57 pm

Olá e boa noite.

Eu modifiquei sua folha, só que alguns pontos referente a sua questão eu não compreendi.
Modifiquei a cor de fundo do Spoiler, mas você quer o fundo do "Code" branco?
Código:
.spoiler{
border: 2px solid #1675BC;
border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background: #;
}
.spoiler{padding:5px;}

.code{
border: 2px solid #1675BC !important;
border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background: #E1EBF2;
}
.code{padding:5px;}

.quote{
border: 2px solid #1675BC !important;
border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background: #E1EBF2;
}
.quote{padding:5px;}

.poster-profile{
margin-top: 0px;
border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
float: left;
background: #E1EBF2;
border: 2px solid #1675BC;
padding: 10px 0;}
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Alterar cores de fundo do BBcode

Mensagem por Askum em 09/07/11, 09:02 pm

Quero que a fonte do code fique preta, ela esta azul, e quero que a parte do spoiler que esta branca fique dessa cor #E1EBF2

http://playing.forumeiros.com/t26-apresentacaoteste#45 olhe
avatar

Askum
Usuário avançado

Masculino
Inscrito dia : 14/05/2011
Mensagens : 459
Pontos Ativos : 650

Ver perfil do usuário http://extrasenses.net

Resolvido Re: Alterar cores de fundo do BBcode

Mensagem por Convidad em 11/07/11, 12:07 pm

Oi Askum,

No código que irei passar mais abaixo, adicionei simples trechos em negrito que são responsáveis pelos efeitos desejados. Sobre a cor da fonte na baliza de código, estará tudo certo. Já em relação ao spoiler, eu não pude entender, então adicionei uma propriedade que muda a cor de fundo dele para branco (também marcado em negrito). Veja abaixo o código e onde aplicá-lo:

.spoiler{
border: 2px solid #1675BC;
border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background: white;
}
.spoiler{padding:5px;}

.code{
border: 2px solid #1675BC !important;
border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background: #E1EBF2;
color: black;
}
.code{padding:5px;}

.quote{
border: 2px solid #1675BC !important;
border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background: #E1EBF2;
}
.quote{padding:5px;}

.poster-profile{
margin-top: 0px;
border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
float: left;
background: #E1EBF2;
border: 2px solid #1675BC;
padding: 10px 0;}


1. Painel de controle
2. Visualização
3. Cores
4. Folha de estilos CSS

Se você tiver alguma dúvida, por favor nos avise. Obrigado por usar Forumeiros!

Convidad
Convidado


Resolvido Re: Alterar cores de fundo do BBcode

Mensagem por Askum em 11/07/11, 07:26 pm

O spoiler Arrumei com esse [FAQ] do primeiro pacotão de tutoriais do forumeiros.

http://ajuda.forumeiros.com/t35499-tutorial-personalizacao-de-cores-do-spoiler#221946

Pode dar close.
avatar

Askum
Usuário avançado

Masculino
Inscrito dia : 14/05/2011
Mensagens : 459
Pontos Ativos : 650

Ver perfil do usuário http://extrasenses.net

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