Keep calm this isn't the end of the world, the preview is just missing.

TrueStory is a powerful and at the same time light-weight flexible HTML5 website. TrueStory is responsive and looks great on retina displays and other high resolution screens. It forms an awesome experience for your visitors and offers a bunch of new and exciting features.

Features

  • Responsive design, the site layout automatically adapts to different screen resolutions (resize your browser window)
  • Retina ready, this template looks great on Retina displays and other high resolution screens
  • 140 Colorable and resizable vector icons
  • Valid HTML5 code
  • 20 Pre-defined skin colors
  • 4 Different home page layouts
  • Flexible 6 columns grid, with nestable columns
  • Classic portfolio with filters
  • 3 Fullscreen gallery layouts
  • Fullscreen image viewer (ColorBox)
  • 5 Different page templates
  • CSS3 animations with fallback methods for older browsers
  • Custom background image for each page
  • 3 Page layouts
  • Unlimited submenus
  • Web fonts, you can use any custom font
  • Ajax contact form

Updates

  • Update v.1.0.6 (8/3/2013)
  1. Added ability to use multiple ajax loaders for the portolio
  2. Fixed the contact form bug where the website is set to undefined
  3. Fixed the masonry portfolio bug on Safari
  4. Fixed the home slider bug when setting data-fade=true the captions will not show
  5. Linked ajax portfolio items together to create a next/prev Colorbox navigation



  • Update v.1.0.5 (5/3/2013)
  1. Fixed ajax links bug



  • Update v.1.0.4 (21/2/2013)
  1. Fixed a bug in the ajax portfolio



  • Update v.1.0.3 (10/2/2013)
  1. Updated the contact form



  • Update v.1.0.2 (7/2/2013)
  1. Added a new configuration parameter (use_page_ajax_loading) in main.js file
  2. Added a new configuration parameter (site_location) in main.js file. This parameter is used to automatically convert relative URLs to absolute URLs in the main menu, which solves problems related to virtual directories.
  3. Added a list of ( icons : code ) for reference (icons_ref.html)
  4. Fixed error 405 for page loading via ajax



  • Update v.1.0.1 (3/2/2013)
  1. Added ability to set a specific delay for each slide in the home slider (-1 will stop autoplay)
    <li data-duration="12000">
    <!-- sets duration of this slide to 12 seconds (12000 micro-seconds) -->
    
    <li data-duration="-1">
    <!-- stops autoplay at this slide -->
  2. Added ability to use a fade effect instead of a slide effect in the home slider
    <div id="home-slider" data-fade="true">
  3. Fixed several iPad issues
  • Great site. We have have noticed a bug. The "Home Slider" page content does not load on iPad2 in landscape mode. Is that a known issue and will it be fixed? Thanks!

    • nitrox

      Author

      Superhuman, thanks for the heads up, I will look into this.

  • hey I want to make the main menu static..How to do that?

    • nitrox

      Author

      If by 'static' you mean a single level, just delete all the sub-menus and the menu will not open.

    • avarma

      Author

      thanks

  • Nitrox, My hosting says I have to use authenticated SMTP. How do I authenticate through the contact form?

  • How can we remove the next slide and previous slide controls on the main page?

    • nitrox

      Author

      Hello alitraeps, Unfortunately, there is no direct option for this at the moment.

  • Using a translator Hi Nitrox Now I have the last version 1.0.6. In 1.0.6 load correctly the galleries (masonry,metro and grid) on tablet and smartphone, great job!!! 1º Yet with 1.0.6 the contact form is not working properly. If you change the line: <code>$to = isset($_POST['to']) ? $_POST['to'] : '[email protected]';</code> For this line: <code>$to = '[email protected]';</code> works correctly and send the email. In the Blog file, only need remove the hidden line of "to". 2º Please, Can you add to the documentation an explanation of lines of code as do groups in the galleries? What need write in the php and html files? I read the link (http://www.jacklmoore.com/colorbox/guide) and have tried in various ways but can not get the groups to work with 1.0.6 I read this in the web of jacklmoore.com, i tried this but not found: <code><!doctype html> <html> <head> <script> jQuery(document).ready(function () { jQuery('a.gallery').colorbox({ opacity:0.5 , rel:'group1' }); }); </script> </head> <body> <!--These lines would be similar to the ones in the php file--> <a class='gallery' href='image1.jpg'>Photo_1</a> <a class='gallery' href='image2.jpg'>Photo_2</a> <a class='gallery' href='image3.jpg'>Photo_3</a> </body> </html></code> Thanks in advance and hope not to be heavy :)

    • nitrox

      Author

      Just add an attribute "data-group" to the links, to group two colorbox links, give them both the same group name: <pre> <a href="1.jpg" data-group="my_group" class="colorbox">Link one</a> <a href="2.jpg" data-group="my_group" class="colorbox">Link two</a> </pre>

    • iyadmn

      Author

      Hi Nitrox. It works perfectly. Thanks again for the clarifications.

  • Hi Nitrox, I would like to use the Home Accordion page as a events page where i would like to add 5 posters for the next upcoming events on my site. How can I make the next event active to be displayed as extended with the "fullscreen-caption" displayed , same as having the mouse over. line1441 /* handle mouse actions */ $(this).mouseenter(function(){ Can you please suggest how to develop a class for this purpose <li class="home-accordion active"> same as for toggles elements Option 2, will be to have the date displayed on each image with of the accordion, for all next events, in order the visitor to understand the timeline of the upcoming events : but line:1420 from main.src.js $(this).find(".fullscreen-caption").hide(); is hiding everything I want to display there. thank you in advance for your support

  • hi, can i add bootstrap to this theme, will the theme elements break? i just need some of bootstrap components, wondering if i can use them without damaging the themes awesomeness :) thanks

    • nitrox

      Author

      No, it shouldn't. Make sure not to import jQuery twice, and out of curiosity, which elements are we talking about?

  • Hi, I already posted that item some time ago... with no feedback up to now. Can you please doublecheck: I´m working on getting the template into a TYPO3 surrounding. Almost everything works fine so far. The only problem I have: in normal view (with the navigation items on the bottom) it works. But when I resize the page up to the point the navigation jumps to the top (with dropwdown) it looses all the navigation items. Dropdown is empty. When I resize it back to normal size, the navigation on the bottom is gone as well. Do you have a workaround to solve that problem? I can also send you the login data for the page (password protected at the monment). Thanks 4 your help! Kind regards Alex

    • nitrox

      Author

      Hello 9punkt2, Sure, the login data would be much of a help. It sounds like you have a js error in your code but I cannot be certain until I see it.

  • one other question. why does it show the background image b4 the slides. I love the feel of this temp but I am running out of time peace :)

  • Hi, Doing this solved the problem for me on my local development machine. Whether i can do this on my ISPs server that i host my site on is another thing. >> adding the asp.dll executable for the .html extension in the mapping section of the configuration of the site at webserver level. Changing the POST to a GET didnt seem to work either.

  • Hi there, i'm looking for some support with respect to the HTML5 video skin and Colorbox. First, the HTML5 skin does not display properly when viewed within Colorbox. Second, the HTML5 video skin does not support subtitles, which can be added by adding "tracks" to line 1201 of main.src.js: <code>features: ['playpause','current','progress','duration','tracks','volume']</code> My project really needs this functionality. For an example, visit http://gmfthailand.org/media/ and click on "Mao's Story". Thanks for any help.

    • nitrox

      Author

      Hello stephenpiscura, Captions are not supported by this skin, please remove <code>.ts-player</code> class and try using the default skin. To fix the display bug inside ColorBox, modify skin.css line 21, change: <pre>#colorbox *{ background: none; }</pre> to: <pre>#colorbox #cboxContent{ background: none; }</pre>

    • stephenpiscura

      Author

      Thanks very much, nitrox, for your quick and helpful reply. Your change solved the Colorbox display issues! Regarding the subtitles, i ended up changing the following in main.js: <pre> target.find("video.ts-player,audio.ts-player").mediaelementplayer({ startVolume: 1 , startLanguage:"en", videoWidth: "100%" , videoHeight: "100%" , audioWidth: "100%" , audioHeight: 36 , features: ['playpause','current','progress','duration','tracks','volume'] }); </pre> which took care of displaying the English subtitles automatically on playback, which is what i needed. I then just hide the wonky button in the skin like this: <pre> .mejs-captions-button { display: none; } </pre> So it seems like we're in business! Thanks again!

  • hi. love the template. when i download and preview some of the galleries and portfolios on my computer, they don't render correctly. this is is before i change anything. am i doing something wrong? happy to send over a screenshot. thanks for your help.

  • Hi, I'm having one problem with the entire theme. I have everything setup at www.camayah.com When submitting the form, everything works, but I get no email. I host my own servers and everything is setup properly to accept 'mail' and etc. Just confused as to why I'm not getting anything after the form is submitted? Please if you can reply asap, I have the site up and it is live, and people are being directed to it for services. Thanks

    • nitrox

      Author

      Hello alwaysg2, I have just tested it and I received the mail in my inbox. Did you try searching in the spam folder?

    • alwaysg2

      Author

      Hey, I guess I forgot to add the hidden email input, within the form. Once I added that, everything kicked in. Thanks for the quick reply! Your themes are beyond great!

  • Hello nitrox, I have problems with the images. I can not view thumbnails, both in the portfolio items, both in the classic portfolio page, where I link all portfolio items. always show me a question mark! Thanks

  • working, pls ignore my post

  • hey @ajens. You'll have to do some serious tweaking, but if you open up main.src.js and look in the 'page' section near the bottom of 'load', you should be able to do some damage there

  • Are we not supporting this theme any more? I've tried getting in touch with you through the comments, and have even sent you a message through your profile... ? :mad:

    • o7thwd

      Author

      3 Months, and no response. Thanks :|

  • do you have WordPress template for this template

    • nitrox

      Author

      Unfortunately, the WP version is not available at the moment.

  • awesome work! Good luck :)

    • nitrox

      Author

      Thank you louiejie :)

  • Awesome work man! Just curious about the social icons in the footer? I can' even see these icons anywhere and I'm wondering how would I add a new one for Yelp???

    • nitrox

      Author

      Hello Latif, They are vector icons from an icon web font, you can find it in folder Fonts/TS_Fonts

  • Themexylum

    9 Hours Ago
    support
    Reply

    Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis.

  • Codepoet_Biplob

    9 Hours Ago
    code quality
    Reply

    Awesome theme. All in one Business Website Solutions.

  • PaglaGhora

    9 Hours Ago
    design quality
    Reply

    Best theme ever....

  • Hearingorg

    12 days Ago
    support
    Reply

    Very helpful support - above and beyond is my experience and I have purchased this theme many times for my clients.

  • ecom1206

    5 Hours Ago
    code quality
    Reply

    Awesome theme. All in one Business Website Solutions.

  • Mr.Mango

    1 month day
    design quality
    Reply

    Retina logo won't work retina logo won't work

    • AazzTech

      6 Hours Ago
      Author

      Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis.

  • Hearingorg

    12 days Ago
    support
    Reply

    Very helpful support - above and beyond is my experience and I have purchased this theme many times for my clients.

  • Tueld

    23 Minutes Ago
    code quality
    Reply

    Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis.

  • Living Potato

    3 months ago
    customization
    Reply
  • Visual-Eggs

    125 years ago
    support
    Reply

    This is the finest art in the history of whateverland. Pastor: No it's a witchcraft.

Contact the Author

Please sign in to contact this author.

Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher. Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher .

Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher. Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher .

Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher. Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher .

Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher. Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher .

Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher. Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher .

Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher. Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher .

Mais itens deste mesmo criador

Gallery3d - Fullscreen Portfolio Template

Gallery3d is a HTML5 portfolio-focused template that displays your work in an engaging and interactive 3D layout. Gallery3d is easy to set up, highly customizable, skinnable, inspiring and fun to use. You can display images and videos from Youtube, Vimeo, DailyMotion and other video networks. In order to make sure everybody can enjoy a perfect experience while browsing your projects, no matter which device they use, Gallery3d will fallback to a stack layout on mobile devices such as iPads and iPhones, in other words, Gallery3d is also responsive. Features Fresh new fullscreen design Ability to display images and videos Support for Youtube, Vimeo and other video networks Highly customizable Responsive layout Retina

R$ 120,00

51

Sandbox Header Styles

Sandbox Headers is a collection of creative header layouts ready for use in your web project. Simply include the required stylesheet and javascript files and you are good to go. Sandbox headers are easy to set up, skinnable and inspiring. You can easily add text or edit them to customize them the way you want. Change log v 1.2.0 Added 3 demos Added 5 header widgets (Text, Search, Navigation, Social links, Shopping cart) v 1.1.0 Added 3 demos Enhanced responsive menu

R$ 72,00

136

TrueStory - Fullscreen HTML5 Template

TrueStory is a powerful and at the same time light-weight flexible HTML5 website. TrueStory is responsive and looks great on retina displays and other high resolution screens. It forms an awesome experience for your visitors and offers a bunch of new and exciting features. Features Responsive design, the site layout automatically adapts to different screen resolutions (resize your browser window) Retina ready, this template looks great on Retina displays and other high resolution screens 140 Colorable and resizable vector icons Valid HTML5 code 20 Pre-defined skin colors 4 Different home page layouts Flexible 6 columns grid, with nestable columns Classic portfolio with filters 3 Fullscreen gallery layo

R$ 200,00

765