Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
» Postagem com capa
Hoje à(s) 0:07 por ™David™

» Participe da Pesquisa de satisfação 2016
Ontem à(s) 23:19 por Sovereign

» SCEditor bugado
Ontem à(s) 21:24 por iScroll

» Personalizar Widget
Ontem à(s) 21:13 por YuriGama

» Publicidades invadindo o fórum
Ontem à(s) 20:21 por Gaaratsu

» CSS no lugar de IMAGEM no Sub-fórum
Ontem à(s) 18:22 por Shek Crowley

» Login na versão mobile
Ontem à(s) 17:21 por ShadowPrince

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
80 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 77 Visitantes :: 1 Motor de busca

™David™, davidgomes10, Lineshooter

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Sex 19 Fev 2016 - 12:51

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.

kakakoro
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 995
Pontos Ativos : 3152

http://www.rpgorigem.forumeiros.com

Resolvido Re: Editar fundo do codebox e do quote

Mensagem por Fraise em Sex 19 Fev 2016 - 21:19

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
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7160

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Editar fundo do codebox e do quote

Mensagem por kakakoro em Sab 20 Fev 2016 - 0:10

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




kakakoro
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 995
Pontos Ativos : 3152

http://www.rpgorigem.forumeiros.com

Resolvido Re: Editar fundo do codebox e do quote

Mensagem por Fraise em Sab 20 Fev 2016 - 14:28

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

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7160

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Editar fundo do codebox e do quote

Mensagem por Jpjupa em Sab 20 Fev 2016 - 14:32

Olá!

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

Atenciosamente,
Jpjupa.

Jpjupa
Membro do Fórum

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

http://ajuda.forumeiros.com/

Resolvido Re: Editar fundo do codebox e do quote

Mensagem por kakakoro em Sab 20 Fev 2016 - 15:15

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

kakakoro
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 995
Pontos Ativos : 3152

http://www.rpgorigem.forumeiros.com
  • 0

Resolvido Re: Editar fundo do codebox e do quote

Mensagem por Fraise em Sab 20 Fev 2016 - 21:45

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

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7160

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Editar fundo do codebox e do quote

Mensagem por kakakoro em Dom 21 Fev 2016 - 13:06

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.

kakakoro
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 995
Pontos Ativos : 3152

http://www.rpgorigem.forumeiros.com

Resolvido Re: Editar fundo do codebox e do quote

Mensagem por Fraise em Seg 22 Fev 2016 - 0:38

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

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7160

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Editar fundo do codebox e do quote

Mensagem por kakakoro em Seg 22 Fev 2016 - 6:51

Obrigadíssimo! Pode fechar!

kakakoro
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 995
Pontos Ativos : 3152

http://www.rpgorigem.forumeiros.com

Resolvido Re: Editar fundo do codebox e do quote

Mensagem por Fraise em Seg 22 Fev 2016 - 13:12

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

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

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7160

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5