Editar fundo do codebox e do quote

Detalhes da questão

Endereço do fórum: http://rpgorigem.forumeiros.com/forum
Versão do fórum: PhpBB3

Descrição

Bom dia. Gostaria de saber como editar o campo de "citar" ou "quote" em meu fórum. Atualmente ele se encontra assim: 




Eu gostaria de mudar as cores desse fundo branco, dessas laterais ou se possível, colocar uma imagem ao invés disso como background. De qualquer forma, se tiver alguma dica de como deixar ele mais moderno ou menos marcado, agradeceria.

Olá!

Adicione em sua folha de estilos:

Código:

blockquote { background: ('urldaimagem'); }

Substitua urldaimagem pelo endereço da imagem de fundo pretendida.

Abraços.
Fraise

@Fraise Não funcionou. Deletei o código que já existia, inseri esse da imagem e não funcionou. 

Código:

blockquote { background: ('http://s1.q4cdn.com/423065009/files/ar2012/images/stack-smoke.png'); }
table.portal { font-size: 15px; }
#wrap {
margin-top: -10px;
margin-bottom: -10px;
border-left: solid 15px #000000;
border-right: solid 15px #000000;
width: 950px;
}
/*Borde foro Abajo categorias*/
.forabg {
   
    border-radius: 0px 0px 0px 0px;
    }


/*Quienestaenlinea y estadisticas*/
ul + .h3, #i_whosonline + p {
  width: 49%;
}

.clear + .h3, #page-body p.page-bottom {
  float: right;
  width: 49%;
}
 
a:link {text-decoration: none !important}
.clear + .h3 {
  position: relative;
  bottom: 17.7em;
}

#page-body p.page-bottom {
  position: relative;
  bottom: 13em;
  left: 38em;
}

/*Quitar el Buscar*/
#search-box {visibility:hidden}

/*Subir el Navar*/
#page-header .navbar{
margin-top: -25px;
}
/*widgets*/

#content-container div#right {
border-top-left-radius: 0px;
margin-left: 0px;
margin-top: -69px;
width: 230px;
}

.module .h3 {
visibility:hidden;
}

#content-container div#left {
background-image: url('');
}
.module {
background-url:('');
}

    .module {
    background: url('');
    }

#comments_scroll_div{
  background: url('');
  background-repeat: no-repeat;
  margin-top:-40px;
  margin-left:-7px;
  text-align: left;
  width: 230px;
  height:268px;
  }



#content-container div#left {
    background: URL('');
    margin-left: 7px;
    box-shadow: 0 0 6px #COLOR;
    border-bottom-right-radius: 40px;
    border-top-left-radius: 40px;
    }


    .module{
    background-color:transparent;
    }

/*Logo foro*/
#logo {margin-left: -13px;
margin-top: -12px;}


/*categorias la caja*/
.desc3 {
background-color: #9370DB;
border: 1px solid #COLOR;
border-radius: 0px 00px 0px 0px;
text: Consolas;
font-size: 9.5px;
color: #COLOR;
display: block;
border-left: 0px solid #000000; 
line-height: 9px;
text-shadow: 1px 1px 0 #COLOR;
margin-left: 20px;
margin-top: 5px;
padding: 10px;
text-align: justify;
width: 350px;
  border-left: solid 15px #4D123F;
border-right: solid 15px #4D123F;
}



/*aspecto del nombre de los usuarios*/
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-weight: Consolas;
font-size: 20;
font-style: italic !important;
font-family: calibri;
text-decoration: none;
letter-spacing: -1px;
}

.postprofile {
display: block;
text-align: center;}

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

/*estilo de las leyendas*/
p em b a.gensmall {
color: #000000;
font-family: Century Gothic;
font-size: 15px;
text-align: center;
text-shadow: 0 0 4px #COLOR;
text-transform: lowercase;
}

p em {
font-style: normal;
color: transparent;
}

/*color de fondo a los autores de un post*/
p.author {
background-color: #090706;
border-radius: 0px 0px 0px 0px;
margin-top: 20px;
padding: 3px !important;
position: relative;
right: -7em;
text-align: center;
text-shadow: 1px 1px 0 #COLOR;
}

p.author {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
line-height: 1.2em;
margin: 0 15em 0.6em 0;
padding: 0 0 5px;
}

/*Barra Editar,Borrar y citar movimiento*/

.postbody ul.profile-icons{margin-top:-4px;margin-right:-37px}

/*perfil*/
.postprofile a img{
      opacity: 0.7;
      transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -webkit-transition: all 0.5s ease 0s;
    }

    .postprofile a img:hover {
      opacity: 1;
    }

.postprofile {
    display: block;
    text-align: left;}

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


/*mensajes*/
ul#picture_legend {
background-color: #000000;
background-position: center center;
background-repeat: no-repeat;
padding: 18px 0;
border-radius: 0px 0px 0px 0px;
text-align: center;
}



/*Título de Categorias*/
li.header {
text-transform: none;
font-size:0px;
padding: 10px;
background: url('http://i69.servimg.com/u/f69/18/22/56/66/cor_1110.jpg');
border-left: 20px solid #000000;
  border-rigth: 20px solid #000000;
text-align: left;
}

.table-title, .table-title h2 {
color: #BEBEBE;
font: 20px Bookman Old Style;
letter-spacing: 3px;
text-shadow: 1px 1px 1px #COLOR;
}

/*Títulos de los foros*/
a.forumtitle {
border-left: 0px solid #241014;
display: block;
font: 15px Bookman Old Style;
letter-spacing: 5px; 
margin-top: 10px;
margin-bottom: -10px;
width: 1175px;
padding: 5px;
height: 15px;
width: 400px;
position: relative;
text-transform: none;
-webkit-transition:0.8s;
-o-transition:0.8s;
-moz-transitio:0.8s;
}

a.forumtitle:hover{
padding-left: 37px;
-webkit-transition:0.2s;
-o-transition:0.2s;
-moz-transitio:0.2s;
}

/*lo que hace que se baje el cuadro del chrome*/

#helpbox.helpline {
display:none;
}

/*Code, Spoiler y Quote*/
dl.codebox {
background-color: #f9f8f8;
border-left: 20px solid #241014;
border-top:none;
border-right: none;
border-bottom: none;
padding:5px;
}


dl.codebox dt {
display:block;
font-size:0.8em;
font-weight:700;
color:#7a7a7a;
text-align: center;
margin-bottom:3px;
text-transform:uppercase;
font-family:,Arial,Helvetica,sans-serif;
border-bottom:none;}

dl.codebox code {
color:#7a7a7a;
font-family:,Arial,Helvetica,sans-serif;
text-shadow:1px 1px 1px 141414;
font-size:11px;
border-bottom:none;
}





Eu acho que você se referia à caixa de código e não ao quote. No printscreen que você nos forneceu está a caixa de código, mas você descreve como quote. Se for a caixa de código, o CSS seria este:

Código:

dl.codebox { background: ('http://s1.q4cdn.com/423065009/files/ar2012/images/stack-smoke.png'); }

Abraços.
Fraise

Olá!

Poderia me mandar o link de um tópico que tenha o que você quer mudar?

Atenciosamente,
Jpjupa.

Olá, então - é o quote mesmo. Eu apenas estava olhando no lugar errado, já que o codigo da imagem que enviei estava dentro de um quote. Eu deletei e ficou tudo preto:





No entanto, eu coloquei uma imagem no código que voces me passaram. 

Aqui está a página, no segundo post:  http://rpgorigem.forumeiros.com/t1-modelo-ficha-de-personagem#9

Código:

table.portal { font-size: 15px; }
#wrap {
margin-top: -10px;
margin-bottom: -10px;
border-left: solid 15px #000000;
border-right: solid 15px #000000;
width: 950px;
}
/*Borde foro Abajo categorias*/
.forabg {
   
    border-radius: 0px 0px 0px 0px;
    }


/*Quienestaenlinea y estadisticas*/
ul + .h3, #i_whosonline + p {
  width: 49%;
}

.clear + .h3, #page-body p.page-bottom {
  float: right;
  width: 49%;
}
 
a:link {text-decoration: none !important}
.clear + .h3 {
  position: relative;
  bottom: 17.7em;
}

#page-body p.page-bottom {
  position: relative;
  bottom: 13em;
  left: 38em;
}

/*Quitar el Buscar*/
#search-box {visibility:hidden}

/*Subir el Navar*/
#page-header .navbar{
margin-top: -25px;
}
/*widgets*/

#content-container div#right {
border-top-left-radius: 0px;
margin-left: 0px;
margin-top: -69px;
width: 230px;
}

.module .h3 {
visibility:hidden;
}

#content-container div#left {
background-image: url('');
}
.module {
background-url:('');
}

    .module {
    background: url('');
    }

#comments_scroll_div{
  background: url('');
  background-repeat: no-repeat;
  margin-top:-40px;
  margin-left:-7px;
  text-align: left;
  width: 230px;
  height:268px;
  }



#content-container div#left {
    background: URL('');
    margin-left: 7px;
    box-shadow: 0 0 6px #COLOR;
    border-bottom-right-radius: 40px;
    border-top-left-radius: 40px;
    }


    .module{
    background-color:transparent;
    }

/*Logo foro*/
#logo {margin-left: -13px;
margin-top: -12px;}


/*categorias la caja*/
.desc3 {
background-color: #9370DB;
border: 1px solid #COLOR;
border-radius: 0px 00px 0px 0px;
text: Consolas;
font-size: 9.5px;
color: #COLOR;
display: block;
border-left: 0px solid #000000; 
line-height: 9px;
text-shadow: 1px 1px 0 #COLOR;
margin-left: 20px;
margin-top: 5px;
padding: 10px;
text-align: justify;
width: 350px;
  border-left: solid 15px #4D123F;
border-right: solid 15px #4D123F;
}



/*aspecto del nombre de los usuarios*/
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-weight: Consolas;
font-size: 20;
font-style: italic !important;
font-family: calibri;
text-decoration: none;
letter-spacing: -1px;
}

.postprofile {
display: block;
text-align: center;}

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

/*estilo de las leyendas*/
p em b a.gensmall {
color: #000000;
font-family: Century Gothic;
font-size: 15px;
text-align: center;
text-shadow: 0 0 4px #COLOR;
text-transform: lowercase;
}

p em {
font-style: normal;
color: transparent;
}

/*color de fondo a los autores de un post*/
p.author {
background-color: #090706;
border-radius: 0px 0px 0px 0px;
margin-top: 20px;
padding: 3px !important;
position: relative;
right: -7em;
text-align: center;
text-shadow: 1px 1px 0 #COLOR;
}

p.author {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
line-height: 1.2em;
margin: 0 15em 0.6em 0;
padding: 0 0 5px;
}

/*Barra Editar,Borrar y citar movimiento*/

.postbody ul.profile-icons{margin-top:-4px;margin-right:-37px}

/*perfil*/
.postprofile a img{
      opacity: 0.7;
      transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -webkit-transition: all 0.5s ease 0s;
    }

    .postprofile a img:hover {
      opacity: 1;
    }

.postprofile {
    display: block;
    text-align: left;}

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


/*mensajes*/
ul#picture_legend {
background-color: #000000;
background-position: center center;
background-repeat: no-repeat;
padding: 18px 0;
border-radius: 0px 0px 0px 0px;
text-align: center;
}



/*Título de Categorias*/
li.header {
text-transform: none;
font-size:0px;
padding: 10px;
background: url('http://i69.servimg.com/u/f69/18/22/56/66/cor_1110.jpg');
border-left: 20px solid #000000;
  border-rigth: 20px solid #000000;
text-align: left;
}

.table-title, .table-title h2 {
color: #BEBEBE;
font: 20px Bookman Old Style;
letter-spacing: 3px;
text-shadow: 1px 1px 1px #COLOR;
}

/*Títulos de los foros*/
a.forumtitle {
border-left: 0px solid #241014;
display: block;
font: 15px Bookman Old Style;
letter-spacing: 5px; 
margin-top: 10px;
margin-bottom: -10px;
width: 1175px;
padding: 5px;
height: 15px;
width: 400px;
position: relative;
text-transform: none;
-webkit-transition:0.8s;
-o-transition:0.8s;
-moz-transitio:0.8s;
}

a.forumtitle:hover{
padding-left: 37px;
-webkit-transition:0.2s;
-o-transition:0.2s;
-moz-transitio:0.2s;
}

/*lo que hace que se baje el cuadro del chrome*/

#helpbox.helpline {
display:none;
}

/*Code, Spoiler y Quote*/
dl.codebox {
background-color: #f9f8f8;
border-left: 20px solid #241014;
border-top:none;
border-right: none;
border-bottom: none;
padding:5px;
}


dl.codebox dt {
display:block;
font-size:0.8em;
font-weight:700;
color:#7a7a7a;
text-align: center;
margin-bottom:3px;
text-transform:uppercase;
font-family:,Arial,Helvetica,sans-serif;
border-bottom:none;}

dl.codebox code {
color:#7a7a7a;
font-family:,Arial,Helvetica,sans-serif;
text-shadow:1px 1px 1px 141414;
font-size:11px;
border-bottom:none;
}

.postprofile {
  background: url() repeat-x 0 0 #000000;
  border: 1px solid #000000;
  border-radius: 3px;
  padding: 60px 3px 3px;
  position: relative;
  text-align: center;
}
.postprofile {
  border-color: #000000;
  border-left-style: solid;
  border-left-width: 1px;
  color: #000000;
  display: inline;
  float: right;
  margin: 5px 0 0;
  min-height: 80px;
  position: relative;
  width: 22%;
  word-wrap: break-word;
}
div.post.online .postprofile:before {
  content: url('http://i18.servimg.com/u/f18/16/89/96/68/online15.png');
}
div.post .postprofile:before {
  content: url('http://i18.servimg.com/u/f18/16/89/96/68/offlin19.png');
  left: 0;
  position: absolute;
  right: 0;
  top: 25px;
  z-index: 2;
}
div.post.online .postprofile:after {
  border-color: #000000;
}
div.post .postprofile:after {
  background: #000000;
  border-bottom: 4px solid #000000;
  content: ".";
  font-size: 0;
  height: 16px;
  left: 0;
  position: absolute;
  right: 0;
  top: 25px;
  z-index: 1;
}

blockquote { background: ('http://s1.q4cdn.com/423065009/files/ar2012/images/stack-smoke.png'); }

Olá novamente!

Tente desta forma:

Código:

blockquote { background: url(http://s1.q4cdn.com/423065009/files/ar2012/images/stack-smoke.png) 6px 8px no-repeat; }

Abraços.
Fraise

Funcionou! Poderia me passar o código para o cSS do código do codebox também? Esse que você passou não funcionou. Ficou tudo branco.

Certo, amigo! Adicione mais este:

Código:

dl.codebox { background: url('http://s1.q4cdn.com/423065009/files/ar2012/images/stack-smoke.png') 20% no-repeat; }

Abraços.
Fraise

Obrigadíssimo! Pode fechar!