Code Box

How do i edit the code box in phpBB2 so the table is around the "Code:" to?

Add this code to your css:

Code:

.code{
color: #006600;
background-color: #ffc69c;
border-color:#666;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}

i got this in my CSS

Code:

.codebox {
   background: #3a3a3a;
   border: 1px solid #61b024;
      border-top-width: 1px;
      border-right-width: 1px;
      border-bottom-width: 1px;
      border-left-width: 1px;
      border-top-style: dotted;
      border-right-style: dotted;
      border-bottom-style: dotted;
      border-left-style: dotted;
      border-top-color: #DDD;
      border-right-color: #DDD;
      border-bottom-color: #DDD;
      border-left-color: #DDD;
   margin: 1em;
      margin-top: 1em;
      margin-right: 1em;
      margin-bottom: 1em;
      margin-left: 3em;
   width: 93%;
}
.code {
        font-family: Courier,CourierNew,sans-serif;
    font-size: 12px;
    color: #89f900;
        background-color: #3a3a3a;
    border: 1px dotted #DDD;
    border-style: 1px solid;
        width: 93%;
        margin: 1em;
        }
.code div.cont_code {
   max-height:200px;
   overflow:auto;
   }

but look at my portal and you will see how it is now
http://24-7.forumotion.com/portal

If you want to keep your code and you still want the borders around then replace it with this code.

Code:

.codebox {
  background: #3a3a3a;
  border: 1px solid #61b024;
  border-top-width: 1px;
      border-right-width: 1px;
      border-bottom-width: 1px;
      border-left-width: 1px;
      border-top-style: dotted;
      border-right-style: dotted;
      border-bottom-style: dotted;
      border-left-style: dotted;
      border-top-color: #DDD;
      border-right-color: #DDD;
      border-bottom-color: #DDD;
      border-left-color: #DDD;
  margin: 1em;
      margin-top: 1em;
      margin-right: 1em;
      margin-bottom: 1em;
      margin-left: 3em;
  width: 93%;
}

.code {
        font-family: Courier,CourierNew,sans-serif;
    font-size: 12px;
    color: #89f900;
        background-color: #3a3a3a;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
border: 1px dotted #DDD;
    border-style: 1px solid;
        width: 93%;
        margin: 1em;
        }
.code div.cont_code {
  max-height:200px;
  overflow:auto;
  }

it just rounded the corners but still nothing around the "Code:" title

your talking about the code tags box?

I said its not possible (.

yeah but maybe someone could do it really nice

and yes i'm talking about [code] tag but i want the code box title that says "Code:" in the table too

i know what u mean.. but there is no Class/ID around the "Code:" (: but yah maybe some can do it :d

yeah i know there is no class/id around it but maybe someone an add it or something?

The solution is simple. Stop using the piece of garbage otherwise known as phpBB2. What you want to do is extremely easy if you were using phpBB3, Invision, or PunBB. And this is just one of literally hundreds of examples of where a task is difficult to impossible in phpBB2, but easy with the other three board types.

If you want this, and for some unknown reason you plan to stay with phpBB2, your only hope is for forumotion to someday enable access to the BBCode template so you could change the CODE definition. Oh, I guess you could also hope that forumotion rewrites the CODE definition in phpBB2 so it matches what's in one of the other three board types. But that will never happen, so...

@Dion wrote:The solution is simple. Stop using the piece of garbage otherwise known as phpBB2. What you want to do is extremely easy if you were using phpBB3, Invision, or PunBB. And this is just one of literally hundreds of examples of where a task is difficult to impossible in phpBB2, but easy with the other three board types.

If you want this, and for some unknown reason you plan to stay with phpBB2, your only hope is for forumotion to someday enable access to the BBCode template so you could change the CODE definition. Oh, I guess you could also hope that forumotion rewrites the CODE definition in phpBB2 so it matches what's in one of the other three board types. But that will never happen, so...

ok dont be picking on my phpbb2 lol i am old school and love phpbb2 but now of course my paid phpbb board is phpbb3

anyway what is the point of this it seems like a lot to go through and do for something that is just a code box or spoiler, i seen the code box as a different appearance on spadzes forum and it is in the css, he is useing invision.. dose that mean css cant be done on phpbb2 for it.. now we just need the right css.

but heres how it is on spadzes forum.
So i am just pointing out it can be done with the proper css.. but i have no clue how to do it but there are a lot of mebers here that would know. and dion is good with css as well so may be he has or can create something that can work on phpbb2 aswell.

isn't spadzes forum invision?

@Gangstar15 wrote:isn't spadzes forum invision?

yeah thats what i said we would need it for phpbb2


anyway give this a try, a good friend sent me this for phpbb2.
The flames are not included... lol and this is about all i got,

Code:

.code {
  background-color: #181818;
  border: 1px dotted #fff; font-size: 1.2em;
  overflow: auto;
  display: block;
  height: auto;
  max-height: 200px
  white-space: normal;
  padding-top: 5px;
  font: 0.9em Courier,Courier New,sans-serif;
  line-height: 1.3em;
  color: #1280cd;
  margin: 2px 0:
  }

Code:

 .code {
  overflow: auto;
  display: block;
  height: auto;
  max-height: 200px
  }
 

this is not working Kirk (: its the same as all other codes (:

yep it won't work

BUMP Plz help me

BUMP Again i think

None smart enough lol?

Why are you bumping this? Your question has already been answered:

http://help.forumotion.com/t83774-code-box#541553

To add to that post, you could also get what you want if you know advanced javascript, and can think outside the box.

i want it but i'm not a javascript wonder