forum.coppermine-gallery.net

No Support => General discussion (no support!) => Topic started by: rbl on October 22, 2003, 05:17:42 pm

Title: Creating Tableless theme
Post by: rbl on October 22, 2003, 05:17:42 pm
It's not totally tableless (yet) and like I said, it is a 1.2RC installation heavily hacked.
I've modified almost every php file installed so the theme itself wouldn't be of any use, sorry =(

Unfortunately (from a css developer point of view), cpg depends very much of its table structure. There are <tr>s and <td>s everywhere.
Title: Creating Tableless theme
Post by: Rodinou on October 22, 2003, 05:46:39 pm
Great !!! :)

You've shown CSS is more powerful :)

And you're right : a lot of <TR></TR> are everywhere :)

CSS is future : you have had a lot of time to change the code ...

And futhermore you show CROPPED thumbs : really more esthetic ... :)

A little DHTML and it's perfect :)

Congratulations.
Title: Creating Tableless theme
Post by: Tarique Sani on October 22, 2003, 05:53:49 pm
Well I was hoping for atleast most portions being tableless in atleast one of the themes...
Title: Creating Tableless theme
Post by: Rodinou on October 22, 2003, 06:16:06 pm
I have read the code : it's really perfect : good you use the StyleSwitcher function, 'cause it's a way to take too :) (I use it on my dev http://www.sortons.net/sortons_dhtml/bars.htm)

The more interesting with the tableless theme is to navigate with only ONE Page a whole gallery : I do this, by inspirating this model

Question about Tarique : how to use displayimage.php, ecard.php without the WHOLE HEADER (logo, sentence, menu ...) when I put

// define('IN_COPPERMINE', true);

I have a "Not in Coppermine" ...

Is it possible to BE in Coppermine WITHOUT the complete layout ?
Title: Creating Tableless theme
Post by: Tarique Sani on October 22, 2003, 06:30:19 pm
Rod - lets take this one step at a time

Can you make a nice table less layout which just replaces the tables in only two files template.html and theme.php

We will sort the problems as they arise....

Let work on this one
Title: Creating Tableless theme
Post by: Rodinou on October 22, 2003, 06:33:52 pm
I can, of course

The problem is all portions of code where there is <tr></tr>

Indeed, if we compare it with text, to jump line, you add <br><br>

In CSS, a lot things will desappear : the jump <tr></tr> isnt' necessary anonymore.

That's why it's quite long to do changes : but if you have seen the code, you can judge ALL IS CLEAR, and all BECOMES crazy.

I can however realize a template page and if you approve the project, we can see together how to convert it in theme.php.
Title: Creating Tableless theme
Post by: Tarique Sani on October 22, 2003, 06:36:53 pm
Just start with template.html and theme.php - one step at a time - don't think ahead. when you hit the first problem we will sort it out togather...

BTW I will split this into a separate thread
Title: Creating Tableless theme
Post by: Rodinou on October 22, 2003, 06:59:57 pm
http://www.sortons.net/photos/tests/displayimage.htm

See the Code, enjoy ... 1 mn to realize it ...

All can be do (border, margin, padding ...)

I must go to a concert : I continue after it, promise.
Title: Creating Tableless theme
Post by: DJMaze on October 22, 2003, 07:21:39 pm
I stripped all templates out of the default theme and put them in seperate files.
Maybe it's easier to edit them.

http://cvs.sourceforge.net/viewcvs.py/coppermine/phpnuke/modules/coppermine/themes/default/

But be aware it's a stripped CPG for phpNuke theme.
This one also supports global vars in the templates.

It would be nice themes can be used in any CPG
Title: Creating Tableless theme
Post by: Tarique Sani on October 22, 2003, 07:24:54 pm
Rod what I see is this...

(http://tariquesani.net/rod1.jpg)

What I ask for is conversion of the file template.html into a tableless layout

I know what is possible with CSS.... The questions is can you OR are you willing to do it.

If yes I can spend time on correcting the problems which are due to PHP part
Title: Creating Tableless theme
Post by: rbl on October 22, 2003, 07:31:36 pm
Thanks Rodinou!

As for a tableless theme altering only template.html and theme.php, I'm afraid it's not possible. If memory serves me right, you'll end up with a "half baked" theme which will not validate.

The problems rise very early with the starttable function. If you change it to a div (for example), everything else all over the site will be broken because starttable is used almost everywhere to encapsulate table rows and table datas. If you keep it as it is, you'll end up with a lot of tables anyway.
It's a nasty situation...
Title: Creating Tableless theme
Post by: Tarique Sani on October 22, 2003, 07:34:14 pm
Quote from: "rbl"
As for a tableless theme altering only template.html and theme.php, I'm afraid it's not possible. If memory serves me right, you'll end up with a "half baked" theme which will not validate.

The problems rise very early with the starttable function.


I am well aware of the fact - I want to reach a "half baked" state before I can really turn the heat on ;)

Anyone willing to help?
Title: Creating Tableless theme
Post by: rbl on October 22, 2003, 07:40:28 pm
I can help if you want. I can take a fresh copy of cpg and see where I can go changing only the theme files.
Title: Creating Tableless theme
Post by: Tarique Sani on October 22, 2003, 07:41:34 pm
Quote from: "rbl"
I can help if you want. I can take a fresh copy of cpg and see where I can go changing only the theme files.

Most welcome and appreciated :)
Title: Creating Tableless theme
Post by: Rodinou on October 23, 2003, 02:19:47 am
I came back from my concert ...

ok ... let's go

to R. > use with me MP, to use your CSS and some tests IN DHTML

(see the photos at http://www.sortons.net/sda and after Photos > I would like to develop this with you)

Thanx.
Title: Creating Tableless theme
Post by: Rodinou on October 23, 2003, 04:34:14 am
I have a big problem with ... IE :(

It's perfect this time under Mozilla (I have done all the gallery on it) but IE has several problems of layout ...

Anyway, idea is here.

http://www.sortons.net/photos/tests/test.htm
Title: Creating Tableless theme
Post by: Rodinou on October 23, 2003, 01:08:56 pm
try again
http://www.sortons.net/photos/tests/displayimage.htm

and

http://www.sortons.net/photos/tests/displayimage2.htm


As you can see, Both IE and Mozilla (Win XP, IE 6 / Netscape 7 and Firebird 0.6) work :)

As you can see, we have a total control of the layout of the thumbs.
Title: Creating Tableless theme
Post by: rbl on October 23, 2003, 06:16:11 pm
Rodinou, you are putting the cart before the horse
You can't control thumbnails geometry without altering some files in the include directory. We are trying to see what can be done altering only the theme files.
Title: Creating Tableless theme
Post by: Rodinou on October 23, 2003, 09:49:21 pm
Humm ... I see ...

in first case, it would be a "normal CPG" without tables isn't it ?
Title: Creating Tableless theme
Post by: rbl on October 24, 2003, 10:20:36 pm
Sorry for the late reply, been very busy with real life work =(
The answer is yes. A tableless "regular" cpg.

Made some progress but had to undo some changes because they lead me to a dead end.
This is definately not easy.
Title: Creating Tableless theme
Post by: eke on November 28, 2003, 12:15:43 am
yo,

i too am trying to integrate into a tableless layout.
i have succeeded so far in squeezing it into ONE layer (400x600px)
without breaking the rest of my layout which is a fixed width/height thingy (yesyes I know, it's eke to use fixed heights...)

my layout:
Code: [Select]

layer1|layer2
layer3| - " -


layer1=menu (400x300)
layer2=content (400x600 overflow auto)
layer3=block (400x300) can contain content related stuff

ultimately I would love to get coppermine to display an "intermediate" view in layer3 (block) when clicking on a thumbnail in layer 2 without losing the thumbnail view.

slowly learning php so I guess it will be some time before I can work that one out on my own. Any help is greatly appreciated!
Cheers.

eke.
Title: html layout without tables
Post by: xleyba on February 17, 2004, 09:31:27 am
Hi

I would like to have a modern layout of my theme without tables. I'm trying to make it by myself but I've found there are a lot of tables embeded in PHP code (more than 30) and it makes so difficult to get the job done.

Also, I guess if I touch Coppermine code my new code will not be upgradable...

I want to know if somebody knows a existent template without tables layout and if there are planned a new Coppermine with a more clean template model....

Thanks in advance
jl

[edit GauGau]
merged your thread with the one dealing about tableless themes...
[/edit]
[/b]
Title: Re: Creating Tableless theme
Post by: coopersita on September 30, 2004, 08:03:53 pm
I made a coppermine album with a table-less format. It's not perfect (some tables are still present in the admin interface), but I'm going to try to make another one better.

Because of this client's needs a lot of the functionality was taken away.

http://www.yo.com.mx/resa
Title: Re: Creating Tableless theme
Post by: Joachim Müller on September 30, 2004, 10:20:09 pm
This is an outstanding theme, very well done. Is it OK to refer to this excellent page in the future in some sort of "featured galleries" section on the coppermine pages?

Joachim
Title: Re: Creating Tableless theme
Post by: Rodinou on October 01, 2004, 07:29:01 pm
I have finished soon my tableless version soon

http://www.sortons.net/photos/

No touch Admin Interface, to complicate ...

but I have only 3 or 4 codes to see, and all will be 100% tableless
Title: Re: Creating Tableless theme
Post by: donnoman on November 18, 2004, 08:27:19 am
I have started working on what I hope to be a tableless theme with css and xhtml.  I am just at the layout stage and fighting with IE/Netscape issues and laying out the graphics so that they properly expand and contract.

Any resources would be helpful.

For example, I'm trying to create a wrap around image frame:

1
< 2 >
3
^^
4{BODY}6
vv
7
< 8 >
9

Where cells 4, 6 expand vertically;
Where cells 8, 2 expand horizontally;
where cells 7,8,9 end at the end of content, rather than relative to the screen.
Where {BODY} takes up the rest of the space.

I need to get my hands on a good overview, or a similar example.

Thanks,
Title: Re: Creating Tableless theme
Post by: donnoman on November 21, 2004, 03:33:58 am
For What its worth one of the better css references I've found is:

http://www.quirksmode.org

I'm about to yell UNCLE! on this CSS-Positioning stuff.  

Version 1. well we won't even mention it. Version 2 attempted to fool with using height 100%, and I did get it to work, but the initial
page draw would create everything relative to the viewport and it would look stupid if you only had a small content area and a really big window. It also didn't render the same way with Mozilla and IE. There were a few more reasons which I don't recall but v2 got thrown out.

This is the results of my third scratch rewrite of this page, and css problems still bug me.

This method uses nested div's, relative positioning, and some fooling with margins to create all the different areas.

The backgrounds expand and contract as well, with one exception.

When the content div hits the table it stops shrinking. Which is good.

However the top and bottom row continue to shrink and the graphics look all wonky.

I'll inlude two screenshots of what I'm talking about, and the code in case anybody was trying to do something similar.
Title: Re: Creating Tableless theme
Post by: donnoman on November 21, 2004, 06:26:45 am
I officially cry Uncle and tap out with tyring to use a tableless layout with this theme.

My fourth rewrite ended up with the same exact problem.    :-\\

CSS-P might be ok for a 3 column layout, but its just not up to this task.