i have searched the forum but cannot find anything in english. i am trying to layout the thumbnails of images in a rows and colums like on this page here http://www.bwa.rzeszow.pl/?p=p_499
can anyone help me on hbow to to this please? i am not very good with php or css but undertand a little bit
thanks
KP
» Quick.Cms v2.x
kp1kp1
2008-04-08 23:36
I am trying to make image galery (galeria) like on this webpage http://www.prodwodrol.pl/galeria-zbiornikow-2,122.html
what do i need to do to layout my pictures like this page?
kp1kp1 - in templates/default.css find this: /* IMAGES STYLES */ .imagesList{list-style:none;} .imagesList li{margin:0 0 5px 0;background:inherit;color:#5b5b5b;font-size:0.917em;} change last row to this: /*.imagesList li{margin:0 0 5px 0;background:inherit;color:#5b5b5b;font-size:0.917em;}*/ then add this row: .imagesList li{float:left;height:150px;width:100px;margin:0 10px 10px 0;background:inherit;color:#5b5b5b;font-size:0.917em;} Then for example in templates/pages_default.tpl find this: <div class="content">$aData[sDescriptionFull]</div> Change to this:<div class="content" style="clear:left;">$aData[sDescriptionFull]</div>
cgan
kp1kp1
2008-04-09 15:01
cgan
thank a lot for your help, i am now getting cloe to what i want to do, thanks alot again but i have one problem the images are showing above the heading (e.g THE HUNT). i want the pictures to show after the heading (THE HUNT). this heading is #page h3.
kp1kp1 - in templates/pages_default.tpl find this: <div id="page"> $aImages[3] $aImages[1] $aImages[2] <h3>$aData[sName]</h3> Change to this: <div id="page"> <h3>$aData[sName]</h3> $aImages[3] $aImages[1] $aImages[2] That means you move the heading above the images. Hope that will work for you.
cgan
kp1kp1
2008-04-09 16:10
cgan, wow that is great, thank you very much for that -= IT WORKS!!!!
how can i find out more about the pages_default.tpl and modifying the file? i want to learn more.
You can copy e.g. "pages_default.tpl" and change the name to e.g. "your_pages_default.tpl" and adjust that file as you like. For example the heading above the images. Then you choose that tpl file in admin/pages/yourpagename. To the right you find four tabs: Option, View, Files, SEO. Click View and a bit down you'll find Template. There you choose "your_pages_default.tpl".
You'll find a lot here: http://opensolution.org/Quick.Cms/docs/?id=templates This is one of the best and easiest CMS so far.
cgan
kp1kp1
2008-04-09 17:35
cgan,
thanks again, very interesting document, i have been playing with it, so if i wanted to arrange like this
kp1kp1 - you can try edit the file this way: <div id="page"> <h3>$aData[sName]</h3> <div class="content">$aData[sDescriptionFull]</div> $aImages[3] $aImages[1] $aImages[2] Maybe you'll have to make some more corrections.
cgan
kp1kp1
2008-04-09 18:07
great, that works, but how do i know what the lines in the codes mean?
there is explanation on http://opensolution.org/Quick.Cms/docs/?id=templates but not very detailed for learners
You can find out more by reading all at this address: http://opensolution.org/Quick.Cms/docs/ You can look at the variable "$aImages" by opening core/files.php. But you have to learn about PHP-programming to understand. Maybe somebody at Opensolution can tell about the differens between these: $aImages[3] $aImages[1] $aImages[2]
$aImages[1] - this variable contains images list on the left $aImages[2] - the same but on the right $aImages[3] - the same but in the bottom (this is available in Quick.Cms paid version)
kp1kp1
2008-04-11 20:42
great, thank you very much to everyone for al their help and contrinutions
kp1
cendp1am
2009-12-28 20:03
Hi, this solution only gives gallery of images on the bottom of the page (ordered in rows and columns).
What how can I make a page with multiple galleries in order:
