close ad
WARNING: Do Not Install the DREAMWEAVER CC 2017 Update »
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Ribbon + Full Size altering size

Thread began 3/02/2010 5:01 pm by pcondon1390228 | Last modified 3/05/2010 7:24 pm by Jimmy Wu | 997 views | 5 replies |

pcondon1390228

Ribbon + Full Size altering size

I want to reduce the size of the whole area in order to fit onto my web page, I have tried in vain with the documentation on how to customize a powergallery design but everything seems ok until I come to "add the site" the php script created and then uploaded to the server but when I view the page the whole gallery is corrupted and incorrectly formatted.

Additionally if I then go back to an original design and then add the php script back to the original page the format still stays corrupted.

Can you please help me I just need to understand how to adjust the size to fit the page.

you can see this at therange.php

Also I would like to change some of the original colours to blend in with page for example the top navigation FIRST PREV LAST and then the grey line above thumbnails also arrow colours

Sign in to reply to this post

Jimmy Wu

In the common.css file, you will have to change the width for this property:
.pg-rf

Then you would have to find the div:
<div class="thumbs-wrapper" style="width: 791px;">

and this div:
<div class="thumbs" style="width: 790px;">

And change the width to be less. This should allow you to customize the size of your gallery to fit with your page.

Sign in to reply to this post

pcondon1390228

Altered Size but still issues

Jimmy,

I have altered the width of .pg-rf from 896 to 796

I have altered <div class= "thumbs-wrapper" style= "width from 791 to 691px;">
I have altered <div class= "thumbs" style= "width from 790 to 690px;">

This has had some successs however the thumbnails and Navbar need to be reduced to appear on the page.

Also in the last post I asked some questions on how to alter the colours of text, arrows and the grey band so the colours are more in line with the page content.

I appreciate your help, see amended version therange.php

Sign in to reply to this post

Jimmy Wu

Sorry for that, I guess I missed the questions at the end.

For the arrow color, you will have to go into the PowerGallery100/galleries/ribbon_fullsize/images and change the image itself to be the colors you want.

To change the gray bar, you would look in the light.css file and change the css block:
.pg-rf .title

To change the text in the gray bar, you would look in the light.css file as well and change the css block:
.pg-rf .title .fullsize-title

To change the size of the thumbnails in the scroller you would have to go into the PowerGallery100/galleries/ribbon_fullsize/index.php file and find this line of code (should be line 80 if you haven't made any changes):

php:
echo '<img alt="" title="' . $i . '##' . str_replace('"', '\"', $gallery['images'][$i]['title']) . '##' . str_replace('"', '\"', $gallery['images'][$i]['description']) . '"  src="' . $gallery['images'][$i]['thumb']['url'] . '" width="62" height="62" />';



change the width and height there and the thumbnail should be different sized.

Sign in to reply to this post

pcondon1390228

Resize

Many Thanks it's worked

Sign in to reply to this post

Jimmy Wu

Great to hear it. If you run into any additional issues, feel free to open a new thread.

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...