The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Code Box

View previous topic View next topic Go down

Code Box

Post by Plancker on December 28th 2010, 6:48 pm

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

Plancker
Forumember

Posts : 226
Reputation : 11
Language : Dutch, English

Back to top Go down

Re: Code Box

Post by Maki1 on December 28th 2010, 8:13 pm

Add this code to your css:

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

Maki1
Hyperactive

Male Posts : 2529
Reputation : 442
Language : English »» CSS Stylesheet
Location : The » Support » forum » Section! • No support by PM If you need custom theme please contact me!

http://forumdesigners.forumotion.com/

Back to top Go down

Re: Code Box

Post by Plancker on December 29th 2010, 1:37 am

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

Plancker
Forumember

Posts : 226
Reputation : 11
Language : Dutch, English

Back to top Go down

Re: Code Box

Post by Maki1 on December 29th 2010, 2:33 am

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

Maki1
Hyperactive

Male Posts : 2529
Reputation : 442
Language : English »» CSS Stylesheet
Location : The » Support » forum » Section! • No support by PM If you need custom theme please contact me!

http://forumdesigners.forumotion.com/

Back to top Go down

Re: Code Box

Post by Plancker on December 29th 2010, 10:22 pm

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

Plancker
Forumember

Posts : 226
Reputation : 11
Language : Dutch, English

Back to top Go down

Re: Code Box

Post by kirk on December 30th 2010, 1:37 am

your talking about the code tags box?

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Re: Code Box

Post by Guest on December 30th 2010, 10:51 am

I said its not possible (.

Guest
Guest


Back to top Go down

Re: Code Box

Post by Plancker on December 30th 2010, 2:50 pm

yeah but maybe someone could do it really nice Very Happy

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

Plancker
Forumember

Posts : 226
Reputation : 11
Language : Dutch, English

Back to top Go down

Re: Code Box

Post by Guest on December 30th 2010, 2:52 pm

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

Guest
Guest


Back to top Go down

Re: Code Box

Post by Plancker on December 30th 2010, 3:33 pm

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

Plancker
Forumember

Posts : 226
Reputation : 11
Language : Dutch, English

Back to top Go down

Re: Code Box

Post by Guest on December 30th 2010, 8:43 pm

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...

Guest
Guest


Back to top Go down

Re: Code Box

Post by kirk on December 31st 2010, 1:44 am

@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 Razz 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 Sad 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.



kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Re: Code Box

Post by Guest on December 31st 2010, 10:47 am

isn't spadzes forum invision?

Guest
Guest


Back to top Go down

Re: Code Box

Post by kirk on December 31st 2010, 5:18 pm

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

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Re: Code Box

Post by Guest on December 31st 2010, 10:15 pm

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

Guest
Guest


Back to top Go down

Re: Code Box

Post by Plancker on January 8th 2011, 10:36 am

yep it won't work Very Happy

Plancker
Forumember

Posts : 226
Reputation : 11
Language : Dutch, English

Back to top Go down

Re: Code Box

Post by Plancker on January 10th 2011, 6:04 pm

BUMP Plz help me Very Happy

Plancker
Forumember

Posts : 226
Reputation : 11
Language : Dutch, English

Back to top Go down

Re: Code Box

Post by Plancker on January 11th 2011, 11:00 pm

BUMP Again i think

None smart enough lol?

Plancker
Forumember

Posts : 226
Reputation : 11
Language : Dutch, English

Back to top Go down

Re: Code Box

Post by Guest on January 12th 2011, 8:26 pm

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. Very Happy

Guest
Guest


Back to top Go down

Re: Code Box

Post by Plancker on January 13th 2011, 6:51 pm

i want it but i'm not a javascript wonder Very Happy

Plancker
Forumember

Posts : 226
Reputation : 11
Language : Dutch, English

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum