StudioPress Community Forums - Complicated Question About Combining Middle Section

StudioPress Community Forums (http://www.studiopress.com/support/index.php)

- General Discussion (http://www.studiopress.com/support/forumdisplay.php?f=7)

- - Complicated Question About Combining Middle Section (http://www.studiopress.com/support/showthread.php?t=457)

rishel

11-07-2008 11:16 AM

Complicated Question About Combining Middle Section

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	11-07-2008 11:25 AM

Re: Complicated Question About Combining Middle Section

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:

Code:

#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:

Code:

#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:

Code:

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

and everything between it, up to

Code:

<div id="homeright">

Hope this helps.

John Flynn

11-07-2008 11:31 AM

Re: Complicated Question About Combining Middle Section

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

11-07-2008 11:33 AM

Re: Complicated Question About Combining Middle Section

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

Code:

<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:

Code:

#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

11-07-2008 11:34 AM

Re: Complicated Question About Combining Middle Section

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

Jon	11-07-2008 11:36 AM

Re: Complicated Question About Combining Middle Section

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

John Flynn

11-07-2008 11:38 AM

Re: Complicated Question About Combining Middle Section

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

rishel

11-07-2008 11:52 AM

Re: Complicated Question About Combining Middle Section

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

11-07-2008 11:53 AM

Re: Complicated Question About Combining Middle Section

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	11-07-2008 12:09 PM

Re: Complicated Question About Combining Middle Section

you put it in the homeright div

John Flynn

11-07-2008 01:13 PM

Re: Complicated Question About Combining Middle Section

Quote:

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

11-07-2008 02:28 PM

Re: Complicated Question About Combining Middle Section

This rocks, got it working. Thanks guys.

Jon	11-07-2008 02:30 PM

Re: Complicated Question About Combining Middle Section

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

Jason Schuller

11-07-2008 04:00 PM

Re: Complicated Question About Combining Middle Section

Glad you were able to figure it out.

All times are GMT -5. The time now is 06:54 AM.