web templates by type web templates catefories

Would you like to sell Web templates?

You get 25-40% commission on every sale with our affiliate program. Don't hesitate!

How to create website with photo and video gallery using Dynamic Flash Photo and Video Galleries Template?

Requirements

So, you decide to create website using Dynamic Flash Photo and Video Galleries Template. Good choice. Let’s make from your template live. First of all you need to buy Internet domain name. Second, you need webhosting which must have at least 50 Mbytes free space and support PHP version 5.x.x or higher.

At least you need to download Dynamic Flash Photo and Video Galleries Template ZIP archive. After purchasing template you will receive a download link. Download ZIP archive, unzip it. Now we ready for next step.

Template packing list

After unzipping archive you will see four folders “html”, “flash”, “PSD”, “Fonts” (look at screenshot #1).

Structure of template folder

Screenshot #1. Structure of template folder.

“html” folder contains ready to use template. This is the main folder for current tutorial. Folder contain many files, most important files for us are: text.html, mail.php and image files. How to manage these file described bellow in this tutorial.

“flash” folder contains flash source files (FLA files). You will need these files if you want to change some core functions of template. For example, if you want to add additional main button. To edit these files you need special software Macromedia Flash MX or higher, now this product is rebranding for Adobe Flash CSx Professional. To buy Adobe Flash, please visit http://www.adobe.com/products/flash/

“PSD” folder contains graphic source files in PSD format. We develop design for our templates using Adobe Photoshop software. To buy Adobe Photoshop, please visit http://www.adobe.com/products/photoshop/family/

“Fonts” folder contains all unusual fonts that we use at current template. When you should use these fonts? Only if you want to edit design source files from PSD folder. To install these fonts on windows system you have to copy all files from “fonts” folder to your system font folder. Usually it’s - c:\WINDOWS\Fonts.

“flash”, “PSD”, “Fonts” folders usually used be professional web developers. Dynamic Flash Photo and Video Galleries Template have powerful edit features, so you don’t need to change sources of template, don’t need to buy additional software, don’t need to have web development skills. All your needs are pre-made in template. Bellow I will describe all features of template, but now we have to install template on your webhosting.

Install template

  1. Connect to your web server via FTP. You can do these using open source software FileZilla. It’s free to use software you can download it from http://filezilla-project.org/.
  2. Set current directory to website root directory, usually it’s public_html. (I will use another folder – public_html/1tutorial).
  3. Upload all files from template’s html folder to your web server root folder. (look at screenshoot # 2)
    Upload files from “html” folder to web server

    Screenshot # 2. Upload files from “html” folder to web server.

  4. Set permissions “777” to “config.php”, “categories.mdb”, “video.xml” files and “photo_gallery”, “video_gallery” folders (look at screenshot #3,4).
    Choose needed files. Mouse right button click on selected files. Choose “File permissions…” menu item

    Screenshot #3. Choose needed files. Mouse right button click on selected files. Choose “File permissions…” menu item.


    Set permissions to “777”. Click “OK” button

    Screenshot #4. Set permissions to “777”. Click “OK” button.

  5. Now start installation script from your web browser. For this use URL - http://www.yourdomain.com/install.php. Here you can set authentication parameters (admin login name and admin password). It’s VERY important to change default values. Also you can change maximum height and width of your photo gallery and size of auto created thumbnails for your photos. You can leave default values for size parameters. When you finish with parameters, press “Submit” button.
    Set settings for your Gallery

    Screenshot #5. Set settings for your Gallery.

  6. Next screen will show you next instructions: delete “install.php” file, change permissions to 755 for file “config.php” as show at Screenshot #4.
  7. Congratulations! Your gallery installed successfully. Now we ready to full gallery with photos and videos. Your site URL: http://www.yourdomain.com Your Admin Cpanel URL: http://www.yourdomain.com/admin.php

Manage Photo Gallery via Admin Cpanel

  1. Login to Admin panel using user name and password that you set at installation step. Use URL - http://www.yourdomain.com/admin.php to access Admin panel.
  2. First of all you should create gallery categories. Enter category name to field “Add new category:” and press “Add” button. See example at screenshot #6. Here I add 2 categories. “Houston Rockets vs Golden State” and “Detroit vs Sacramento”
    Two gallery categories added.

    Screenshot #6. Two gallery categories added.

  3. To delete gallery category you have to click on delete button opposite to category name.
  4. To change name of category you have to click on edit button opposite to category name. In new window enter new name for category and click on “Add” button.
  5. You can sort category listing. To do this click on “SORT” button. You enter to sort mode, where you can change the category’s position using “drag and drop” with your mouth. See screenshot #7. When you finish click on “SAVE” button. Now you save new category’s positions and return normal mode.
    Sort gallery categories.

    Screenshot #7. Sort gallery categories.

  6. Now add your photos to gallery. Choose needed category, write photo text description, if need, choose photo file from your hard drive and click “ADD” button. See screenshot #8.
    Add photo to gallery.

    Screenshot #8. Add photo to gallery.

  7. To delete photo you have to click on delete button opposite to photo thumbs.
  8. To change description of photo you have to click on edit button opposite to photo thumbs. In new window enter new description and click on “Add” button.
  9. You can sort photos. To do this click on “SORT” button. You enter to sort mode, where you can change the photo’s position using “drag and drop” with your mouth. When you finish click on “SAVE” button. Now you save new photo’s positions and return normal mode.
  10. Now you can see your photos at your website. Go to your website URL - http://www.yourdomain.com and go to “Gallery” page. See example at Screenshot #9.
    Ready photo gallery.

    Screenshot #9. Ready photo gallery.

Manage Video Gallery via Admin Cpanel

  1. Login to Admin panel using user name and password that you set at installation step. Use URL - http://www.yourdomain.com/admin.php to access Admin panel.
  2. Go to Video section, click button “manage Video”
  3. Prepare your videos. You can use only FLV file format. If your videos are in other format you should convert it using you PC program or you can do it online. We provide special online service for converting videos online, it available at http://www.demo-templates.com/.
  4. Prepare thumbs for your videos.
  5. Upload video. Enter video name, video duration, choose video file, choose thumbs file and click on “Add” button. See screenshot # 10. Uploading can take some time; it depends of video file size and speed of your Internet connection.
    Add video to your gallery.

    Screenshot #10. Add video to your gallery.

  6. To delete video you have to click on delete button opposite to video thumbs.
  7. To change name of photo you have to click on edit button opposite to video thumbs. In new window enter new name for video and click on “Add” button.
  8. You can sort videos. To do this click on “SORT” button. You enter to sort mode, where you can change the video’s position using “drag and drop” with your mouth. When you finish click on “SAVE” button. Now you save new video’s positions and return normal mode.
  9. Now you can see your video at you website at Video page. See screenshot #11 for example.
    Videos on your website.

    Screenshot #11. Videos on your website.

Help menu