1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

How to get this effect on my site

Discussion in 'Web Design' started by watsonovedades, Mar 9, 2014.

  1. watsonovedades

    watsonovedades Senior Member

    Joined:
    Mar 10, 2011
    Messages:
    922
    Likes Received:
    233
    Location:
    Mexico
    Hi im a website designer

    i stumble upon a challengue for my skills
    a professional photographers wants website for his portfolio
    he likes this site http://nickknight.com/

    is a simple site with basic structure but i dont know how to create the animated menus
    how can i accomplish this?
    or is there any wordpress theme whit this features?

    Thanks a lot
     
  2. itsdjango

    itsdjango Regular Member

    Joined:
    Jun 16, 2013
    Messages:
    327
    Likes Received:
    59
    Occupation:
    Engineer.
    Location:
    outside your window
    You can do it via CSS !! Use hide features

    PM me if you need further help.
     
  3. bananaman5000

    bananaman5000 Regular Member

    Joined:
    Mar 5, 2010
    Messages:
    200
    Likes Received:
    130
    I would use jQuery
    Just line up the divs for the menu columns floating left, then hide the last two

    #menu-1{
    float:left;
    }

    #menu-2, #menu-3{
    display:none;
    z-index:99;
    float:left;
    }

    <div id="menu-1" class="floatleft"><span id="dudeman">stuff</span></div>
    <div id="menu-2" class="floatleft">more stuff</div>
    <div id="menu-3" class="floatleft">more stuff</div>

    <script type="text/javascript">

    $(".dudeman").click(function(){
    $("#menu-2").fadeIn("slow");
    });

    </script>
     
  4. crazyflx

    crazyflx Elite Member

    Joined:
    Nov 9, 2009
    Messages:
    1,674
    Likes Received:
    4,825
    Location:
    http://CRAZYFLX.COM
    Home Page:
    Thread moved to appropriate area of the forum.

    OP, I'd advise your client that website is made with Flash and is suited for people who want a website that is compliant (and user friendly) for people and search spiders that are looking at the web from a computer still firmly seated in the 90's.

    With that advice, present him with a variety of other (better) websites. You'll need to explain that: intro pages aren't friendly, flash sites aren't friendly, that website isn't friendly, it's not mobile ready, it's not apple product friendly, it isn't search engine spider friendly...I could go on and on. Your client, in a way, is a blank slate (in my opinion, which is incidentally a good thing) which leaves a lot of room for you to present better looking (and simply better in every way) options without too much convincing.

    It will take nearly no effort to find websites that look infinitely better than that example. Just google "photography wordpress themes" and look for results posted in the last 6 months.
     
  5. watsonovedades

    watsonovedades Senior Member

    Joined:
    Mar 10, 2011
    Messages:
    922
    Likes Received:
    233
    Location:
    Mexico
    Your absolutely right i can turn this around and create something better with what already know and not learn outdated flash

    Thanks crazyflx
     
  6. watsonovedades

    watsonovedades Senior Member

    Joined:
    Mar 10, 2011
    Messages:
    922
    Likes Received:
    233
    Location:
    Mexico
    Hey thanks bananaman nice code
    i will try this now and see how it comes