Make your own multimedia box

The mm box is a great feature but did you know you can make your very own simple mm box and place it any where you want on your site? Basically you’re going to make a box in in html, place it with a function, and style it in your custom.css file. Once you create the box you can put any code you want in it…php, javascript, html, embed a video, your own custom code.

Check it out…

First you want to create the box with a simple function in your custom.functions.php file…

function mymmbox() { ?>
<div class="mymmbox"></div>
<?
}

I gave it a class name of “mymmbox” so that I can style it in my custom.css file. Name it whatever you want

Next I styled it in my custom.css file

.custom .mymmbox {
width: 91em;
height: 20em;
border: 1px solid
margin-left: 2em;
margin-bottom: 2em;
}

Then I decided I wanted to place it under my header so I added it with a hook

function mymmbox() { ?>
<div class="mymmbox"></div>
<?
}
add_action(’thesis_hook_after_header’ , ‘mymmbox’);

So there you have it. A real basic box that you can put anything into. Whatever you want to put in the new box, you place the code between the two <div> tags in the function.

You can now move it around anywhere you want with hooks in your custom.functions.php file, and you can change everything from the color, borders, size, etc, all in your custom.css

Tagged as: make your own multimedia box, mm box, move multimedia box, multimedia box, thesis, thesis hacker