Code Box
Code Box
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
Re: Code Box
Add this code to your css:
- Code:
.code{
color: #006600;
background-color: #ffc69c;
border-color:#666;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}
Re: Code Box
i got this in my CSS
but look at my portal and you will see how it is now
http://24-7.forumotion.com/portal
- 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
Re: Code Box
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;
}
Re: Code Box
it just rounded the corners but still nothing around the "Code:" title
Plancker- Forumember
- Posts : 226
Reputation : 11
Language : Dutch, English
Re: Code Box
your talking about the code tags box?
kirk- Forumaster
-
Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn
Re: Code Box
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

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
Re: Code Box
i know what u mean.. but there is no Class/ID around the "Code:" (: but yah maybe some can do it :d
Guest- Guest
Re: Code Box
yeah i know there is no class/id around it but maybe someone an add it or something? 

Plancker- Forumember
- Posts : 226
Reputation : 11
Language : Dutch, English
Re: Code Box
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...
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
Re: Code Box
@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

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


kirk- Forumaster
-
Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn
Re: Code Box
@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
-
Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn
Re: Code Box
BUMP Again i think
None smart enough lol?
None smart enough lol?
Plancker- Forumember
- Posts : 226
Reputation : 11
Language : Dutch, English
Re: Code Box
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.
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.

Guest- Guest
Re: Code Box
i want it but i'm not a javascript wonder

Plancker- Forumember
- Posts : 226
Reputation : 11
Language : Dutch, English
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum