Advertisement:
GCWebhosting

Author Topic: Formatar bloco de código e citações  (Read 2371 times)

Offline bruno2012

  • Jr. Member
  • **
  • Posts: 182
Formatar bloco de código e citações
« 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.

Offline Costa

  • SMF Hero
  • ******
  • Posts: 3,045
  • Gender: Male
  • Do NOT feed the trolls...
Re: Formatar bloco de código e citações
« Reply #1 on: June 19, 2012, 04:15:43 PM »
Vais ter que mexer neste bocado de código do index.css
Code: [Select]
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: [Select]
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.
Hugo "Costa" Fernandes
Todas as MP's a pedir ajuda são sujeitas a radioactividade, microondas, queimadas e atiradas borda fora.

"At least someone appreciates the fact that I am doing and not thinking..."
"Laziness is counter-revolutionary."

Offline bruno2012

  • Jr. Member
  • **
  • Posts: 182
Re: Formatar bloco de código e citações
« Reply #2 on: June 19, 2012, 06:43:32 PM »
resolvido, vlw pela força