Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#1 2011-01-13 12:13:42

haimirich
Member
Registered: 2011-01-12
Posts: 15

excerpt position

hello everybody!
I’m building with some friends a personal blog at this address: www.haimirich.com
and we have some issues with excerpts:
I would like to have this kind of layout —-> http://rreload.com/ with excerpt in two or three columns but I don’t have any idea what do we have to modify.
Right now I’m using rss_auto_excerpt plugin.
Sorry for bad english,
hope you can help me.

Offline

#2 2011-01-13 12:47:13

jsoo
Plugin Author
From: NC, USA
Registered: 2004-11-15
Posts: 1,793
Website

Re: excerpt position

rreload.com does this by putting each item into a div and floating the divs. (They also make the right-hand divs into inline blocks, but I’m not sure that’s needed.) This topic is really better suited to the Presentation forum. Anyway, it depends on how you want to order the excerpts:

1    2
3    4
5    6

or

1    4
2    5
3    6

Code is topiary

Offline

#3 2011-01-13 13:19:40

haimirich
Member
Registered: 2011-01-12
Posts: 15

Re: excerpt position

I thought something like this:
1 2
3 4
5 6

or
1 2 3
4 5 6
7 8 9

is that possible?

Offline

#4 2011-01-13 13:33:34

jsoo
Plugin Author
From: NC, USA
Registered: 2004-11-15
Posts: 1,793
Website

Re: excerpt position

Sure. Put each item into its own div (this includes your current div.postheader, div.postcontent, and div.postbottom). Use CSS to float the divs and give them a width that creates the desired number of columns (i.e., something that fits into the width you have for div.left).


Code is topiary

Offline

#5 2011-01-13 13:39:26

haimirich
Member
Registered: 2011-01-12
Posts: 15

Re: excerpt position

Sorry for the stupid question, but which file do I have to modify?

Offline

#6 2011-01-13 13:49:09

Dragondz
Moderator
From: Algérie
Registered: 2005-06-12
Posts: 1,539
Website GitHub Twitter

Re: excerpt position

Hi

For putting the div arround the excerpt i think it s made on from tab (i dont know wich form you use in you template) and then add the div (open and closed one)

The floating attribut is a CSS, then qo into style tab to add the right style for your div

Cheers

Offline

#7 2011-01-13 13:51:51

jsoo
Plugin Author
From: NC, USA
Registered: 2004-11-15
Posts: 1,793
Website

Re: excerpt position

My mistake, I should have realized you are working from a pre-built theme and don’t necessarily know where things are. It depends on the theme. It may be as simple as adding the extra div tags to the default article form (Presentation -> Forms) and then editing the CSS in Presentation -> Styles. (Your theme does use the built-in “default” style, so that will certainly work for the CSS part.)


Code is topiary

Offline

#8 2011-01-13 14:20:12

haimirich
Member
Registered: 2011-01-12
Posts: 15

Re: excerpt position

This is my default article form:

<txp:if_individual_article>
<h1 class="entry-title"><txp:permlink><txp:title /></txp:permlink></h1>
<txp:else />
<h3 class="entry-title"><txp:permlink><txp:title /></txp:permlink></h3>
</txp:if_individual_article>
<p class="published"><txp:posted /></p>
<div class="entry-content">
<txp:body />
</div>
<address class="vcard author">— <span class="fn"><txp:author /></span></address>
<p class="tags"><txp:category1 title="1" link="1" />, <txp:category2 title="1" link="1" /></p>
<txp:comments_invite wraptag="p" /> 
<div class="divider"><txp:image id="1" /></div>

Other article forms are:

article_listing
comments_display
lofi
search_results
single

I’m very sorry to bother you so much, thank you!

Offline

#9 2011-01-13 14:58:31

Dragondz
Moderator
From: Algérie
Registered: 2005-06-12
Posts: 1,539
Website GitHub Twitter

Re: excerpt position

Hi

It s not the one used on the main page!

can you post the page tab code then we can see wich form is used (i guess it s article_listing but without viewing the page code i am not sur)

Offline

#10 2011-01-13 18:40:42

haimirich
Member
Registered: 2011-01-12
Posts: 15

Re: excerpt position

Here the page tab code

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=“http://www.w3.org/1999/xhtml” xml:lang=“en” lang=“en”>
<head> <meta http-equiv=“Content-Type” content=“text/html; charset=utf-8” />

<title><txp:page_title /></title>

<link rel=“home” href=”<txp:site_url />” />

<txp:feed_link flavor=“atom” format=“link” label=“Atom” /> <txp:feed_link flavor=“rss” format=“link” label=“RSS” />

<txp:css format=“link” />

<txp:rsd />

<script type=“text/javascript” src=“js/jquery-1.1.3.1.min.js”></script> <script type=“text/javascript” src=“js/jquery.easing.min.js”></script> <script type=“text/javascript” src=“js/jquery.lavalamp.min.js”></script> <script type=“text/javascript”> $(function() { $(“#1, #2, #3”).lavaLamp({ fx: “backout”, speed: 700, click: function(event, menuItem) { return true; } }); }); </script>

</head>

<body id=”<txp:if_section name=”“>front<txp:else /><txp:section /></txp:if_section>”>
<div id=“wrap”>
<div id=“topbg”> </div>
<div id=“wrap2”>
<div id=“topbar”>
<h1 id=“sitename”><a href=”<txp:site_url />”><txp:site_name /></a> <span class=“description”><txp:site_slogan /></span></h1>
</div>
<txp:output_form form=“header” />
<div id=“content”>
<txp:output_form form=“main” />
<txp:output_form form=“sidebar” /> <div class=“clear”></div>
</div>
<txp:output_form form=“footer” />
</div>
<div id=“btmbg”> </div>
</div>
</body>

</html>

Offline

#11 2011-01-13 19:01:37

jsoo
Plugin Author
From: NC, USA
Registered: 2004-11-15
Posts: 1,793
Website

Re: excerpt position

We’ll need to see what’s in Presentation -> Forms -> ‘main’

Or tell us the name of the theme and where you got it.


Code is topiary

Offline

#12 2011-01-13 19:21:50

haimirich
Member
Registered: 2011-01-12
Posts: 15

Re: excerpt position

This is the theme: blogdream

Offline

Board footer

Powered by FluxBB