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
» Mensagem automática
Hoje à(s) 22:16 por Kyo Panda

» Tema do Meu fórum Mais Avançado.
Hoje à(s) 22:12 por Kyo Panda

» Botão no meu fórum
Hoje à(s) 22:11 por Kyo Panda

» Formulário em HTML5
Hoje à(s) 22:07 por Kyo Panda

» Membros conectados nas últimas X horas
Hoje à(s) 22:03 por Kyo Panda

» Descrição da categoria
Hoje à(s) 22:00 por Kyo Panda

» Botão na barra de ferramentas
Hoje à(s) 21:59 por Kyo Panda

Perdi minha senha!
Obter senha

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

Magazine 2016
Participe da pesquisa de satisfação 2016 e dê sua opinião sobre os diversos serviços de Forumeiros.
Parceiros Forumeiros
Quem está conectado
177 usuários online :: 6 usuários cadastrados, Nenhum Invisível e 171 Visitantes :: 2 Motores de busca

Connor R., Holkis, Josh2, Kyo Panda, Shek Crowley, zNeon

[ 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 : 3196

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 : 7199

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 : 3196

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 : 7199

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 : 4237

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 : 3196

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 : 7199

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 : 3196

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 : 7199

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 : 3196

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 : 7199

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