Shozam Community

What I would like to do is insert Shozam into a current web page without using frames or iframe.

I want to keep my header and nav bar right where it is. So how do I insert your photo gallery to my web page?  Please go to http://www.koushins.net/cruiserz_home/index.html to see my current site.

If have tried to mod the main photo gallery, by that I mean build my web page around it, but I can’t move the gallery to the right, down ans so on.

Currently i a using Dreaweaver 8 Studio. 

Can someone please help me with this?

Thanks, Wile E
Northern Japan

I have used Shozam to create all the galleries on my website. The website itself was built using Dreamweaver - I'm not sure if you are trying to do the same thing, select the galleries option from the home page, this will take you to the main galleries page where you can select a subject. Let me know if this is what you need to do and I will explain how it's done.

http://www.mikespeightphotos.co.uk

Mike

Mike thanks for the reply and I like the way you have done your website.

Unfortanly that’s not how I want to post my gallery for 2007.  If you send me an email at wilee69_117@hotmail.com , I can show you the way I would like to lay out the page.

But you have given me some ideas for the lay out in a different manner.

Thanks, Wile E

Northern Japan

Mike,

I have been able to change the lay out of there gallery, this is done by going into their css and making changes. The problem with this is, if you update the gallery you lose your page set up. For me this needs to be moded so the only changes to be added are in the flash setup its self.

Again thanks for your help,

Wile E

Northern Japan

Shozan Staff,

I am very disappointed that none of your staff replied to this post or my privet message. If you wish to continue having such a great program you need to start looking very hard at people modding your software. It doesn’t matter whether you like the idea or not. You should support it and help members in there endeavor to make your software better/user friendly.

Very disappointed in staff support

Wile E

Northern Japan

Wile,

You should be able to achieve tight integration by using the HTML Tab in Step 5. This will allow you to "wrap" the whole gallery as you wish, with your own custom HTML.

For example, if you want the gallery to appear inside a table, you would just place the preceding table code in the first HTML entry box and the closing HTML table code in the second one. Or, you can have your site's custom header at the top and the site's footer at the bottom.

You can probably even insert inline CSS in the first HTML box, if you need to change some particular Shozam style that is not supported directly in the theme editor in Step 4. I think Shozam offers all that may be needed for pretty much any type of customization. Your integration results may only depend on your HTML/CSS experience.

I answered your private message as well as added similar information in the FAQs:
http://www.helpconsole.com/Shozam/default.aspx?page=FAQs2.aspx

Wile E,

I put my galleries behind the Main page of my web site and then created link buttons to connect to each gallery. In the Root directory of my web site I put sub directories called File1, File2 and so on. then place the individual gallery in each separate sub directory. I put a Return to main page link on the header of each gallery to get back to the main page. (http://www.tdiebold.com) Hope this helps.

Gents, Thanks for your input, but thats not what i am looking for. Here is a picture of what i am looking at doing.

http://www.imageshock.eu/?img=Slide1.jpg

Thanks, Wile E

Wile, based on what you show in the screen capture, I have a few suggestions. Mainly think not about inserting the gallery on a Web site page (which would be accomplished with FRAMES) but rather modifying the Shozam genrated gallery pages so they look like in your screenshot.

1. Generate a sample gallery with just one image
2. Bring the gallery files into Dreamweaver
3. Open the Large Page in Dreamweaver (basically the page that shows the large image). You can work with any other page but this is the simplest...
4. Modify it in Dreamweaver by only inserting HTML between <body> and </body> and by not inserting anything in the top-most DIV (the one that contains the main content of the Shozam page
5. Once you have it as you see fit, I would copy the HTML that is between <body> and the <div> that was at the start of the gallery and paste it in the HTML tab in Step 5 of Shozam (top box). Then do the same with copying the HTML code between </div> and </body> and paste it in the bottom box.
6. I think Shozam will then automatically create pages that display the main gallery content in that parent table that shows your Web site elements.

The way I would approach the important #4 above is to create a table with 3 rows and 2 columns at the very top of the page, right after <body>. Then I would copy the WHOLE top-most div containing the whole Shozam page content and place it in the 2nd column of the 2nd row. Then I would fill in the other table cells with your Web site content to match the screenshot.

NOTE: Do not add any custom references in the HEAD tag. Also, do not have any relative references; meaning that if you need to insert an image, you will need to reference the Web URL. Do not reference relative locations because Shozam files in different directories would need different paths. Absolute locations will not care about this.

Razvan, I will try to play with it sometime tomorrow, hopefully all will go well. I realy don't know that much about html code

Thanks,

Wile E

Northern Japan

Gents,

I have tried all different ways to incropat the gallery to my web site and have had no joy at all. Is there some way to just use the flash file its self?? If not, then I can’t use this software ad that is a shame because it’s a great flash gallery. So I am back to square one.

Wile E

Northern Japan

Awesome.... Razvan, I can't thank you enough for that advice. I had never thought to "break the RULES" and put the <style> in the body. Ok it may break validation, but WOW. I can control the fonts in Shozam, the <a:link> , everthing to fully integrate the gallery into the existing site.

Take a look at www.stanley-royle.com for total integration.

Derfeluk,

Glad you put the tip to good use; great site, indeed well integrated!

It should not break validation; inline CSS is legal. Something like this:

You can also link to your own stylesheet residing somewhere on the Web (so you can reference an absolute URL). I think that is illegal, attaching a style sheet from within the <body> tag (rather than in the <head> tag) but it worked nevertheless in my tests.

You may also be able to edit a Shozam Theme CSS outside the program though this is not supported. Save the theme under a new name and then edit the corresponding CSS in the [My Documents/My Shozam Themes] folder. Back-up first and test to ensure the theme does not get "corrupted" (does not get recognized by Shozam). You should then be able to apply that externally edited theme from within Shozam and not have Shozam write over your edits.

NOTE FOR OTHER READERS: Suggestions above are for pro Web designers with understanding of CSS editing.

Cheers Razvan for the compliments!

I did try referencing an external style sheet from both within the <head> and within the<body> but it was odd in that it would not recognise ALL of my unique div id's and consequent descenders. I'm sure there are many ways to simplify what I have done, I will spend more time when I get bacjk from holidays. 

Am I correct in understanding that what you are saying is that the "theme.css" is the only styling applied to the gallery (apart from the Flash components), and by editing that theme.css I could achieve the same results as including the <style> tags within the <body>. In effect writing my own theme!

Thanks again!