deux columns customisation

lucia / 2010-02-21 22:39:38   

Hallo Vaska and other indexhibit geniuses.
First of all - thanks for being able to use the Indexhibit, it's great!
I am very new at this but for now I managed to customise some things myself and with the help of forum. I would like to consult you on some things that I cannot figure out.
I am working with the deux columns format, hoping to make a website that looks a lot like apple-computer column-view in finder window.
1. I would like my first column to scroll separately from the second column. (So one can choose from the thumbnails.)
Also, when scrolling and clicking on the thumbs at the bottom of the column, I would like the column to stay in the position instead of shooting back to the top of the scroll when clicked on.... how can I achieve this?
2. Secondly, I would like to add a loose thumbnail to the thumbnails in the first column that is link to a video...is this possible?
3. And, the last question is that I would like to have my first(home) page full of small thumbnails (grid of 5 rows and 5 columns) and on clicking them being able to go straight to the selected exhibits. (This being an alternative way to approach things than through the text in the left menu.)

Thanks a million for any hints how to get closer to this.
Grtngs,
L.

http://www.lucialuptakova.nl

lucia / 2010-02-21 22:42:44   

Sorry, forgot to say: when looking at my website, check the section'testing2' , exhibit TEST 1, that is the only one with images on for now.

rickykappa / 2010-02-22 18:31:28   

hi lucia, no genius is answering, so you must take whatever works ;-)
I'm interested in customizing this theme as well, so
1. good idea! this can be accomplished with css, like that:
#d-col1 { width: 200px; height: 550px; overflow: auto;}
you can change the values as you like of course, you can see it in this test page.
(I'm still working on it, it could change at any time...)
2. don't really understand what you mean...
3. yes, simply handcoding a html table in the text area is the easiest solution

lucia / 2010-02-22 19:12:41   

Thanks Ricky!
I will try it out.
Good example, your test page.
Your answer for 3. covers 2. as well, I think. What I mean that I would like to add a picture into the first column outside of the cms page. This picture, when clicked would be a link to a video that would show in the second column. I did not find a way to do this through the cms because you can only add pictures that get bigger....
I will keep checking you page for changes....good luck!

lucia / 2010-02-22 19:16:16   

And Ricky, by the way: cool website!

rickykappa / 2010-02-22 19:26:58   

2. you mean the menu column? if so, you can carefully try to type into your settings/pre-nav box, which controls what you have above the menu

thanks :-)
glad you like it, though is not done yet, just step by step building the structure, so some pages can become weird and/or change appearance in no time...

lucia / 2010-02-22 20:54:21   

no, I mean in the first column (of the two columns) in the content.

rickykappa / 2010-02-22 21:05:03   

ah, that is something you must write directly into the plugin, but this means that every page using that theme will get the same image and link, unless you're a skilled coder... but I'm not and neither you are... ;-)

what you can easily achieve is to have image and link on top of the text part, typing a few html tags directly in your text box

lucia / 2010-02-22 21:24:01   

thanks!

lucia / 2010-02-23 17:21:08   

Hallo Ricky,
I have followed your advice today and added into the plugin/exhibit.deux-column.php
'#d-col1 { width: 200px; height: 550px; overflow: auto;}'
However, what has happened is that the width gets a scrollbar too. Your website does not have that....
Please, do you also know how to customise/ccs the look of the scrollbar?
Thanks a million!

rickykappa / 2010-02-23 17:50:14   

hi Lucia, for a million thanks I can give only one answer... ;-)

The width200 and height550 are a starting point: you can play with the width value and adjust it untill the horizontal scrollbar disappear. The scrollbar appears automatically when the elements contained in #d-col1 exceed that width, just like the vertical scrollbar does. Give it a try, nothing is going to break!
btw you can take a look at the source of my page, but I've changed quite a few things there to fit to my needs, don't know how much can be of help for you...

the scrollbar customizing would be nice, but css controls are only for internet explorer... imho isn't worth to spend time on it. however you might find something if you use the searchbox in the forum, or via google...

lucia / 2010-02-23 23:30:48   

thanx again!

marwan / 2010-04-22 10:01:21   

hi to both of you ! i'm joining in because you probably can help me. I need to customize the text format of my deux column format as to get a white background. where should i do that? does it have to do with the dynamiccss?
thks a lot

rickykappa / 2010-04-22 11:27:18   

do you have an url?
the text is displayed into #d-col2 so you can add styling properties refering to it, either in the plugin or into the style.css

rickykappa / 2010-04-22 16:02:24   

btw I've noticed that people keep following the link I posted above, but that page is no longer active as I've moved it here.

sholem / 2011-10-15 14:59:05   

Hi,
A quick question: I'd like to move the text field in the deux column layout to sit above the thumbnails, rather than to the right of them. Any tips on how to do that would be greatly appreciated. Thanks!

This thread has been closed, thank you.