Editar fundo do codebox e do quote

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

Resolvido Editar fundo do codebox e do quote

Mensagem por kakakoro em 19/02/16, 10:51 am

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

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Resolvido Re: Editar fundo do codebox e do quote

Mensagem por Fraise em 19/02/16, 07:19 pm

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
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Editar fundo do codebox e do quote

Mensagem por kakakoro em 19/02/16, 10:10 pm

@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;
}



avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Resolvido Re: Editar fundo do codebox e do quote

Mensagem por Fraise em 20/02/16, 12:28 pm

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
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Editar fundo do codebox e do quote

Mensagem por Jpjupa em 20/02/16, 12:32 pm

Olá!

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

Atenciosamente,
Jpjupa.
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

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

Resolvido Re: Editar fundo do codebox e do quote

Mensagem por kakakoro em 20/02/16, 01:15 pm

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'); }
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

Ver perfil do usuário http://www.rpgorigem.forumeiros.com
  • 0

Resolvido Re: Editar fundo do codebox e do quote

Mensagem por Fraise em 20/02/16, 07:45 pm

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
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Editar fundo do codebox e do quote

Mensagem por kakakoro em 21/02/16, 10:06 am

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

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Resolvido Re: Editar fundo do codebox e do quote

Mensagem por Fraise em 21/02/16, 09:38 pm

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
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Editar fundo do codebox e do quote

Mensagem por kakakoro em 22/02/16, 03:51 am

Obrigadíssimo! Pode fechar!
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Resolvido Re: Editar fundo do codebox e do quote

Mensagem por Fraise em 22/02/16, 10:12 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

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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