• [Template] Prodigy Responsive 5 0 5 1
Currently:  

Author Topic: [Template] Prodigy Responsive  (Read 44932 times)

0 Members and 1 Guest are viewing this topic.

Offline chamkani.net

  • Jr. Member
  • **
  • Posts: 88
  • Moxet Khan
    • View Profile
    • Pukhtoogle
[Template] Prodigy Responsive
« on: July 13, 2015, 01:40:17 PM »


Hi guys, i am using 4images from more than 5 years with a huge photo gallery website. I made a template before name "Pukhtoons" and lots of users downloaded for FREE. Today i am introducing a new Responsive theme "Prodigy"

Prodigy is the ultimate 4images theme. It is clean, super flexible, responsive, includes smart-phone swipe option and comes packed with powerful options! As google mentioned in April 21 about the new algorithm for responsive websites to be fetched more quickly and ranked on top. There were NO responsive template for 4images CMS while hundred of sites are using it for the galleries or even products. Prodigy is 100% responsive and mobile supported theme; check google Mobile-Friendly Test for Prodigy here.



Prodigy is very intuitive to use and completely ready to operate out of the box. Built with Semantic-UI, HTML5 & CSS3, a lot of thought and care went into this theme making it a pleasure to use.  Give a live look to your 4images galleries, products or catalog. All changes are made in template files except slight modifications in PHP core files for images/icon replacement. Which are included in the manual below.

Developers are welcome to report bugs or suggest any changes. If you have vivid idea about using semantic UI framework; you can easily modify the theme including colors, menu, icons and other core assets.



We’ve highlighted some of our features below, check them out below! Buy Prodigy and come be a part of this awesome community!

Features

  • Clean, modern, multi-purpose design can be used for any type of 4images gallery
  • Compatible with 4images 1.7.11 (Demo version uses 1.7.11)
  • Built with Semantic-UI, HTML5 and CSS3
  • Jquery Swipe for smartphones (Swipe thumb to reveal text or add to lightbox)
  • Built-in block for ads (Ad sense and others)
  • Addthis sharing buttons
  • Use of CSS based button instead of images
  • Well organized, commented & clean code
  • Cross-Browser Compatibility: FireFox, Safari, Chrome, IE8, IE9, IE10, IE11
  • 100% Responsive Theme
  • Full control over site width; content area and sidebars
  • Retina Ready, Ultra-High Resolution Graphics
  • New and improved media thumbnails
  • Social Icons and Theme Icons are Font Icons, no Images
  • Facebook Like box
  • Good looking footer with social icons
  • Strong focus on typography, usability and overall user-experience

Installation

  • Download your zip file from here
  • Upload theme folder to yoursite.com/template/
  • Login to your website as admin
  • Open control panel find settings on left sidebar
  • Select Prodigy in Choose template directory
  • Make your thumbnail size to 200px, re-size proportionally and quality 100%

There are slight changes in PHP files for adding CSS classes to tables and button which can be found in the link below including the demo. If you have any question and i am not active in forum you can drop an email to mxtchamkani[at]gmail.com

http://softemblems.com/prodigy-4images-theme/

Happy Customers
http://www.logopub.net/
http://www.parkshots.de/
http://pukhtoogle.com/gallery
http://m.castillos-de-espana.com/
http://www.fond-ecran-gratuit.biz/
http://comicartcommunity.com/gallery
« Last Edit: August 10, 2016, 07:45:45 PM by chamkani.net »
First 4images Responsive Template Prodigy http://softemblems.com/prodigy-4images-theme/

Download Pukhtoons Template (Twitter bootstrap 1st template) http://www.4homepages.de/forum/index.php?topic=30824.0

My Galleries:
http://pukhtoogle.com/gallery
http://thepeshawar.com
http://placeme.pk - Hostels in Pakistan
https://seengar.com - Afghan Dresses

Offline Sumale.my

  • Addicted member
  • ******
  • Posts: 1.786
  • Neverdie
    • View Profile
Re: [Template] Prodigy Responsive
« Reply #1 on: July 13, 2015, 07:10:00 PM »
Very nice !

Offline comicart

  • Full Member
  • ***
  • Posts: 148
    • View Profile
Re: [Template] Prodigy Responsive
« Reply #2 on: July 13, 2015, 07:14:40 PM »
Thanks - I am interested. Tagging this thread to see replies/problems/solutions, etc.

Offline Tino23

  • Full Member
  • ***
  • Posts: 190
    • View Profile
    • LMJ - Motorsport
Re: [Template] Prodigy Responsive
« Reply #3 on: September 25, 2015, 08:21:16 AM »
Endlich mal ein Responsives Design für 4imagest  :thumbup: Ein kleiner Lichtblick seit Jahren mal wieder. Danke für das schöne Template!

Offline comicart

  • Full Member
  • ***
  • Posts: 148
    • View Profile
Re: [Template] Prodigy Responsive
« Reply #4 on: September 25, 2015, 06:21:55 PM »
Endlich mal ein Responsives Design für 4imagest  :thumbup: Ein kleiner Lichtblick seit Jahren mal wieder. Danke für das schöne Template!

Are you using this template Tino23?
Is anyone using this template? Can you give a link to your site if you are?

Offline Tino23

  • Full Member
  • ***
  • Posts: 190
    • View Profile
    • LMJ - Motorsport
Re: [Template] Prodigy Responsive
« Reply #5 on: September 26, 2015, 10:46:32 AM »
Eine Demo gibts doch hier http://softemblems.com/prodigy/

Offline comicart

  • Full Member
  • ***
  • Posts: 148
    • View Profile
Re: [Template] Prodigy Responsive
« Reply #6 on: September 26, 2015, 06:47:35 PM »
Yes, I have seen the demo. But I'm looking for real working site examples.

Offline chamkani.net

  • Jr. Member
  • **
  • Posts: 88
  • Moxet Khan
    • View Profile
    • Pukhtoogle
Re: [Template] Prodigy Responsive
« Reply #7 on: October 12, 2015, 08:54:07 AM »
Thank you guys for your interest, there are more than 10 purchases so far. If you want to check live demo of other sites please visit the following sites.

http://m.castillos-de-espana.com/
http://www.fond-ecran-gratuit.biz/
First 4images Responsive Template Prodigy http://softemblems.com/prodigy-4images-theme/

Download Pukhtoons Template (Twitter bootstrap 1st template) http://www.4homepages.de/forum/index.php?topic=30824.0

My Galleries:
http://pukhtoogle.com/gallery
http://thepeshawar.com
http://placeme.pk - Hostels in Pakistan
https://seengar.com - Afghan Dresses

Offline comicart

  • Full Member
  • ***
  • Posts: 148
    • View Profile
Re: [Template] Prodigy Responsive
« Reply #8 on: October 12, 2015, 09:17:09 AM »
Thank you guys for your interest, there are more than 10 purchases so far. If you want to check live demo of other sites please visit the following sites.

http://m.castillos-de-espana.com/
http://www.fond-ecran-gratuit.biz/

When viewed on an iPhone using Safari web browser, the both sites *not* responding well to the mobile platform.
See attached. Pretty impossible to read.
Hope that helps.

Offline parkshots

  • Newbie
  • *
  • Posts: 10
    • View Profile
Re: [Template] Prodigy Responsive
« Reply #9 on: October 12, 2015, 02:09:54 PM »
Great theme, i have bought it today and am now testing.

Unfortunately i have no experiences with Semantic-UI, HTML5 and CSS3.
So maybe you can answer:

- how to add a second image/logo file in the header with right algin
- where to find other possible icons for the navigation bar
- how to ad a space before image in the random image box. (The image is now placed directly at the upper borderline. Does not look good.)
- how to center content in sideboxes (for example the facebook integration in the Demo is not centred in the box.)

Thank you and regards!

Offline chamkani.net

  • Jr. Member
  • **
  • Posts: 88
  • Moxet Khan
    • View Profile
    • Pukhtoogle
Re: [Template] Prodigy Responsive
« Reply #10 on: October 12, 2015, 09:16:38 PM »
Thank you guys for your interest, there are more than 10 purchases so far. If you want to check live demo of other sites please visit the following sites.

http://m.castillos-de-espana.com/
http://www.fond-ecran-gratuit.biz/

When viewed on an iPhone using Safari web browser, the both sites *not* responding well to the mobile platform.
See attached. Pretty impossible to read.
Hope that helps.

Thanks for reporting, actually he forget to change the classes as mentioned in the screenshot. Working examples attached..


@parkshots

Using HTML5 and Semantic-UI is easy, everything is mentioned in thier website along with details. Let me give you answer one by one

- You can add another logo inside <div> with ID logo and change the float to right and add some margin as well (http://imgur.com/LEhb2lM)
- Here is the list of alternative icons http://semantic-ui.com/elements/icon.html
- You can open random.htm file and add space to image whether you want <br> or margin-top
- Open details.htm and find the block of facebook, it is card element of Semintic-UI just add text-align:center; to the card.
First 4images Responsive Template Prodigy http://softemblems.com/prodigy-4images-theme/

Download Pukhtoons Template (Twitter bootstrap 1st template) http://www.4homepages.de/forum/index.php?topic=30824.0

My Galleries:
http://pukhtoogle.com/gallery
http://thepeshawar.com
http://placeme.pk - Hostels in Pakistan
https://seengar.com - Afghan Dresses

Offline parkshots

  • Newbie
  • *
  • Posts: 10
    • View Profile
Re: [Template] Prodigy Responsive
« Reply #11 on: October 13, 2015, 09:48:27 AM »
Thanks for the quick response.   :)

Quote
- You can add another logo inside <div> with ID logo and change the float to right and add some margin as well (http://imgur.com/LEhb2lM)

This works, but not correctly. The problem is that the second image with right float always is scaled to a smaller size. (See attached screenshot)
Although it doesn't matter wich image size is written in the header file.



Offline chamkani.net

  • Jr. Member
  • **
  • Posts: 88
  • Moxet Khan
    • View Profile
    • Pukhtoogle
Re: [Template] Prodigy Responsive
« Reply #12 on: October 13, 2015, 03:14:32 PM »
Thanks for the quick response.   :)

Quote
- You can add another logo inside <div> with ID logo and change the float to right and add some margin as well (http://imgur.com/LEhb2lM)

This works, but not correctly. The problem is that the second image with right float always is scaled to a smaller size. (See attached screenshot)
Although it doesn't matter wich image size is written in the header file.

Yes you can tune your 2nd image with CSS for further modifications.
First 4images Responsive Template Prodigy http://softemblems.com/prodigy-4images-theme/

Download Pukhtoons Template (Twitter bootstrap 1st template) http://www.4homepages.de/forum/index.php?topic=30824.0

My Galleries:
http://pukhtoogle.com/gallery
http://thepeshawar.com
http://placeme.pk - Hostels in Pakistan
https://seengar.com - Afghan Dresses

Offline parkshots

  • Newbie
  • *
  • Posts: 10
    • View Profile
Re: [Template] Prodigy Responsive
« Reply #13 on: October 13, 2015, 03:49:10 PM »
Okay, but how?  :oops:

Offline chamkani.net

  • Jr. Member
  • **
  • Posts: 88
  • Moxet Khan
    • View Profile
    • Pukhtoogle
Re: [Template] Prodigy Responsive
« Reply #14 on: October 14, 2015, 10:22:19 AM »
Okay, but how?  :oops:

Suppose your <div> height is 300px, first logo (defult one) is 150px and the 2nd is also 150px. you can change the width & height of 2nd div to 200x300 or according to your choice by inline style sheet. So it will affect on 2nd logo only. If you have any live site let me know so we can fix it.
First 4images Responsive Template Prodigy http://softemblems.com/prodigy-4images-theme/

Download Pukhtoons Template (Twitter bootstrap 1st template) http://www.4homepages.de/forum/index.php?topic=30824.0

My Galleries:
http://pukhtoogle.com/gallery
http://thepeshawar.com
http://placeme.pk - Hostels in Pakistan
https://seengar.com - Afghan Dresses