Complicated Question About Combining Middle Section

[rishel]

First of all, the image concept is here: http://www.pixelmatters.biz/main/temp/sitelayout.png

First of all, I am wanting to combine the first and second column (which used to be there columns) into one. The picture shows this concept, which has the title "Welcome To Crosswalk Community Church".

The second part of the concept, is to add a video location, where the third location used to be.

Yes, complicated I know, but it would really set this layout off in my opinion. What video plugin do you recommend first of all to play FLV videos (If I have to), or other videos. And, can anyone tell me how to combine those first two sections into one.

Thank you VERY much to anyone that can assist.

[Jon]

Rishel,

It's actually not too complicated. To combine the first two sections you need to go into style.css and adjust the following lines:

#homecenter {
width: 298px;
height: 246px;
float: left;
border-right: 1px solid #3C3F36;
padding: 0 10px 10px 10px;
overflow: hidden;
line-height: 1.5em;
}

#homeright {
width: 310px;
height: 246px;
float: left;
padding: 0 0 10px 10px;
overflow: hidden;
line-height: 1.5em;
}

Expand the home left to cover both the home left and the home middle. So it should look like this:

#homeleft {
width: 608px;
height: 246px;
float: left;
border-right: 1px solid #3C3F36;
padding: 0 10px 10px 0;
overflow: hidden;
line-height: 1.5em;
}

Now go into home.php and eliminate the tag:

<div id="homecenter"></div>

and everything between it, up to

<div id="homeright">

Hope this helps.

[John Flynn]

You can go into home.php and delete the home center section.

Then go into your stylesheet and find #home left and adjust your width to whatever you want it to be (probably around 600px it looks like.)

To pull video just embed it in a post and use the post id to pull it. You could hardcode this if you wanted to in home.php also by embedding a youtube video in there or really any other kind of player.

[Jason Schuller]

This is actually not as complicated as you might think... Edit home.php and remove:

<div id="homecenter">
    <?php if ($aOptions['column2-id'] != '') { query_posts('p=' . $aOptions['column2-id']); } ?>
    <?php while (have_posts()) : the_post(); ?>
    <h3>"><?php the_title() ?></h3>
    <?php the_content(''); ?> 
    <?php endwhile; ?>
</div>

Then edit style.css and change the width of #homeleft to 608px:

#homeleft {
width: 608px;
height: 246px;
float: left;
border-right: 1px solid #3C3F36;
padding: 0 10px 10px 0;
overflow: hidden;
line-height: 1.5em;
}

This will give you the layout you are looking for. For embedding FLV's I definitely recommend:

http://www.jeroenwijering.com/?item=JW_FLV_Player

Jason

[Jason Schuller]

Funny... 3 people providing support at the same time. :D

[Jon]

Gotta love it, eh? Hey - it makes your job just a little easier!

[John Flynn]

What's really funny is that we all said essentially the same thing....

[rishel]

Ok, got the first part done. You guys rock! It looks awesome. Now I am going to try to do the JLW Media Player, which seems a little intimidating. I only wish there was a way to add it to the admin menu somehow, like we used to do in the Rev 1 sites.

If anyone has any suggestions let me know, I am going to try to do this now.

[rishel]

Errr wait. Do I remove the far right section before I add code or ? Confused. Do I edit the home.php page, and past in some type of code?

[Jon]

you put it in the homeright div

[John Flynn]

Originally Posted by rishel

I only wish there was a way to add it to the admin menu somehow, like we used to do in the Rev 1 sites.

There actually is a way you can do this. You just need to write the code in your template functions file similar to the Rev 1 themes...

[rishel]

This rocks, got it working. Thanks guys.

[Jon]

Glad it's going well! You're welcome.

[Jason Schuller]

Glad you were able to figure it out.