(Color) Code Boxes

Hello everyone, this is a color code box. You can use them in your review to write the summary, to mark something important, highlight, whatever. They can have any color and margin you want. They're pretty easy to handle - trust me. Now, let's start.

This is the code for a color box:  

<div style="background: none repeat scroll 0% 0% rgb(229, 235, 239); border: 3px double rgb(47, 79, 79); padding: 5px;"> YOU WRITE WHATEVER YOU WANT IN THIS SPACE. THEN YOU MAKE SURE YOU CLOSE IT WITH A </div>

Now let me break it down for you:

RED - It's the color of the Inside of the box. To get color codes I recommend This Page. You scroll down, pick a color you like and it gives you the RGB code. It's the 3 little boxes on the left that say RGB. You simply replace the three numbers. Don't delete the parenthesis or comas.

PURPLE - It's the size of the margin. You can change it to a 2px, 1px, whatever. Depending on how thick you want it to look. If you do not want a margin you just write 0px. You must always add px.

GREEN - The margin style. Mine is double. It can be dashed or solid.

BLUE - Color of the margin. The same as choosing the color of the inside of the box. Select any color you like and replace it. 

For Example:

<div style="background: none repeat scroll 0% 0% rgb(255, 255, 255); border: 3px dashed rgb(0, 0, 0); padding: 5px; text-align: center;"> ... </div>

Dashed Black and White Box

<div style="background: none repeat scroll 0% 0% rgb(0, 0, 0); border: 3px double rgb(0, 0, 0); padding: 5px; text-align: center;">... </div>

Solid Black Box

<div style="background: none repeat scroll 0% 0% rgb(89, 50, 112); border: 3px solid rgb(0, 0, 0); padding: 5px; text-align: center;">... </div>

Purple box with a solid 5px black border

If you want your boxes to be smaller, like the black and purple box, just add this before the code: 

<blockquote class="tr_bq"> and don't forget to close with </blockquote>

if you want it to be even more small, just add the code to times:

<blockquote class="tr_bq"><blockquote class="tr_bq"> and close two times. </blockquote> </blockquote> 

You can keep adding the blockquote codes to make it smaller. You can align it to the left, right or center, just add the code to align text. To get this code go here.