Support Forums - hosted by excoboard.com

Support Forums :: General :: Tips & tricks :: Customize code box

Author

Message

xxxlam

Member
Posts: 8
Registered: Feb 2012

Posted February 11th, 2012 10:22 AM IP

Hello there! Can I customize my CODE box?

code:


Exactly what I used here...

I am thinking if I can change the color. For example, black for a classic command line looks. Or even color coding something like when you edit in Notepad++? Or even better, syntax highlighting depending on the specified language?

... something that looks like this.

Sorry if I am too demanding. Anyway, I'm contented using a Single-spaced black Code Box. =)

System.out.println("Hello, World! ");

xxxlam

Member
Posts: 8
Registered: Feb 2012

Posted February 11th, 2012 09:15 PM IP

Or maybe, may I know what is the ID name of the code box? So that I can do something in css, like:

code:


.codeBox {

background-color:#f00000;

/* and some other code here... */

}



/* Or idunno... like this?*/

div#codeBox {

background-color:#f00000;

/* some other attributes... */

}

System.out.println("Hello, World! ");

xxxlam

Member
Posts: 8
Registered: Feb 2012

Posted February 11th, 2012 09:36 PM IP

Hello. I found out how to change the color of the Code Box! Well, I have to use firebug software to find out what are the tags are being used in the Code Box...

You can change the color of the code box via the css. Add this code into your css.

code:


blockquote {

background:#0f0000;

color:#f02020;

}

System.out.println("Hello, World! ");

Posts:
Registered:

Posted IP

Mark all forums read Logout	All times are EST
	Forum jump:

Thread Options: Delete thread / Open/Close thread / Rename thread / Stick thread / Move thread / Merge thread

Support Forums :: General :: Tips & tricks :: Customize code box

< Previous thread | Next thread > | Subscribe to thread |

Share