Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
#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
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
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
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
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
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
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