Spookys guide to embedding into your HTML style

spook

Joined: 2002-09-20
Posts: 10
Posted: Fri, 2002-09-20 04:59

Hi, everyone, first post on here, just had Gallery uploaded onto a server yesterday (had to get someone else to do it, php safe mode :evil: )

Thought like many others, how the hell do I customise it into the style of my webpage, after reading on here, trial and error and burning the midnight oil, I'm proud to say I was successful

:smile:
Now I thought I'd do my own guide for you folks, 1. cause its an important subject and 2. well, some of you peeps guides arn't the easiest to follow.

______________________________________________________________________

1. In your Gallery folder, theirs a folder called HTML_wrap.

2. Inside theirs quite a few files, we'll keep this easy and pick the starter files
gallery.head.default and gallery.head.default
but use this formula for the rest of your wrap files

3. Download the files.

4. WARNING I renamed the original files on the server, so I always had a back up copy, as I said a lot is trial and error

5. Open up your HTML/webpage template that you want your Gallery to nestle in, you can use any Application you want, I used Dreamweaver.

6.In Dreamweaver I had the view in show code and design views.

7. In the design view, place your curser in the place where you want your Gallery to nestle, usually this will be in the middle of a table, whitch will be positioned central with either Nav bars at the side or top.

8. Now using Code view, where your curser is positioned drag while holding down the mouse button right up to <html> and CUT

9. Open your gallery.head.default in Dreamweaver (will have to switch to ALL FILES

10. Place your curser at the end of the code and PASTE and close, saving.

11. Go back to whats now left of your template, in code view, select all, cut and close your template page (don't save :roll: )

12. Open with Dreamweaver gallery.footer.default.

13. Place your curser just before </body> tag and PASTE

14. Close and save.

15. FTP the gallery.head/footer back into HTML_wrap

16. Bobs your uncle :smile:

17. Do this for the rest of your HTML_wrap files

18.WARNING :mad: remember any images, jpegs or gifs, ect, on the template linked to your main images folder will now have broken links, this been because the image folder is now located above your HTML_wrap folder and contained files. you could use ../../ I think!?!?!?!?!?
But I cheated and just put the direct src in on dreamweaver, eg, www.mywebpage/images/piccy.gig rather then use ../../
Can anyone tell me will this slow things down?

19. And finally remember, its still going to take a lot of tweaking and trial and error to get it right, but thats how we learn.

20. Now back to configuring it further, still havn't worked out how I'm going to link all the sections in, mmmmmm

21. Is it true for more them one Gallery, you have to duplicate and rename it? eg, if you wanted a Gallery for WOmen and one for Men?

22. Oh and my Javascript image swaps still work :smile:

23. Oh now for some sleep........

24. zzzzzzzzzzzzzzzzzzzzzzz