Posts by Thomascullen92

Thanks for the replies guys, I have decided to go with this framework. It seems to have everything I need and is fairly straight forward.

Hey guys, I have recently starting learning some heavier wordpress development so I can start making some wordpress templates to sell on themeforest. I have come to the point where I need to create a settings page for my template & It seems to me that everyone seems to do this using pre built frameworks. I have had a look at creating them from scratch & it does seem like a lot of effort to do. So im wondering what is the most popular or recommended options framework for theme development?

Thanks mate they look like a great collection of tuts

I was thinking about making a query image slider plugin. I know how to code up a simple image slider however i have noticed that the image sliders that sell these days have fancy effects. I was wondering if anyone could tell me how these effects are achieved or where I could learn. I am talking about the effects similar to the ones that come with Nivo Slider. Specifically the box splice effect

I have a plaint html, css and javascript file and I want blog posts to load when i click a link. rather than redirecting I want the posts to load using something like ajax. how would I go about this?

I have a wordpress file which collects all the posts called blog.php. i just need help with the ajax part

I have been working on a site for a client who wants the background of the site to be an image slider with a ken burns like effect. I have a feeling that the code I have used can be improved. I would be greatfull if you javascript wizards could have a look and let me know if there are any changes i should make.

Also I realise that these are rather large images. What steps can I take so that the images will loads faster, or maybe not start the slide show until the images are loaded.

Here is the code in action<http://www.damblio.com/ken/

$().ready(function(){

    var windowWidth = $(window).width();

    var imgWidth = windowWidth + 120;

    $('#slider img').css({'width': imgWidth,'margin-left': -60, 'margin-top': -60});    

    $('#slider img').hide();

    $('#slider img:first').show();

    //animate Content
    $('#header').delay(600).slideDown(1000);

    var total = $('#slider img').size();
    var count = '1';

    ken();

    $('#header').hover(function(){
        $('#hide').fadeIn();
    },function(){
        $('#hide').fadeOut();
    });

    $('#hide').click(function(){
        $('#header').animate({top:-600},500);
        $('#show').fadeIn();
    });

    $('#show').click(function(){
        $('#header').animate({top:100},500);
        $('#show').fadeOut();
    });

    $('#aboutLink').click(function(){
        $('#header').animate({top:-600},500);
        $('#aboutPage').delay(500).animate({left:100},500);
    });

    $('#hideAbout').click(function(){
        $('#aboutPage').animate({left:-550},500);
        $('#header').delay(500).animate({top:100},500);
    });

    function ken(){

        effectNumber = Math.floor(Math.random()*4)

        effect(effectNumber);

        function effect(number){
            if(number == 0){
            $('#slider img:nth-child(' + count + ')').animate({marginLeft:'-10px'},4500);
            }
            if(number == 1){
            $('#slider img:nth-child(' + count + ')').animate({marginLeft:'-110px'},4500);
            }
            if(number == 2){
            $('#slider img:nth-child(' + count + ')').animate({marginTop:'-110px'},4500);
            }
            if(number == 3){
            $('#slider img:nth-child(' + count + ')').animate({marginTop:'-10px'},4500);
            }
        }

    }

    function slider(){
        var previous = count - 1;
        if(count < total){
            $('#slider img:nth-child(' + count + ')').fadeOut(1000);    
            count++;
            $('#slider img:nth-child(' + count + ')').fadeIn(1000);
            $('#slider img:nth-child(' + previous + ')').css({'width': imgWidth,'margin-left': -120, 'margin-top': -120});
            ken();
        }else{
            $('#slider img:nth-child(' + count + ')').fadeOut(1000);
            $('#slider img:nth-child(' + previous + ')').css({'width': imgWidth,'margin-left': -120, 'margin-top': -120});
            count = '1';
             $('#slider img:first').fadeIn(1000);
             ken();
        }
    }

    setInterval(function(){
        slider();
    }, 5000);

});

There is not much need to do a course in design as most of it is online for free. However I would recommend purchasing some of the premium tutorials on the various tutsplus sites. Have a look at the the sites that have been submitted here and examine them closely. There is a really high standard of design on themeforest so it is a great place to learn it from.

Yeh it is. i didn’t notice that I had increased the letter spacing on all the type, so I tightened that up a bit and change some things. Not too sure about the new header.. Also still not keen on the font for the headers. What you think of the new changes?

http://i53.tinypic.com/kd7242.png

Ok.. here I some changes I have made. once again any more suggestions would be greatly appreciated http://i53.tinypic.com/vnjb7s.png

Thanks! do you mean change it to something like helvetica or arial, or find a custom font to replace to one im using.

I’ve also added a few changes since I posted this, what do you think?

http://www.damblio.com/design.png