Draco - One Page Responsive Parallax Template

Thanks

Why you say this? Only because is a one-page site with parallax effect?

I can give you a lot of examples like this

Thanks Peter

Thanks a lot!

We hope so too Thanks!

I’ve updated just right now. Thanks again!

sorry, but it’s not fixed.

now, demo crash on safari & chrome mobile (iPhone 4S)

Hi, we have tested on iPhone 4 and 4s and iPad 2, without any crash on Safari.

We gonna investigate on it.

Best Regards.

Thaaaanks!

Thank you so much!

Thanks mate

Hi, thanks for the purchase!

What do you mean?

Of course man , you can modify this template with any html editor:

Dreamweaver, Coda, Espresso, etc..

When it finishes loading the browser closes. When I disable flexslider works, but with some errors.

Very probably it could be a problem flexslider plugin, but not having a iPad1 we can not test the issue.

We will try to solve the problem using a different slider.

Thanks

I believe it should be another conflict. Well, I accessing the flexslider in official website and works perfect on iPad 1 iOS 5.1.1 and it is the same Flexslider version that you used. I hope the information helps.

Regards

Hi zeube, thanks for purchasing one of our files, we truly appreciate it!

Probably you can add an instagram gallery.

You could use the plugin js that you find on the internet to get the widget to be inserted on website.

It would take a little time to develop secure – a task for a developer.

You are right, you found a bug! In the next release we fix this bug!

Thanks for your time!

I think its a major bug tho. If I cant link out my portfolio items, and show how the actual design is in the original link, what is the purpose of having a portfolio? ... Can this be fixed quickly?

Hi Tolgaonuk i resolved the problem in this moment:

now i explain the procedure:

go to index.html and see this correct syntax for open link in a new window, it is simple change the content into data-rel=”lightbox” to data-rel=”external”.

<!-- Start Project -->
<div class="four columns item relax" data-categories="relax">
    <div class="mask">
        <span class="title-item">Lost</span>
    </div>
    <a href="http://www.alessioatzeni.com" title="Lorem ipsum dolor sit amet..." data-rel="external">
        <img src="images/placeholder/portfolio/relax/01.jpg" alt="Lost" />
    </a>
</div>
<!-- End Project -->

// Existing Content
$(window).load(function(){
    $('#portfolio_filters a').eq(0).click();
});

// Existing Content        
$('#portfolio_items .mask').live('click', function(){
    $(this).next('a').click();
});

// Insert this New Content        
$('#portfolio_items .item a[data-rel="parent"]').click( function() {
    window.open( $(this).attr('href') );
    return false;
});

It should work to connect to an external link.

If you have a problem to insert this code please wait the update.

Hi rleeg2003, thanks for purchasing one of our files, we truly appreciate it!

It is simple, you do not have to insert any additional code, just change a little setting in main.js.

Go to js/main.js line#97 you find this:

SITE.homepage.slider = function(){
    [...]
}

Now inside this function will find all the necessary parameters, default slideshow is set to false, just change it to true, and plus you can change the speed of the slideshow and single slide.

SITE.homepage.slider = function(){
    [...]

    slideshow: false,          //Boolean: Animate slider automatically
    slideshowSpeed: 7000,      //Integer: Set the speed of the slideshow cycling, in milliseconds
    animationSpeed: 600,       //Integer: Set the speed of animations, in milliseconds

    [...]
}

SITE.homepage.slider = function(){
    [...]

    slideshow: true,          //Boolean: Animate slider automatically
    slideshowSpeed: 7000,     //Integer: Set the speed of the slideshow cycling, in milliseconds
    animationSpeed: 600,      //Integer: Set the speed of animations, in milliseconds

    [...]
}

If you have problems, you do not hesitate to contact us.

Hi rleeg2003, you have two option for the logo:

1) go to folder css/style.css and go to line#281

Now you found the image and the size for the logo-image, you can replace the default logo with your image remeber to change the size if your image don’t have the current size.

if your image is over 50px in height, you change the height of header in the line#269

2) You can replace the image with simple text, remove the image in header #logo and insert in the HTML your logo text version.

Thank you!

Thanks for purchasing one of our files, we truly appreciate it!

Send an e-mail info@starsthemes.com

This is an only HTML version.

Hello acusa, it is strange…i tested now the top slider but on Firefox 18 – OS Win 7 the slider function perfectly with left/right click arrows.

Unfortunately the homepage left/right slider buttons do not work at my end when the slider is on “manual” (js/main.js line#97, slideshow: false). Could you please point me to the right files, lines, IDs, class, function… I should check when editing the html/css/js files ? Thank you.

I tested with slideshow “false” and the arrow function correctly!

SITE.homepage.slider = function(){
    // init flexslider
    // if you want see all values for the slider please visit http://www.woothemes.com/flexslider/
    $('#hp_slider').flexslider({
        animation: "slide",             //String: Select your animation type, "fade" or "slide" 
        easing: "swing",                //{NEW} String: Determines the easing method used in jQuery transitions. jQuery easing plugin is supported!
        direction: "horizontal",        //String: Select the sliding direction, "horizontal" or "vertical" 
        reverse: false,                 //{NEW} Boolean: Reverse the animation direction
        animationLoop: true,            //Boolean: Should the animation loop? If false, directionNav will received "disable" classes at either end
        smoothHeight: false,            //{NEW} Boolean: Allow height of the slider to animate smoothly in horizontal mode
        startAt: 0,                     //Integer: The slide that the slider should start on. Array notation (0 = first slide)
        slideshow: false,               //Boolean: Animate slider automatically
        slideshowSpeed: 7000,           //Integer: Set the speed of the slideshow cycling, in milliseconds
        animationSpeed: 200,            //Integer: Set the speed of animations, in milliseconds
        randomize: false,               //Boolean: Randomize slide order
        prevText: '<span class="icon-arrow-simple-left icon-white">prev</span>',
        nextText: '<span class="icon-arrow-simple-right icon-white">next</span>'
    });
}