2 column entries

[d_cee]

Hi

I'm trying to create a layout that will allow me to show 3 columns on the page. I want the columns to show
1.Entry
2.Extended entry
3. sidebar.
In fact if you look at this screenshot I comped up http://test.daves.me.uk/images/screenshot.jpg it will explain better than I can with words.

Oh, and I want the extended entry to always show whether it has content or not.

Any help gratefully received
thanks
Dave

[garvinhicking]

Hi!

That sounds like an interesting idea. Basically you'd just need to remove some {$if is_single_entry} checks to show extended entries on the same page like the usual entry ($body.extended references). Ideally you just make the .serendipity_extended_entry div element float to the right to form the new column there?

The other option if you want REAL 3 columns would be a lot harder, since you'd need to match up the rows for each entry, so that the extended entry of the next entry doesn't show up at height of the 4th entry and so on...

HTH?

Best regards,
Garvin

[d_cee]

Hi Garvin

I'd pretty much done as you said but I still can't get the extended column to sit to the right of the entry - it wants to sit below.

my entries.tpl now has the following code

Code: Select all

div class="serendipity_entry_body">{$entry.body}</div>
<div class="serendipity_entry_extended"><a id="extended"></a>{$entry.extended}</div>

my css is

Code: Select all

.serendipity_entry_body {
    font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
    color: #333333;
    font-size: x-small;
    font-weight: normal;
    text-align: justify;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 5px;
    width: 60%;
    margin: 0 0 0 10px;

}
.serendipity_entry_body_folded,

.serendipity_entry_body_unfolded,

.serendipity_entry_extended {
    float: right;
    font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
    color: #333333;
    font-size: 12pt;
    font-weight: 500;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 5px;
    width: 35%;
    margin: 0 0 0 10px;
}

edit: I've sorted this out. I floated the .serendipity_entry_body left then everything worked OK.

thanks Garvin
Dave

[garvinhicking]

Hi!

Actually this is a floating issue.

Either via CSS you must make serendipty_entry_body float left (and make the xtended body not float), or youmust change your HTML to this:

Code: Select all

<div class="serendipity_entry_extended"><a id="extended"></a>{$entry.extended}</div>
<div class="serendipity_entry_body">{$entry.body}</div>

Looks weird, I know. But works.

HTH,
Garvin

[d_cee]

Thanks Garvin

I floated the entry left and all was fine

Dave

[garvinhicking]

Hi!

If you have the theme finalized, I'd be really curious about the look! I think I've never seen a layout like this, it might be very interesting!

Keep it up and best regards,
Garvin

[d_cee]

Hi Garvin

I'll let you have a look in a couple of days when I've done a bit more work on it.

kind regards
Dave

[davecjr]

It sounds like this would be a nice idea for a lot of themes or an option in all themes!

[d_cee]

Hi Dave

You're right, I think it does lend itself to a lot of different uses.

My original thought about this was to just use it for a commercial site I'm designing but now I'm thinking I'll maybe do a version for general release too when I've finished.

Dave

[d_cee]

I've posted a screenshot of this theme here. The 'Highlights' column is the 'extended entry'. If anybody is interested in having a theme that works this way let me know and I'll do a general release version if there is sufficient interest.

cheers

Dave

[PerfectCr]

I've posted a screenshot of this theme here. The 'Highlights' column is the 'extended entry'. If anybody is interested in having a theme that works this way let me know and I'll do a general release version if there is sufficient interest.

cheers

Dave

That's very interesting, I'd be interested.