4images Forum & Community
Welcome, Guest. Please login or register.
Did you miss your activation email?
May 25, 2018, 10:40:07 PM

Login with username, password and session length
Search:     Advanced search
Follow 4images on twitter: Click here to follow!
Togle to toolbar
Translate this page with =>
Translate this page >
* Home Help Search Login Register
 
+  4images Forum & Community
|-+  4images Modifications / Modifikationen
| |-+  Templates & Styles (Releases & Support) (Moderator: Rembrandt)
| | |-+  [Template] Prodigy Responsive
0 Members and 1 Guest are viewing this topic. « previous next »
Pages: [1] 2 3 » »» Print
Current Topic Rating: *****
Author Topic: [Template] Prodigy Responsive  (Read 32285 times)
chamkani.net
Jr. Member
**
Offline Offline

Posts: 87

Thank You
-Given: 12
-Receive: 15

Moxet Khan


View Profile WWW
« 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

Follow members gave a thank to your post:
Rembrandt, kai, Sumale.my

For this post, 3 members gave a thank you!
« Last Edit: August 10, 2016, 07:45:45 PM by chamkani.net » Logged

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
Sumale.my
Addicted member
******
Offline Offline

Posts: 1768

Thank You
-Given: 168
-Receive: 83

Neverdie


View Profile
« Reply #1 on: July 13, 2015, 07:10:00 PM »

Very nice !

Follow members gave a thank to your post:
Nosferatu, chamkani.net

For this post, 2 members gave a thank you!
Logged
comicart
Full Member
***
Offline Offline

Posts: 147

Thank You
-Given: 3
-Receive: 2


View Profile
« Reply #2 on: July 13, 2015, 07:14:40 PM »

Thanks - I am interested. Tagging this thread to see replies/problems/solutions, etc.

Follow members gave a thank to your post:
chamkani.net

For this post, 1 member gave a thank you!
Logged
Tino23
Full Member
***
Offline Offline

Posts: 183

Thank You
-Given: 17
-Receive: 4


View Profile WWW
« Reply #3 on: September 25, 2015, 08:21:16 AM »

Endlich mal ein Responsives Design für 4imagest  Good Ein kleiner Lichtblick seit Jahren mal wieder. Danke für das schöne Template!

Follow members gave a thank to your post:
chamkani.net

For this post, 1 member gave a thank you!
Logged
comicart
Full Member
***
Offline Offline

Posts: 147

Thank You
-Given: 3
-Receive: 2


View Profile
« Reply #4 on: September 25, 2015, 06:21:55 PM »

Endlich mal ein Responsives Design für 4imagest  Good 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?
Logged
Tino23
Full Member
***
Offline Offline

Posts: 183

Thank You
-Given: 17
-Receive: 4


View Profile WWW
« Reply #5 on: September 26, 2015, 10:46:32 AM »

Eine Demo gibts doch hier http://softemblems.com/prodigy/
Logged
comicart
Full Member
***
Offline Offline

Posts: 147

Thank You
-Given: 3
-Receive: 2


View Profile
« 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.
Logged
chamkani.net
Jr. Member
**
Offline Offline

Posts: 87

Thank You
-Given: 12
-Receive: 15

Moxet Khan


View Profile WWW
« 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/
Logged

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
comicart
Full Member
***
Offline Offline

Posts: 147

Thank You
-Given: 3
-Receive: 2


View Profile
« 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.

* leftsided.jpg (162.58 KB - downloaded 26 times.)
Logged
parkshots
Newbie
*
Offline Offline

Posts: 10

Thank You
-Given: 0
-Receive: 0


View Profile
« 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!
Logged
chamkani.net
Jr. Member
**
Offline Offline

Posts: 87

Thank You
-Given: 12
-Receive: 15

Moxet Khan


View Profile WWW
« 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.

* Screenshot_1.jpg (61.68 KB - downloaded 11 times.)
* Screenshot_2.jpg (45.94 KB - downloaded 12 times.)
* Screenshot_3.jpg (51.62 KB - downloaded 12 times.)
Logged

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
parkshots
Newbie
*
Offline Offline

Posts: 10

Thank You
-Given: 0
-Receive: 0


View Profile
« Reply #11 on: October 13, 2015, 09:48:27 AM »

Thanks for the quick response.   Smile

Quote  [Expand]
- 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.



* Unbenannt-3.png (52.61 KB - downloaded 18 times.)
Logged
chamkani.net
Jr. Member
**
Offline Offline

Posts: 87

Thank You
-Given: 12
-Receive: 15

Moxet Khan


View Profile WWW
« Reply #12 on: October 13, 2015, 03:14:32 PM »

Thanks for the quick response.   Smile

Quote  [Expand]
- 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.
Logged

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
parkshots
Newbie
*
Offline Offline

Posts: 10

Thank You
-Given: 0
-Receive: 0


View Profile
« Reply #13 on: October 13, 2015, 03:49:10 PM »

Okay, but how?  Embarassed
Logged
chamkani.net
Jr. Member
**
Offline Offline

Posts: 87

Thank You
-Given: 12
-Receive: 15

Moxet Khan


View Profile WWW
« Reply #14 on: October 14, 2015, 10:22:19 AM »


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.
Logged

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
Pages: [1] 2 3 » »» Print 
« previous next »
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2015, Simple Machines Valid XHTML 1.0! Valid CSS!
Page created in 0.272 seconds with 22 queries.