General Support: Integrating the script into my website

chris_elevate,

What is your code in http://www.kingofhosting.co.uk/timandkath/gallery.php to include the script? You should be using plogger/index.php as an example, NOT plogger/gallery.php. You can find this in the documentation (albeit limited at this point) too.

In your http://www.kingofhosting.co.uk/timandkath/gallery.php, you should have:
<?php require("plogger/gallery.php"); ?>as the first line of your code and:<?php the_gallery_head(); ?>in the head tags and:<?php the_gallery(); ?> where you want the pictures to show up.

Is this what you have? For some reason, your gallery.php file cannot find the plog-functions.php file so it can't recognize the plogger_init() function.

glad you got it working!

For integrating it into your website, I would start with the 'default' theme instead of the 'air' theme like you have (since 'air' uses some images in the theme). Then, just modify the 'gallery.css' file to suit your needs (colors, width, borders, etc.)!

Yes, that is the theme I am referring to. Now to edit that theme ('default').

To remove the search, open 'header.php' and find:
'</td><td id="jump-search-container">'.generate_jump_menu() . generate_search_box().'</td></tr></table>';remove the generate_search_box() like so:'</td><td id="jump-search-container">'.generate_jump_menu().'</td></tr></table>';

And to make plogger fit the window you're in (although it looks like with the new theme it is already doing that), just change the width of #main_container in the gallery.css to whatever you want (100%, actual pixels, etc.).

Posted By: chris_elevate... and to remove the RSS feed at the bottom? Do you know how to do this?

This is in 'footer.php'. Just remove:<td id="rss-tag-container">'.plogger_rss_feed_button().'</td>

Posted By: chris_elevateI also seem to have a ! that's appeared in the gallery now??? Any idea where this has come from?

I don't know where this is coming from. It seems to be happening right at the bottom of 'header.php'. I would check there first to see if anything was mis-typed there.

Posted By: chris_elevateAnd lastly the CSS seems to be styling my whole page now i.e. http://www.kingofhosting.co.uk/timandkath/ seems to be using my original style.css file and http://kingofhosting.co.uk/timandkath/gallery.php seems to using the plogger style.css file. Any idea why??

This is how it is supposed to be working. Whenever you go to a plogger image (even embedded), it pulls the style.css from the plogger theme you are using (since you probably don't have all the plogger image layout CSS in your main style.css file). Just check to see if you have any overlap on your CSS styles (it looks like you are just having some troubles with the links in the div box with the #nav id).

Posted By: chris_elevateAny idea why the album displays so far down the page?

Padding somewhere?

Posted By: chris_elevate
As for the CSS do you mean use one CSS file for the site and integrate them both together?
i.e. rename some of the div tags if it's getting confused?

I think the css is getting confused by divs with the same id (i.e. #wrapper id is defined twice, once around the navigation links from the rest of the site and another around the Plogger output). This is what is causing the text to be different than the rest of the site.

Basically, ids should only be used once, classes multiple times (to correctly validate for W3C). Also, if you have a class or id defined in your overall site css file, remove it from the gallery css file if you want them to look the same. That's all. :D

You can use 2 CSS files no problem! I don't have any good tuts on CSS for Dreamweaver, but if you just edit the gallery.css to remove the font stylings from the #wrapper div, everything should work out swimmingly! You can use any text editor to change CSS, but it helps to have a program with colored stylings (easier to see if you forgot something). Like you said, I think Dreamweaver has a built in colorizer for editing files so you should be able to use that.

Open 'gallery.css' and delete or comment out:#wrapper {
font-family: Verdana, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
font-size: 10pt;
}

Posted By: chris_elevateAwesome!!! - Done it and it works a treat!

Great!

Posted By: chris_elevateDude you're good!!! Who are you? Where you from? you should get a job doing this!!

Thanks! I'm from Seattle, but I already have a day job! :P

Posted By: chris_elevateWould the padding be in gallery.css? Which div tag will it be in? Any idea?

I guess this may not be padding. From the looks of it, there is head CSS in your pages for#apDiv2 {
position:absolute;
left:50px;
top:265px;
width:700px;
height:195px;
z-index:2;
}This starts the galelry down 265px from the top. I really don't think that it is too far down the page though. It looks nice!

Posted By: chris_elevateOh and any idea which bit styles the Tim and Kath header bit?

This would be the #gallery-name in your gallery.css. Just add something like "font-size: 1.2em;" to that CSS to get it smaller than it currently is (currently is the default size for header tag 1 - which is the largest header tag).

Posted By: chris_elevateDo you think losing the link back to plogger would be a bad idea?

That is up to you, but it is always better to leave it or to make a small donation for the development team's work (for recognition of some sort for the time people have put in).