I thought I would make a copy of the default theme, make a couple of 'small' changes in an attempt to better understand how all these 'parts' are put together.
An initial stab would be to do the following:
1) on the album and picture displays that contain the First,Previous,Netx and Last buttons, I would like to move them up to the top of the pictures where they can be quickly used without paging down to find them.
2) Change the default layout of thumbnails from three across to four across.
WHERE does on start for these! Inside the Theme files, which of them controls what. It is not as obvious to the rookie as you may think, and you have a lot of work left before the needed documentation is expected to arrive.
Martyn T. Griffin
Posts: 128
Ok, the first change above seems to have been suspiciouly simple, but its done.
Can someone give me a 'hint' where the value for the number of thumbnails across is stored/calculated??
Martyn T. Griffin
Posts: 16503
Popping the default theme open in Firefox and Firebug it appears that's the #gContent id in the CSS with a width of 696px. Note if you make your thumbs large, then you wouldn't have 3 across, but 2 or 1
So there's not set number across.
____________________________________________
Like Gallery? Like the support? Donate now!!! See G2 live here
Posts: 25953
If you are concered with the width:
See: http://developer.yahoo.com/yui/examples/grids/grids-doc.html In themes/default/views/page.html.php change
<div id="doc4" class="yui-t5 gView">to:
<div id="doc3" class="yui-t5 gView">That will use 100% of the page width.
Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team
Posts: 128
I tried what you suggested above and changed the id to doc3 AND changed the thumbnail width to 100.
After waiting over two hours for the rebuild to complete, the change did not cause extra columns to be created. It did however make the right side info (eg: tag list) cling to the right edge of the document as the browser was stretched wider.
I would still like to find the logic where the column count is calculated (or otherwise specified).
This may be awkward to alter, but I think it should be something that can be set, just like the thumbnail width, and IDEALLY be an attribute of each album rather than system wide. For that matter, it would be nice if each album could be set with its own theme. Just thinking out loud!!
Martyn T. Griffin
Posts: 25953
There is no columns. This theme floats the divs to the available space.
Got a url of what you have so far?
Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team
Posts: 2436
Default theme does not support columns.
Way around it to strech inside list <ul> to 100% of the div and then use ~31/32% for the <li>. That would put 3 cells in the row - sample
You can set it to any number of cells in the row
Posts: 16503
Ah here, we go. If you just change the width of #doc (by default it's min-width: 750px) 1200px gave me 4 columns across on with my current thumbnail width.
But as we've both said, there is no set number of columns, it's all based on the width of a few containers.
Get Firefox and install Firebug
It makes life so much easier for tinkering with CSS.
____________________________________________
Like Gallery? Like the support? Donate now!!! See G2 live here
Posts: 128
My reference to columns was in no way a suggestion of a 'table' structure: it was a reference to the resulting appearance.
Anyway, I cannot figure out just what I am doing wrong when playing with this stuff - must be a function of my age!!!
Attached is a simple view of the first page of a small album where the thumbnails are 100px wide. By my reckoning, that should leave enough room for at least 4 'columns' if it was dynamic. I would love to see a sample of more than 3 across and just what was changed to accomplish this.
TIA,
Martyn T. Griffin
Posts: 16503
Really, do it
I found this in literally 10 seconds. In one of the CSS files there is a section that starts with:
#gContent #gAlbumGrid .gItem
That specifies a width of 213px for the album/photo part of the grid.
Extreme example, but I made my thumbs 20px wide. Then made that part of the grid 23px wide. Now all 12 thumbs on the page fit on 1 row with room to add probably another 4
____________________________________________
Like Gallery? Like the support? Donate now!!! See G2 live here
Posts: 128
I know, I know. Just that my fingers automatically search out IE without thinking!
Anyway, that did the trick (in screen.css) and I found the numbers that seem to map out the right width and height for me (155px x 170px)
Thanks,
Martyn T. Griffin