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:
Change it for:
3) Edit style.css, add the following:
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.
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.
12
13
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!!
**Cuando el Alumno esta listo, el Maestro Aparece **
::Geeklog support in Spanish::
2 columns style joomla
Greetings!!
**Cuando el Alumno esta listo, el Maestro Aparece **
::Geeklog support in Spanish::
14
11
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
13
12
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
9
11
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