Simple Machines Community Forum

SMF Support => Português (Portuguese) => Language Specific Support => Temas => Topic started by: bruno2012 on June 19, 2012, 12:55:22 PM

Title: Formatar bloco de código e citações
Post by: bruno2012 on June 19, 2012, 12:55:22 PM
pessoal, no bloco de código fica uma faixa que delimita o top e o bottom do bloco. Gostaria de saber como editar a cor, e como colocar esse mesmo delimitador dos lados do bloco.

segue uma imagem de anexo pra facilitar o entendimento do q estou me referindo.
Title: Re: Formatar bloco de código e citações
Post by: Costa on June 19, 2012, 04:15:43 PM
Vais ter que mexer neste bocado de código do index.css
code.bbc_code
{
display: block;
font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
font-size: x-small;
background: #eef;
border-top: 2px solid #999;
border-bottom: 2px solid #999;
line-height: 1.5em;
padding: 3px 1em;
overflow: auto;
white-space: nowrap;
/* Show a scrollbar after about 24 lines. */
max-height: 24em;
}


Acrescentas as linhas laterais(o default não usa linhas laterais no BBC do code) e dás a cor e formato desejado.
Se quiseres ajuda sobre o formato das barras http://www.w3schools.com/css/css_border.asp?output=print
Fiz aqui um só para mostrar como é fácil.

code.bbc_code
{
display: block;
font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
font-size: x-small;
background: #00FF00;
border-top: 3px solid #FF0000;
border-bottom: 3px solid #FF0000;
border-right: 3px solid #FF0000;
border-left: 3px solid #FF0000;
line-height: 1.5em;
padding: 3px 1em;
overflow: auto;
white-space: nowrap;
/* Show a scrollbar after about 24 lines. */
max-height: 24em;
}


A imagem de como ficou vai em anexo.
Title: Re: Formatar bloco de código e citações
Post by: bruno2012 on June 19, 2012, 06:43:32 PM
resolvido, vlw pela força