I had a few old video’s that I wanted to play with (skiing vids / holidays etc) and I tried to import these into iMovie but I could not get them to work (they were in a variety of formats).

The video’s were a mixture of wmv, avi and other formats but iMovie refused to import them (or it pretended to import the file, which was even more frustrating!).

After much research I ended up using handbrake (which I use to transcode video for playback on my iPhone) and I set up a small file and transcoded it into about 12 different combinations of file type (the container, such as .avi or.mp4) and the codec (the file itself).

In the end I found creating a MP4 format file that is encoded with MPEG-4 using the ffmpeg codec worked a treat and iMovie was able to import the file with no problems.

Update:

I ended up using this plugin for category post sorting in the end which works a treat up to, at the time of writing, wordpress 2.8.

It still seems a bit wierd – I don’t think it is supported very well in new browsers (??) the best I could do was to set a div of zero height and width with auto margins and then put the image into this div, giving in a z-index of -1, position absolute (it would only work with absolute) and then use ‘top’ and ‘left’ to position the image underneath the rest of the document. The auto margin div resets the 0,0 point to the top dead centre of the page regardless of width.

So in the document:

<div id="container">
<img src="images/image.jpg" border="0" alt="" />
</div>

And the CSS:

#container {
 position:relative;
    width: 0px;
 height:0px;
 margin:00px auto 0;
 text-align:left;
}
img {
 z-index:-1;
 position:absolute;
 top:50px;
 left:-100px;
}

Which gives me a nice big background logo for the company page that does not interfere with the layout of anything on top of it.

Add the code into <li> or <a> or <h2> tags that surround the call for the category list or into the hard coded links (which is what I use in my own site).

<?php
if ( is_page(’pagename‘) ) {
echo ‘class=”active”‘;
} elseif ( is_category(’id#‘) ) {
echo ‘class=”active”‘;
} elseif ( in_category(’id#‘) ) {
echo ‘class=”active”‘;
} else {
//
}
?>

Once you have this in place, all you need do is create a corresponding class in your css file to highight the text or image link and voila.

After the last ‘//’ you could have class=”unactive” or whatever name you choose to use in order to style your navigation link to suit your site.

body {
margin:50px 0px; padding:0px;
text-align:center;
}

#Content {
width:500px;
margin:0px auto;
text-align:left;
padding:15px;
border:1px dashed #333;
background-color:#eee;
}

original post