YdidU
- Exclusive Author
- Has been a member for 0-1 years
- Portugal
- Sold between 1 000 and 5 000 dollars
347
Purchases
Buyer Rating:
4.70 stars
4.70 average based on 33 ratings.
(more information)
-
5 Star
2472%
-
4 Star
824%
-
3 Star
13%
-
2 Star
00%
-
1 Star
00%
| Created | 3 October 12 |
| Last Update | 22 October 12 |
| Columns | 1 |
| Compatible Browsers | IE8, IE9, Firefox, Safari, Opera, Chrome |
| Documentation | Unrated |
| High Resolution | No |
| Layout | Responsive |
| ThemeForest Files Included | Layered PSD, HTML Files, CSS Files, JS Files, PHP Files |
- ajax form
- clean
- coming soon
- countdown
- css3
- fullscreen
- htm5
- image grid
- maps
- multiple backgrounds
- progress bar
- responsive
- social icons
- under construction
© All Rights Reserved YdidU -
Contact Envato Support


Neat ideas , congrats !
Thank you, Bedros
Purchased! Great Job!
Thank you! Glad you are happy
Nice work! keep it up
Thank you, louiejie
Hey YdidU, Great idea and Great Job!
So one question: I want to count up from a previous date/time, instead of down to a future date/time – not down as like your template. What must i do to get this – can you help me please?
Olli
Hello BrandBull, and thank you!
The countdown is directly connected to the progress bar, so if you leave one blank date, the progress bar could not work. If you’d like, we can help you with making the counter counting up by taking a better look at your situation and get back to you.
Hey YdidU, thanks for your fast reply, it would be really nice if you could help me please!!
Olli
Hello BrandBull,
So, for the countup to work, you just need to change this line on your respective javascript file of the background you chose (scripts_works.js, scripts_maps.js or scripts_fullscreen.js):
$(”#countdown”).countdown({until:endDate
to this: var startCountUpDate=new Date(“September 01, 2012 23:30:00”); $(”#countdown”).countdown({since: startCountUpDate
and don’t forget to change the date to whatever date you’d like the counter to start from.
Note: The progress bar will still work as before (as a countdown), so in your case I advise you to disable the progress bar unless you’d like to have a countdown and countup at the same time.
If you have any question, we’d be happy to assist you! And if you like our item, please rate us
Hey YdidU, thanks for your fast support and your helping instructions… well, what does i say…. :
IT WORKS …. YIPPIEAYYEH !
Again, Thanks for Help & Support! Five Stars have you already on it before you helped!
Olli
Thank you, BrandBull
We are happy to help and to know that it worked
Let us know if you need anything else!
Take care
Bom trabalho
Muito Obrigado, rodbor
BEAUTIFUL !! I wonder if you can create similar look with FULL Wordpress site I will buy it!
Thank you
The hippr family will also have an HTML and Wordpress theme. We are working on it
When is it launching?
Maybe two weeks for the HTML and a bit more for the wordpress.. let’s see.. we are going as fast as we can
Hi ! Nice template. A question before buying ? What about integrating mailchimp to the subscription form ? Easy or not ?
Hi iwmichel, Thank you. Yes it’s easy to do.
If you buy and need help doing it, just let us know so we can help you out.
Love this template but can’t workout how to replace the background images with my own images. How do you do this?
Hi Vanessak, Thank you for your purchase
In order to update your background images ( I assume you are referring to the fullscreen background ), open the file ‘scripts_fullscreen.js’ located in ‘assets/js’ and replace the links (line 43) with your own image links.
If you’d like to have a folder ‘myimages’ inside ‘assets/images/’ with your background images, then your first line could be like this:
{image : ‘assets/images/myimages/image1.jpg’, title : ‘Image Credit: vanessak’}, ...
‘Title’, ‘Thumb’ and ‘url’ fields are optional.
Hope this helps.
Sorry if this wasn’t clear. We are going to update our documentation in order to explain this better.
If you need anything else, just let us know
Take care.
Love this! Great job. Would it be possible under the maps theme you could have two pins dropped on the map?
Hello, Thank you
Yes, it’s actually possible and relatively easy to make this happen. Let us know if you need help doing this when and if you purchase
Thanks.
Thank you very much for the support you provided. Love this template and will recommend it.
Not a problem! Thank you very much for choosing this template and for recommending it
If you like our item, please don’t forget to rate us if you don’t mind
Thanks and let us know if you need anything else.
Hello just got your construction template….been trying to find where to change the progress bar..nice theme by the way, and also just to let you know Eu sou do Brazil. Prazer em lhe conhecer
Olá itsnyc!
Thank you for the purchase! If you want to change the images on the progress-bar, you just need to go over at assets/images and modify the images you want (bg_progress-bar.png, bg_progressbar-percent.png, progress-back.png, progress-bar.png and sparkle.png). If you need to change something on the style of the progress-bar, you just need to find the id #progress-bar, on the styles.css file, and modify what you need there.
Let us know if you need any assistance on that!
Abraço!
I know, I’m complaining on high level, but the responsive design doesn’t work on the iphone 5. Any tips to make it work?
Hello axeldittmann, and thank you for the purchase!
The responsive design in Iphone 5 doesn’t work in portrait and landscape mode, or is it just in landscape?
We are looking it right now. Will update you as soon as possible!
Thank you.
Thanks for the quick reply! It doesn’t work in both modes…
We made tests with previous versions of iPhone and other mobile devices and everythings runs fine. We are now investigating the problem with the iPhone 5 and we will get back to you asap! Thank you for spotting this! We will get back to you soon.
(Sorry for the repeated post)
axeldittmann,
Can you please send us a screenshot with the problem to hello@ydidu.net so we can assist you faster.
Note: In case you don’t know, pressing the top (lock) button and the home button at the same time in your iphone generates a screenshot of the screen.
Thank you
Hello, could you please advise if it’s possible to show a satellite image rather than the standard map for index3? If yes, how is this done? Thank you.
Hello jimmychickens, and thank you for your purchase!
To show a satellite image instead of a map, you only have to comment following line in scrips_maps.js:
map.setMapTypeId(‘map_style’);
and replace by:
map.setMapTypeId(google.maps.MapTypeId.SATELLITE );
You can also choose from other Google Maps styles: - map.setMapTypeId(google.maps.MapTypeId.ROADMAP ); - map.setMapTypeId(google.maps.MapTypeId.HYBRID ); - map.setMapTypeId(google.maps.MapTypeId.TERRAIN );
Let us know if you need anything else!
I appreciate the fast answer – the mod looks great!
Hello, another quick q hopefully. I’m trying to replace the twitter bird image with my own logo which is 75×101. I’ve tried a few things but the different image size screws the layout.
How do I fix this? Thank you.
Thanks Jimmy.
Regarding your latest question, you can do the following:

1. Open the css file (styles.css) and find ’ #ticker ul.tweet_list ’ (line 342)
2. Change height to (in your case) 110px
3. Find ’ #ticker .tweet_list li ’ (line 347) right below
4. add this code inside: ’ margin-bottom: 16px; ’
5. Voilá
In order to increase the negative space below (add more space between tweets and the end of the container) it’s a bit more complex and a longer process. If you’d like to do so, let us know. Nevertheless, the solution above works just fine.
Let us know if you need anytying else.
Thank you.
Thank you again for your help. The logo now sits nicely but the actual tweets themselves have moved lower into the white section and as such, can’t be seen. Is it possible to move them back up?
Sorry, thought this may be useful:
info-twitter {
float: right; margin: 28px 0 0 0; width: 206px; background: url(../../assets/images/untitled-3.gif) no-repeat; padding: 0 0 0 75px; } #ticker ul.tweet_list { margin: 110px 0 0 0; height:16px; overflow-y:hidden; } #ticker .tweet_list li { height: 90px; font-family: ‘Source Sans Pro’, sans-serif; font-size: 13px; line-height: 18px; font-style: italic; } #ticker .info-twitterSpan { text-transform: uppercase; font-size: 11px; }
Hello Jimmy, You made a mistake in the second step. You changed the margin first value to 110px instead of the height and you changed the height to 16px instead of adding a margin-top of 16px and that’s why you are seeing it wrong.
Here’s how the correct code should look like: http://f.cl.ly/items/2v3g300Z0L1y1M0q2j3f/hippr-eg.pngIf you’d like more help customizing your theme, please send us a private message or shot us an email to hello@ydidu.net so we can help you faster.
Thank you
All working well – THANK YOU !!!!
Not a problem, Jimmy. Happy that all is working well
I just love this template. Splendid job! I personally cannot wait for the Hippr WordPress theme to come. It might just be the first WP theme that will end up in my purchase list. I’m really looking forward to it!
Oh, and I also love the design style of the button.
Thank you, byousoku. We are very glad that Hippr pleases you
Also thank you for your purchase!
It’s great to know you are interested in our WP version. We are doing everything we can to put it live asap. We will launch the full HTML first and WP after.
If you need anything, let us know.
Cheers
love the simplicity of the design, and im looking forward to the HTML / WP “versions”, great work
One question though, what font did you use for the “Hippr” logo…?
Keep up the great work.
Hi Joransrb. Thank you:) We are working in the HTML version as we speak.
The Hippr logo is using Evolution from Paulw.
Thank you, once again!
Thanks, and im looking forward to se what you come up with in the HTML version
Great template! I want to use the map version but add a address window to the marker, how do I do that?
Thanks for the help
Cheers Lee
Hello pixelwebnz, and thank you for the purchase!
About your request: you only have to include the following code right before the last closing tags on the file script_maps.js:
// Your InfoWindow var infowindow = new google.maps.InfoWindow({ content: ‘
Hello world
‘ }); google.maps.event.addListener(marker_1, ‘click’, function() { infowindow.open(map, marker_1); });You can modify the code inside your InfoWindow as you like! And if you need any assistance, send us a message!
Thank you!
Thank you all for the great feedback we’re having on this item!
We hope you’re enjoying it as much as we are. Keep your eyes open as we will be launching new items soon, including the html version of this item!
Hey YdidU
Thanks for getting back to me, and for the tip, its great to get the support to match the product, you can see the modification on my site here: www.pixelweb.co.nz
Thanks again Lee
Thank you, pixelwebnz
We are glad it worked out for you. Was great to see your page. Good luck and keep the good work!
If you need anything else, just let us know.
Take care.
Hello I just purchase your template and I need ur help. Where can I change the color of the main bar “Check our progress”
Thanks john
Hi Zimacom,
Thank you for your purchase. Since we have the ‘glow’ effect at the end of the scrollbar and since that can only be achieved with imagery, you have two options.
A ) Open ‘styles.css’ file and locate ’#bar’ on line 114. Delete/Comment the background property (line 115) and add the following: background: color; Replace ‘color’ with the desired color. You can use hexadecimal values like #ffffff or words like ‘white’. You will notice that this will only change the color of the bar but not the ending glow which can only be changed in Photoshop or similar. So you will need to change the color of the glow to your respective color, or remove it. If you do not want to change the glow in photoshop and rather prefer to remove it, open ‘index.html’ file, locate ‘ ’ (line 107) and delete it. You will now have the color of the progress bar changed and the glow removed.
B ) If you’d like to change the color of glow and you don’t know how to work with Photoshop, please let us know which color you would like to change to and we will quickly send you the new image of the glow.
Let us know if you need anything. We will be here to assist you.
Cheers