ThemeForest

WOW! mySite HTML5 & CSS3 mobile theme

  • Bought between 1 and 9 items
  • Germany
  • Has been a member for 1-2 years

One question regarding photo galleries: is it possible to add some text to the photos (which is shown as a caption)?

And by the way: I experience a problem with the Live Preview when having switched to another colour scheme (except “Modern Blue” and “Stylish Black” – these 2 seem to work): if clicking on a thumb in the gallery, the control buttons and the header “Featured image” are not shown, only the picture with a white area under it. (After a reload of the whole live preview page and without switching the colour scheme– or switching to “Stylish Black”, it work’s fine.) I use FF 16 .0.1 and OS X 10 .6.8.

realdesigns

Hello there,

You can add text if you like. I’m using the flexslider here and you can add captions if you like. You will need to add some extra markup though to your page.

I have only activated the gallery for the blue and black theme which is why you only see the gallery here. :)

Rd

  • Bought between 1 and 9 items
  • Has been a member for 3-4 years

g’day mate, i have add the multi content tab on the news-item page and have listed three tabs. 1st I am using as a blurb 2nd i am going to make a list of pdf’s to download 3rd i am trying to get the gallery to function within the tab? is this possible? i seem to be having trouble as i have change th

  • function to be

    for them to be shown properly. is there a better way? i am self taught so i tend to miss really easy answers sometimes.

  • realdesigns

    Hi there,

    Can you upload an example?

    Rd

    Default-user

    <!DOCTYPE html>

    <head> <title>AntiGlare Roller Blinds | Salty Blinds</title> <!- Meta Data -> <meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8”> <meta charset=”UTF-8”> <meta name=”description” content=””> <meta name=”keywords” content=””> <meta name=”author” content=””> <!- Stops zooming of Blackberry devices -> <meta name=”HandheldFriendly” content=”True”> <!- IE Mobile -> <meta name=”MobileOptimized” content=”320”> <!- ios and android -> <meta name=”viewport” content=”width=device-width, minimum-scale=1.0, maximum-scale=1.0”> <!- Will run web application in full screen mode -> <meta name=”apple-mobile-web-app-capable” content=”yes”> <!- Stylesheets -> <link rel=”stylesheet” type=”text/css” href=”_global/css/style.css”><!- Link to main stylesheet -> <!—Colour style for website Choose one of the following and insert in link selector href=”” after this comment black-theme.css blue-lightgreen-theme.css green-theme.css grey-theme.css orange-theme.css purple-theme.css red-theme.css white-theme.css —> <link rel=”stylesheet” type=”text/css” href=”_global/css/blue-theme.css”> <link rel=”stylesheet” type=”text/css” href=”_global/css/photoswipe.css” /> <!- Scripts -> <script type=”text/javascript” src=”_global/scripts/jquery.min.js”></script> <script type=”text/javascript” src=”_global/scripts/main.js”></script> <script type=”text/javascript” src=”_global/scripts/lib/klass.min.js”></script> <script type=”text/javascript” src=”_global/scripts/code.photoswipe-3.0.4.min.js”></script> </head> <!—Body class for website Choose one of the following and insert in body selector class=”” after this comment If black-theme.css selected above select black-theme for body class and so on black-theme blue-lightgreen-theme green-theme grey-theme orange-theme purple-theme red-theme white-theme —> <body class=”blue-theme”>

    <script type="text/javascript">
        var $ = jQuery.noConflict();
        $(function() {
                 // Photoswipe call using jQuery
                var myPhotoSwipe = $("#gallery a").photoSwipe({ enableMouseWheel: false , enableKeyboard: false });
     });
    </script>
    <!- Following code for ie7 and ie8 correct rendering of HTML 5 ->
    <!-[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]->

    <header class=”top-nav shadow”> Menu </header> <!- /.top-nav ->

    <nav id=”menu-main-nav”>

    </nav> <!- /#main-main-nav -> Bridge Area Boat Blinds <!- /.strip->

    <section class=”content cf”>

      <!- Previous page button ->
    • ? Previous
    •  
    •  
    • Blinds
    • Brochures
    • Gallery
    • Our range of anti-glare certified blinds are made from a multi-layer film of micro thin clear polyester. With this unique film there is an 89% glare reduction, which more than halves your energy needs. Cutting UV rays by a massive 95% and still being able to see straight through, our film roller blinds give you clarity of view and provide great protection for your furniture.

      The film comes in a dark tint shade with multiple ways of operating. Which is perfect for cutting through that searing sun, giving you safer navigation in high glare conditions. We only use Marine Grade 316 stainless steel fixings and all the blind components are durable and designed for the marine enviroment.

      Our fully retractable spring operated anti-glare screens allow a maintenance free operation, and are suitable for bridge, navigation, or meals areas. We only use Norfolk Marine DNV Certified Film Blinds.

    • 2abore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    • Test Gallery

      Featured Image

      Featured Image

      Featured Image

      Featured Image

      Featured Image

    • <!- /#gallery ->
    <!- /.multiContentTab ->
      <!- Previous page button ->
    • ? Previous
    •  
    •  

    </section><!- /.content->

    <footer id=”footer” class=”shadow”>

    <!- /.bottom-nav ->
    <!- /#social-index ->

    © Salty Blinds

    </footer><!- /#footer ->

    realdesigns

    Hi,

    I’m not really sure where to start with this. What are you trying to do exactly? Can you email me?

    Thanks

    • Bought between 100 and 499 items
    • Exclusive Author
    • Has been a member for 3-4 years
    • Sold between 1 000 and 5 000 dollars
    • United States

    I would like to have the gallery use images from Flikr, so that my client can update their images on their own. How do I make this gallery do this? Same with youtube playlist instead of listing individual videos in the code.

    realdesigns

    Hi there,

    Many thanks for purchasing.

    You can add images from Flickr, but this will require some development. Do a search for jQuery and Flickr integration. You can try the same with youtube.

    I generally use WordPress to create this functionality.

    Rd

    ScreenscapeS

    WordPress? Can you point me in the right direction to implement this? Thanks so much for your support.

    • Bought between 10 and 49 items
    • Has been a member for 4-5 years
    scrap Purchased

    I have problem with zoom (or double click) on Android devices (on Android doesnt works), and Photoswipe gallery, have any idea ? thank you

    realdesigns

    Hi Scrap,

    Sorry for the delay in getting back to me. If I havent responded please email me! Are you still having a problem on Android? It has been tested so I’m a little confused. Let me know what you are testing on specifically?

    Thanks

    Rd

    • Bought between 10 and 49 items
    • Has been a member for 4-5 years
    scrap Purchased

    Please try this page http://m.la-patas.cz/fotogalerie-jidla-restaurace.html I try it on HTC Desire HD, 4.1.2, default browser.

    Iphone 3 and 4 and 5 have no problem. Thank you Dan

    realdesigns

    Hi there,

    Works on a galaxy s3. It’s hard to tell what your problem is.

    Rd

    • Bought between 1 and 9 items
    • Has been a member for 0-1 years

    hello, i have bought the theme and its very pretty but i tried to upload it by filezilla and an error comes out saying that the theme is broken, that im missing the style sheet (CSS) and if i try to upload it by wordpress an error comes out too, please i need help.

    realdesigns

    Hi,

    Have you purchased the WordPress theme or HTML theme? It seems to me that you have purchased the WordPress theme and are trying to install the main download file.zip. Please unzip this and install the theme found within the theme folder.

    Hope this helps.

    Rd

    • Bought between 1 and 9 items
    • Has been a member for 0-1 years

    also i would like to add that i have tried unistalled the program and download it many times, but nothing work.

    • Bought between 1 and 9 items
    • Has been a member for 0-1 years

    thanks for ansewring my question! i have bought the HTML5 and CSS3 mobile theme, and i have tried to unzip the file but an error comes saying that the CSS is missing, if you want i can send you a print screem of this. thanks

    realdesigns

    Hi Willy,

    This isn’t a WordPress theme. You would get the css error if you were trying to install this as a WordPress theme. You would need to purchase this for WordPress:

    http://themeforest.net/item/wow-mysite-wordpress-mobile-theme/2348577?sso?WT.ac=search_item&WT.seg_1=search_item&WT.z_author=realdesigns

    thanks,

    Rd

    • Bought between 1 and 9 items
    • Has been a member for 0-1 years

    ok, thank you very much for your help

    • Bought between 1 and 9 items
    • Has been a member for 0-1 years

    ok, thank you very much for your help

    • Bought between 50 and 99 items
    • Has been a member for 2-3 years

    Hi, i bought this and when i tried to add some jquery mobile js to the site, the menu does not work unless u refresh the page. like u go a page, u have to refresh for the dropdown menu to work. can u help pls? the js i tried putting in are for the generic jquery mobile buttons like commone apps. the scripts i tried to put in the page and crashes yours is:( i put these just above the </head>)

    <script src=”http://code.jquery.com/jquery-1.8.1.min.js”></script> <script src=”http://code.jquery.com/mobile/1.2.0-rc.1/jquery.mobile-1.2.0-rc.1.min.js”></script>

    Appreciate your advice! really struggling.

    realdesigns

    Hi there,

    Sorry for the delay in getting back to you and many thanks for purchasing. When you develop for jQuery mobile you really have to develop this from scratch you cannot add the jQuery code and expect it to work! I had the same problem.

    Start with a basic template, get that working and then add the code from the WOW! theme.

    Hope this helps.

    Rd

    Default-user

    I will try, but i’v tried everything…it works as two separate page one with menu another page with jquery buttons but when i put together into 1 page visually my jquery buttons work but the menu do not dropdown unless i refresh the page once. is there any way u can point me to the right direction to solve this?

    realdesigns

    Hi,

    I had exactly the same problem with having to reload the page. The best way to do this is to create a very basic website and get that working. Then start adding content from the WOW! theme. When you get an error then you will be able to diagnose the problem. Loads of tutorials here for help: http://jquerymobile.com/resources/#Themes The forum is also very good.

    Rd

    Default-user

    Thanks!! i got it worked now :)

    • Has been a member for 0-1 years

    Great template! I have a question. I like use your template for a simple app (product informacion) and sell this app by Apple Store..

    What kind of license I need?

    Thanks

    realdesigns

    Hi there,

    To do this you would need to purchase the extended license. Please read the conditions when doing so. You cannot sell the template on its own. It has to be part of a larger project.

    The conditions are at the top of the page.

    Many thanks,

    Rd

    • Bought between 1 and 9 items
    • Has been a member for 3-4 years

    Hi, Does this html template come with an admin/configuration panel similar to the WP version?

    Thanks

    realdesigns

    Hi,

    Not at the moment.

    Rd

    • Bought between 50 and 99 items
    • Exclusive Author
    • Has been a member for 3-4 years
    • India

    Do u have a URL to test on the Mobile

    realdesigns

    Hello,

    Please send me a personal email and I’ll send you the link.

    Rd

    • Bought between 1 and 9 items
    • Has been a member for 2-3 years

    Just purchased the Theme and was impressed on how well it all came together. Although I do have a question: I would like to ADD an ICON so that when users bookmark (add to their home screens) the mobile website using iphone that it shows the mobile icon. Can this be done?

    realdesigns

    Many thanks for purchasing. Sorry for the late reply. Yes this can be done. Email me to remind me tomorrow to do this for you.

    Rd

    • Bought between 1 and 9 items
    • Has been a member for 2-3 years

    Question about Video players

    in iPhone and Android

    If the player has a ‘full screen’ button on the control bar, will the video expand to fill the entire screen on the phone?

    If so, will it turn automatically into Landscape mode if user turns the phone around

    I want to feature videos for a single purpose site design… lead generation. They watch videos, then the desired action is click Call icon or Contact icon. So full screen video is a must. I’d like to see the Call and Contact icons stay fixed at top or bottom too. Even while a full screen video is playing. Is this possible?

    Thanks for your reply.

    realdesigns

    Hi,

    The video will play natively within the device. So, for iPhone and Android will play fullscreen.

    Hope that helps.

    Rd

    by
    by
    by
    by
    by