Welcome to Geeklog, Anonymous Sunday, November 24 2024 @ 08:18 am EST

Geeklog Forums

2 columns layout for stories.


Status: offline

joelbarrios

Forum User
Junior
Registered: 05/03/04
Posts: 23
Location:Mexico
With some help of my good friend 4lb3rt (a.k.a. Tereso Ramos, from d-webstudio.com), I have succeeded into creating a 2 column layout for stories. Check out http://www.alcancelibre.org/ and express your opinion. My website uses Geeklog 1.6.1sr2.

Please, note that there's no need to touch lib-story.php

The idea came from a suggestion made by Dirk to Koalasoft a few years back in some forum post I can't remember.

The recipe:

1) Requisite: storytext.thtml has to be done using only divs. No tables. This is done using only CSS 2.1.

2) Modify storytext.thtml, look for:
Text Formatted Code
<div class="story">

Change it for:
Text Formatted Code
<div class="story" id="story{story_counter}">


3) Edit style.css, add the following:
Text Formatted Code
div#story1, div#story3, div#story5, div#story7, div#story9, div#story11, div#story13, div#story15 {
width:362px;
float:left;
clear:both;
}

div#story2, div#story4, div#story6, div#story8, div#story10, div#story12, div#story14, div#story16 {
width:363px;
float:right;
}


The code above considers that the width of my stories' column has a width of 735px, using % did not work for my layout. Change the width to fit your particular layout. Depending on your layout, probably you will need to change clear:both for clear:left. Play a little and take your time.

4) Clean your browser's cache and enjoy.

My future plans include converting all my layout to a "table-less" one, using only divs and css.

--
https://www.AlcanceLibre.org/
https://blog.AlcanceLibre.org/
La libertad del conocimiento al alcance de quien la busca.
 Quote

Status: offline

koalasoft

Forum User
Full Member
Registered: 03/09/05
Posts: 242
Location:Mexico
This is other example to long time ..

2 columns style joomla

Greetings!! Mr. Green
**Cuando el Alumno esta listo, el Maestro Aparece **
::Geeklog support in Spanish::
 Quote

Status: offline

Roccivic

Forum User
Moderator
Registered: 05/19/10
Posts: 136
Quote by: joelbarrios

My future plans include converting all my layout to a "table-less" one, using only divs and css.



This feature is coming to Geeklog with version 1.8.1 (some time this Autumn) in the form of the "Professional_Css" theme.

Rouslan
 Quote

Status: offline

beewee

Forum User
Full Member
Registered: 08/05/03
Posts: 969
Location:The Netherlands, where else?
Quote by: joelbarrios

With some help of my good friend 4lb3rt (a.k.a. Tereso Ramos, from d-webstudio.com), I have succeeded into creating a 2 column layout for stories. Check out http://www.alcancelibre.org/ and express your opinion..


That is definitely the most beautiful Geeklog layout I've ever seen. Very, very, very nice!! :banana: :banana:
Dutch Geeklog sites about camping/hiking:
www.kampeerzaken.nl | www.campersite.nl | www.caravans.nl | www.caravans.net
 Quote

All times are EST. The time is now 08:18 am.

  • Normal Topic
  • Sticky Topic
  • Locked Topic
  • New Post
  • Sticky Topic W/ New Post
  • Locked Topic W/ New Post
  •  View Anonymous Posts
  •  Able to post
  •  Filtered HTML Allowed
  •  Censored Content