best theme for embedding in IFRAME?
greg@gregtompki...
Joined: 2010-12-28
Posts: 43 |
Posted: Mon, 2011-01-31 03:24 |
Hello- I have an existing site I want to embed Gallery2 in to. I used the Floatrix and tweaked the CSS to my liking, removed the logo, etc. What I still need to figure out how to remove the breadcrumbs at the top and the line outlining the Gallery2. I also want to make it ONLY be able to go to a single album and remove Login, and the breadcrumbs at the top. Is Floatrix the best "theme" for my use, should I be looking elsewhere and/or should I modify this theme? I just don't know how to do what I'm trying to do. Any help would be most appreciated. THANK YOU! oh, and here's my site: http://www.4-tacres.com/photos.htm |
|
Posts: 43
I attached an image of what I'm talking about. I also want the back and forward buttons to only be at the bottom, not both at the bottom and top. Thanks!
Posts: 8339
Did you try my easy embed form?
You get true visual embed, no iframes http://www.flashyourweb.com/gallery2/4-tacres.php
I set one album to be default
I disabled login
I'm allowing the sidebar, but can disable
I use the clear theme
I can hide any element via css
If you want the file, let me know.
-s
FlashYourWeb and Your Gallery with The E2 XML Media Player for Gallery2
Posts: 43
WOW! I really really really like that!! That is exactly what I was after but I didn't know how you did it. I used your embed-o-rator for the minislideshow on g3, which I really like, too but want something non-Flash. I don't understand conceptually how you were able to embed like that.
Yes, I would love the file. Thanks so much!
Posts: 43
Ok, I think I got your embed-o-rator all figured out. Very cool, nice work! When I'm done with this project, I'm going to give a donation toward the cause!
I've been banging my head against the wall, though, with some CSS issue I can't figure out. When you go to http://www.4-tacres.com/photos.php my button bar fonts get big! Here is my css file, and the php file from the embed-o-rator.
Thanks for all your help, suprsidr!
Posts: 8339
Looks like you've got it figured out, good job. See what happens while I sleep ;)
Now all you need to do is re-configure your minislideshow on the home page to point to your new photos.php
Glad my embed-o-rators can be of some use.
-s
FlashYourWeb and Your Gallery with The E2 XML Media Player for Gallery2
Posts: 43
I think I did get the hang of it, but I just have a CSS problem with my button bar I can't figure out. The button font got big and it spilled on to 2 rows.
Posts: 8339
just move your stylesheet after gallery's head
-s
FlashYourWeb and Your Gallery with The E2 XML Media Player for Gallery2
Posts: 43
I am still missing a piece here. I noticed your resulting HTML has all the header code, so did you manipulate the html after embed-o-rator? I tried both copying from the very beginning of my file, and also from just between the <body> and </body> tags.
I am putting all the html between the <body> up to the point I want the gallery in the first window,
Your page body HTML:
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th align="left" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="top"><img src="Images/header.gif" width="800" height="164" /></td>
</tr>
</table></th>
</tr>
<tr>
<td height="40" align="left" valign="middle" bgcolor="#78A22F"><table width="100%" border="0">
<tr>
<td width="1%"> </td>
<td width="98%" align="right" valign="middle" class="navbuttons"><div align="center"><a href="index.htm" class="navbuttons">home</a> | <a href="aboutus.htm" class="navbuttons">about us</a> | <a href="" class="navbuttons">availability</a> | <a href="photos.php" class="navbuttons">photos</a> | <a href="testimonials.htm" class="navbuttons">testimonials</a> | <a href=# class="navbuttons">calendar</a> | <a href="contactus.htm" class="navbuttons">contact us</a> | <a href="links.htm" class="navbuttons">links</a> | <a href="sustainability.htm" class="navbuttons">sustainability</a></div></td>
<td width="1%"> </td>
</tr>
</table></td>
</tr>
<tr>
<td align="left" valign="top"><!-- InstanceBeginEditable name="BodyContent" -->
<table width="100%" height="163" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="top" bgcolor="#D7D89C">
and in the
Your page footer HTML:
</td>
</tr>
</table>
<!-- InstanceEndEditable --></td>
</tr>
<tr>
<td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="25" align="center" valign="middle"><p class="footer">© 2010 4-T Acres, LTD | All Rights Reserved | 20995 Wallace Rd SE, Dayton, OR 97114 | 503-868-7524</p></td>
</tr>
<tr>
<td height="20" align="center" valign="middle" class="footer"><a href="index.htm" class="footer">home</a> | <a href="aboutus.htm" class="footer">about us</a> | <a href=# class="footer">availability</a> | <a href="photos.htm" class="footer">photos</a> | <a href="testimonials.htm" class="footer">testimonials</a> | <a href=# class="footer">calendar</a> | <a href="contactus.htm" class="footer">contact us</a> | <a href="links.htm" class="footer">links</a> | <a href="sustainability.htm" class="footer">sustainability</a></td>
</tr>
</table></td>
</tr>
</table>
Posts: 8339
here's my version.
-s
FlashYourWeb and Your Gallery with The E2 XML Media Player for Gallery2
Posts: 43
That is great! I think the embed-o-rator misses a few things. Even without pasting any of my body and footer code, it's missing the <html> tag after doctype and before <head>.
<?php
require_once ('embed.php');
$ret = GalleryEmbed::init( array ('g2Uri'=>'http://www.yoursite.com/gallery2/main.php', 'embedUri'=>'http://www.yoursite.com/gallery2/gallery2Embedded.php', 'fullInit'=>'false'));
if ($ret) {
print 'G2 init error: '.$ret->getAsHtml();
}
$g2data = GalleryEmbed::handleRequest();
if ($g2data['isDone']) {
exit;
}
GalleryEmbed::done();
?>
<!-- Your Html Head -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Flashyourweb Gallery Embed Template</title>
<link href="http://www.yoursite.com/style.css" rel="stylesheet" type="text/css" />
<!-- Gallery's Head -->
<?php
echo $g2data['headHtml'];
?>
<!-- End Gallery's Head -->
</head>
<!-- End Your Html Head -->
<!-- Your Html Body -->
<body>
What you want to appear before gallery (logo, menu, left-blocks...)
This area should also contain the opening to the cell which will contain gallery.
<!-- End Your Html Body -->
<!-- Gallery's Body -->
<?php
echo $g2data['bodyHtml'];
?>
<!-- End Gallery's Body -->
<!-- Your Html Footer -->
What you want to appear after gallery (right-blocks, copyright...)
Make sure you close the cell you opened above.
</body>
</html>
<!-- End Your Html Footer -->
Posts: 8339
I also stripped out a couple of your unnecessary nested tables.
-s
FlashYourWeb and Your Gallery with The E2 XML Media Player for Gallery2
Posts: 43
aye aye aye, I think this is going to send me to the insane asylum! I have poured over the CSS and this code over and over and over and for the life of me can't figure out what is making the size of my fonts change on my site's navigation bar.
Posts: 8339
Here you go, I spent some time with it and fixed the nav and fonts, added a css reset... http://www.flashyourweb.com/gallery2/4-tacres.php
If you look at what I did with the styles and their placements you should understand my methods(read the comments above my added styles)
If you find some other style that need adjusting, just add them to the gallery adjustment section.
You can even hide gallery display elements by setting their display to none, or hidden:
would hide gallery's system links.
-s
FlashYourWeb and Your Gallery with The E2 XML Media Player for Gallery2
Posts: 43
Right on! And I am completely revamping my entire site and set up my Win2k8R2 server, gallery on it and every single plugin and theme and it is so much faster to debug than constantly tweaking with the settings, uploading to the hosted, etc.
Posts: 8339
if your site were entirely php(index.php, photos.php, about.php...), you could make it easier to make site-wide changes.
Having separate files for each main static section:
header.php
nav.php
footer.php
if these are all the same site-wide, then create these files with just their html and include them in your pages like:
<? include 'nav.php' ?>
then when you change the nav.php, it gets updated throughout.
While you're at it, make it wider, 800px is so very 2002 Most modern designs are 1140ish but scale appropriately for smaller resolutions.
-s
FlashYourWeb and Your Gallery with The E2 XML Media Player for Gallery2
Posts: 43
I am really learning all this for the first time! Do you have an example I can follow? This web site is for my parents' small business and I am unemployed so I have a lot of time on my hands to not just do this but learn while doing so. I'm also playing with Joomla and Gantry but that seems like overkill for what we need right now.
Thanks again for everything. I have really enjoyed getting to learn this.
Posts: 8339
very simple, cut the entire menu html out of photos.php from <ul> to </ul> and place it in a file called nav.php
and where that menu html used to be in photos.php put:
<? include 'nav.php' ?>
If you do this in every page where the nav is supposed to be, then whenever you alter nav.php all pages get updated.
I just did that in http://www.flashyourweb.com/gallery2/4-tacres.php
here is nav.php
-s
FlashYourWeb and Your Gallery with The E2 XML Media Player for Gallery2
Posts: 43
Line 37
$gallery->setConfig('showSidebarBlocks', flase); // you can hide the sidebarblocks in fact you must to use $g2data['sidebarBlocksHtml'] true/false
typo on the word "false"
Posts: 43
Ok,
I tried to hack this script to work locally first ( I am running on IIS, PHP and MySQL on Windows Server 2008 R2 ). Sure beats the performance of Network Solutions!
Here's what I have. I put the site content all in c:\inetpub\wwwroot, and when I try to run it, it just loads forever and eventually I get a 500 error.
I want to do what you suggested earlier and have all my content be PHP driven.
Here is the file I am using.
Thanks
Posts: 8339
defaultId cannot be 2
You would set it to the g2_itemId of the album your want to display.
Gallery's root album is 7 which is:
yoursite.com/gallery/main.php which is actually yoursite.com/gallery/main.php?g2_itemId=7
-s
FlashYourWeb and Your Gallery with The E2 XML Media Player for Gallery2
Posts: 43
How do you determine what a particular album's ID is?
Thanks
Posts: 8339
Just visit or edit the album, you'll see the id in the url.
Like my Images album http://www.flashyourweb.com/media/index.php?g2_itemId=32
or my video album http://www.flashyourweb.com/media/index.php?g2_itemId=30
Every item in gallery, be it a photo, thumbnail, resize, album, theme, user... has its own unique id. Most are numeric, others like modules and themes are usually their names.
-s
FlashYourWeb and Your Gallery with The E2 XML Media Player for Gallery2
Posts: 43
We're getting so close! In I.E. the buttons are vertical but in Safari, it's looking better.
Posts: 8339
why did you move when your stylesheet is included?
-s
FlashYourWeb and Your Gallery with The E2 XML Media Player for Gallery2
Posts: 43
I just thought I would try to reduce the # of tables within tables. I'm also trying to get the button bar on a php of it's own but not having much luck.....
Posts: 8339
Whenever I f'ck up a project, I return to the last know best option.
-s
FlashYourWeb and Your Gallery with The E2 XML Media Player for Gallery2
Posts: 43
Yeah, I've been slaving away at this thing for the last 2 days! I finally got it!
http://www.4-tacres.com/photos.php
Just a few things I don't know how to do - can I hide all the info at the top of the gallery embed? I just want the navigation buttons at the bottom and nothing at the top. I couldn't find where to hide that.
and something else, on my testing server (my own personal machine running IIS Windows 2008 R2) things seem to run so much better, it's more responsive and I can get the cooliris slideshow to work fine. I can't on the hosted (www.4-tacres.com) one.
Here's my personal machine http://www.gregtompkins.com/photos.php
I'm also still trying to figure out how to make it all PHP like you suggested earlier and not having much luck. And finally one last thing, is there a good e-mail / php script form you'd recommend?
Thanks again for all your help - I owe you!
--GREG--
Posts: 8339
The ugliest part of info to hide.jpg is the fact that you're using internet explorer.
If you hide the breadcrumbs, then you're essentially hiding the "Back" button.
-s
FlashYourWeb and Your Gallery with The E2 XML Media Player for Gallery2