TYPEFACE - Minimal Typography HTML5 Template
Themeforest TYPEFACE - Minimal Typography HTML5 Template HTML Template
* Minimal Layout & Elegant design
* 17 built-in Pages
* 2 Styles Themes (Dark & Light) provided
* 4 Homepage Styles + Fullscreen video
* 6 Gallery Pages
* Fullscreen background gallery with thumbnails
* Filtered Grid Gallery
* HTML5 Video List Gallery
* Powerful lightbox PrettyPhoto, with custom theme
* Full layered PSD files included
* Well documented – Top notch support
The template uses Google API Fonts system. This means you don’t need to manage your own font files, all fonts will be read from Google server. Just refer inside the < head > tag your desired font (defaults: Droid Serif, Gentium, Lato) and then go to styles.css file and replace the string with your font ID. For more info and fonts check the following URL:
https://developers.google.com/webfonts/
The file uses some open source files, here are the project / authors urls. Please refer to them in case you have doubts regarding licenses or copyrights limitations while using this template.
None of these images are included in the source pack.
TYPEFACE is the definitive template for showcasing creative business, easily customizable with 17 pages,
including 4 Homepage Styles and 6 Gallery Pages. The template comes with 2 skins to help you in the customization process. The jQuery library for transitions and HTML5/CSS3 transitions makes this template cross-platform and mobile friendly.
MAIN FEATURES
* Minimal Layout & Elegant design
* 17 built-in Pages
* 2 Styles Themes (Dark & Light) provided
* 4 Homepage Styles + Fullscreen video
* 6 Gallery Pages
* Fullscreen background gallery with thumbnails
* Filtered Grid Gallery
* HTML5 Video List Gallery
* Powerful lightbox PrettyPhoto, with custom theme
* Full layered PSD files included
* Well documented – Top notch support
Fonts
The template uses Google API Fonts system. This means you don’t need to manage your own font files, all fonts will be read from Google server. Just refer inside the < head > tag your desired font (defaults: Droid Serif, Gentium, Lato) and then go to styles.css file and replace the string with your font ID. For more info and fonts check the following URL:
https://developers.google.com/webfonts/
Assets Info
The file uses some open source files, here are the project / authors urls. Please refer to them in case you have doubts regarding licenses or copyrights limitations while using this template.
http://www.jquery.com
http://jqueryui.com
http://onehackoranother.com/projects/jquery/tipsy
http://www.no-margin-for-errors.com/projects/prettypopin
http://www.no-margin-for-errors.com/projects/prettyPhoto
http://manos.malihu.gr/jquery-custom-content-scroller
http://caroufredsel.frebsite.nl
http://vegas.jaysalvat.com
http://razorjack.net/quicksand/
http://tympanus.net/codrops/2011/08/16/circular-content-carousel
MDetect – http://www.mobileesp.com
http://videojs.com
http://gmap.nurtext.de
About the images
The online samples images belongs to their respective owners and are only used for demo purpouses. Some images (Creative Commons licensed) belongs to these great Flickr authors:
VFS Digital Design, Paul Bica, Varrqnuht, Tulanesally & Uggboy
Also the conceptual images for the fullscreen galleries (Creative Commons licensed) belongs to Eugenia Clara Fendri: Artjunks.com
None of these images are included in the source pack.
Nice work, pezflash.
ReplyDeleteI think some problems, sections are change, exit in fullscreen mode.
Hi. Send me your URL through my profile form (not here, please), so i can track the issue and give you further support. Will be replying by email.
ReplyDeleteOutstanding design and designer. Used the previous version and have been waiting anxiously for an iPad compatible version.
ReplyDeleteLOVE LOVE LOVE
Thanks for your kind comment. Enjoy the file!
ReplyDeleteAbsolutely love this, great work!
ReplyDeleteIs the background custom work or is it available somewhere, maybe in a bit bigger size?
Cheers.
Hi. Which background do you mean? Dark version?
ReplyDeleteOh, sorry. The white version.
ReplyDeleteHi. Is a modified version of this. Hope this helps.
ReplyDeleteGreat, thank you very much! Best of luck with the sales.
ReplyDeleteGlad to help. Please, don’t forget to rate the file if you finally like it and support.
ReplyDeleteJ, this is a great template and I’m totally loving it. I wanted to ask a question publicly, so anyone else can make this adjustment. I’d like to add space to the negative space between images in the horizontal gallery.
ReplyDeleteThanks again for all your work, help, and trouble shooting.
Hi. To control the gap between images on horizontal gallery, adjust the following margin-right value (default 5px) on css/styles.css file (line 399):
ReplyDelete#horizontal-gallery .images .images_container img,
#horizontal-gallery .images .images_container a {
float: left;
margin-right: 5px; <<<<<<<<<< EDIT THIS
max-width:none;
}
Hope this helps!
It helps, and that’s what I assumed! Thank you thank you thank you.
ReplyDeleteHi
ReplyDelete1)My fullscreen background video is not being supported in IE 10 & also Safari.Please help me out.
2)Also I have used a jquery hover effect on grid gallery for each thumbnail on hover a description is displayed.But this effect does not work once you click on the sub categories like web/print etc..
3)When the photo is displayed in gallery I would like to change the white color to othr color..but cant find the xact code..
Hi. Html5 video drove me crazy trying to optimize on all plaforms, that’s why i removed the main preview with fullscreen video, although i’ve kept the functionality and sample html on download pack. I’m trying to use another class to control video playground, but all i’ve checked throws errors on some browsers/platforms. (in this case i really miss flash! ) Will update the current version if i find a better solution. It should work on IE10 though.
ReplyDeleteAbout your custom work issue (hover on thumbs), please, send me your URL through my profile form (not here, please) so i can take a look at your problem and give you further support with it. Will be replying by email.
About 3) i’m sure about what you mean, not sure if you refer to popup lightbox. Is so, you can manage the custom prettyPhoto theme on js/prettyPhoto/css/prettyPhoto.css file.
Hope this helps. Kind regards and thanks for purchase.
Hi
ReplyDeleteHere is the site : http://alligatormedia.co.in/
1)Need to add more team mates. At the moment there are 3, but I need 10. I also want to keep some area to add to this page later on too 2)Need to add a few more address on the last page(Connect page) 3)Lastly, the video still doesnt play on time. Also see if it can play on mac, iphone’s and ipad’s. 3 out of 5 use their portable gadgets to check stuff these days. Also I need to add the movement on the ‘video loading’ sign ..
Early reply shall be appreciated
Also if html5 video is not working then can we play a youtube video in background as my client really wants to play a video which works with all the mac & apple products as well.
ReplyDeleteHi. I’m out on holidays, please send me this support request through my profile form, i’ll be replying once back on office (tuesday). Thanks for your patience!
ReplyDeleteI have sent you my query via profile. Please confirm if you have recieved or not? If not then we will send again. It is urgent.Thnx
ReplyDeleteHi. Haven’t got it, it’s strange, envato form emails normally works fine. Please, resend, anyway, i’ve the info here. Will be replying tomorrow.
ReplyDeleteDropped you a message please confirm asap whether recieved or not.
ReplyDeleteI have send you message twice. If still not recieved please give me your email id I’l send it directly thru mail;
ReplyDeleteFollowing are my concerns :
Hi Here is the site : http://alligatormedia.co.in/
1)Need to add more team mates. At the moment there are 3, but I need 10.
2)Need to add a few more address on the last page(Connect page) 3)Lastly, the video still doesnt play on time. Also see if it can play on mac, iphone’s and ipad’s. 3 out of 5 use their portable gadgets to check stuff these days. I am ok if the video is being played form youtube also. And I need to add the movement on the ‘video loading’ sign .. Early reply shall be appreciated
Dear Author please reply as my client is dependent upon me for this.
ReplyDeleteSimply super, love the clean and sophisticated look ! thanks a lot!
ReplyDeleteThanks for the kind words. Also, i got your support request by email, will be replying later today.
ReplyDeleteLove this template, great work.
ReplyDeleteI only have one problem:
when I have plenty of menu items and long words the menu expands to two lines on a mobile device such as the iPhone.
If I set the second level menu position to like 75px it fits the iphone but doesn´t look to good on the non mobile desktop.
Any idea on this issue?
Thanks in advance and keep up the good work!
Hi. I think the better way to get that done (if you have a really large menu) is to setup a media query on styles.css. You will see on line 63 a deactivated media element, with an exclusion for screen width less than 950px. You would need to activate it and place something like:
ReplyDelete@media only screen and (max-device-width: 950px) {
#menu {
width: 300px;
}
}
Play with that 300px value to optimize it for iPhone considering your own menu elements.
If you can’t get it done, send me your URL through my profile form (not here, please) and i’ll reply by email (going out on weekend, expect a reply for sunday night, GMT+1
Kind regards and thanks for purchase.
Hello Mister Pezflash,
ReplyDeleteI bought your template TYPEFACE but the blog section does not work properly on iPad and iPhone (I guess iPod too).
In fact, the table of posts appears good but when you try to “touch” a post, nothing happens, unlike your other template AGORA.
You can try it with your online demo, it doesn’t work.
But on the desktop version, that works perfectly.
Do you know why this difference between Agora and TypeFace on Apple Device?
Thanks for your answer.
Best regards,
Florent
Hi Florent. Is strange as the code on blog component is basically the same on both templates. I’ve tried with an iPhone4+Safari and it works fine, maybe is something related with latest OS versions, not sure. Will check and will let you know. For best assistance, please, send me an email through my profile form so i’ve your ticket open on my inbox.
ReplyDeleteKind regards and thanks for purchase.
Any WP version?
ReplyDeleteNot yet.
ReplyDeleteGlad to announce a new template, a minimal vCard perfect for creatives and small agencies:
ReplyDeleteHi pezflash,
ReplyDeleteI’m pretty much done setting up the site, but when I open my site on mobile devices(iPhone, iPad etc), the horizontal gallery works really slow and it’s lacking/skipping when I try to scroll. I have increased the size of the images to 700px. Please let me know if there’s a way for me to optimize/fix the template so it runs well on mobile devices?
Thank you.
Hi. Send me your URL through my profile form so i can make some testing. I don’t recommend to use really big images in high numbers in order to optimize mobile view, not sure if maybe you can separate galleries or decrease img size.
ReplyDeleteHello,
ReplyDeleteis it possible on the SLIDER HOMEPAGE to link the sliding pictures?
So if the visitor is clicking on the pictures will be linking for example to one of the galleries..
Thank you.
Federico
Hi Federico. Yes, you can add a href tag to each image on the slideshow, but then you will need to set the height for the item inside the carousel function. Taking the sample provided, the function on line 40 will need to be as follows (added item element with height matching your final images, 370 on sample):
ReplyDelete$('#home .slideshow').carouFredSel({
direction: 'left',
items: 1,
mousewheel: true,
swipe: true,
scroll: {
fx: 'cover-fade',
easing: 'easeInOutQuart',
duration: 1000,
},
items: {
height: 370
},
auto: {
timeoutDuration: 2000
}
});
Hope this helps.
Kind regards and thanks for purchase.