If you want to create a DIV layout less boring than a premade one, the best thing to do is expand your CSS knowledge. You can definitely have slideshows and graphics on a DIV layout. However, a MySpace app would be quite difficult to work with. It's contained in an iFrame, I believe, and that CSS tag is disabled from being worked with by MySpace. As for the other two, simply take the embed codes and place them inside DIV tags, like so:
CODE
<style>
.slideshow1 {position:absolute; top:#px; left:50%; margin-left:#px; height:#px; width:#px; z-index:5;}
.slideshow2 {position:absolute; top:#px; left:50%; margin-left:#px; height:#px; width:#px; z-index:6;}
.graphic1 {position:absolute; top:#px; left:50%; margin-left:#px; height:#px; width:#px; z-index:7;}
.graphic2 {position:absolute; top:#px; left:50%; margin-left:#px; height:#px; width:#px; z-index:7;}
</style>
<div class="slideshow1">
Insert embed codes of first slideshow here.
</div>
<div class="slideshow2">
Insert embed codes of second slideshow here.
</div>
<div class="graphic1">
<img src="URL">
</div>
<div class="graphic2">
<img src="URL">
</div>
Right. The first section of the codes above is the CSS that commands where the DIVs will be positioned and what their size will be. Just replace the pound symbols with the appropriate amount of pixels. The top and margin-left attributes are for positioning, while the height and width attributes are for sizing.
The second bit of codes is the HTML. This is where you will place the content you want to position. The first two DIVs are for slideshows so replace the text inside the tags with the codes for the slideshows themselves. The next couple DIVs are for graphics and all you have to do is replace "URL" with the url of the images you want to position.