Alterar cores de fundo do BBcode

2 participantes

Ir para baixo

Tópico resolvido Alterar cores de fundo do BBcode

Mensagem por Askum 09.07.11 22:12

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
Askum
Askum
*****

Membro desde : 15/05/2011
Mensagens : 459
Pontos : 650

http://extrasenses.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar cores de fundo do BBcode

Mensagem por Dury 10.07.11 0:57

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;}
Dury
Dury
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar cores de fundo do BBcode

Mensagem por Askum 10.07.11 1:02

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
Askum
Askum
*****

Membro desde : 15/05/2011
Mensagens : 459
Pontos : 650

http://extrasenses.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar cores de fundo do BBcode

Mensagem por Convidad 11.07.11 16:07

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!
Anonymous
Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar cores de fundo do BBcode

Mensagem por Askum 11.07.11 23:26

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

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

Pode dar close.
Askum
Askum
*****

Membro desde : 15/05/2011
Mensagens : 459
Pontos : 650

http://extrasenses.net

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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