This is xmas and i thought i should just give you this for the season. Recenty i was looking for an image flow for my new blog because i wanted a way to rotate youtube videos on my blog and was lucky to find imageflow, basically this lets you search and rotate youtube videos on your page but the problem was that it came with a seperate page of its own and i wanted to integrate it into the front page of my blog www.bloggingyoutube.com. Now this is what i did in order to get it working close to what i need.
Download image flow from imageflow.nl and then upload it to the folder you would like to use it on your server
Find and open the css file sreen.css and if you know css very well you can tweak the page the way you want , in this case i wanted to just embedd the page on my blog as part of the blog.
Find this line in your screen.css file
#imageflowstart {
max-width: 600px;
width: auto !important;
width: 600px;
min-height:310px;
height:auto !important;
height:310px;
margin-left:0px;
position: relative;
background-color:#000;
padding: 0px 0px;
text-align:center;
The highlighted margin-left:0px; should be adjusted till it fits the page the way you want, as you can see i left it at “0px” because i wanted it to align to the left of the page entirely for the embedding purpose.
Find and do the same for the css code below;
#main {
max-width: 600px;
width: auto !important;
width: 600px;
min-height:150px;
height:auto !important;
height:150px;
margin-left:0px;
}
Please note you can manipulate the whole css file the way you want but in this case i just needed to tweak the two parts of the css code to get what i wanted.
Afterwards i used the <iframe> </iframe> tag to embedd the page where i want. Please note that the embedd parameters were set to “0″because i wanted it to embedd neatly as part of the page without a scroll button.
Here is the embedded code below;
<iframe src="http://bloggingyoutube.com/themes/garland/index.php" style="width:500px; height: 480px"
scrolling="no" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0">
</iframe> <br />
Hope this helps out.