Bun venit pe Forumul Andrei

Daca vezi aceasta pagina inseamna ca nu ai cont sau nu esti logat.
Daca doresti doar sa vizualizezi forumul poti apasa pe "x-ul" din dreapta si acesta imagine nu va mai fi afisata.

Pentru o vizualizare cat mai buna a acestui forum recomandam
8
Va uram o zi buna in continuare si o navigare cat mai placuta pe acest forum !


   
AcasaSustineFAQInregistrareConectareCautareCalendar
Twitter



Green menu

Navigare :: Scripturi si tutoriale :: Scripturi
AutorMesaj
 nick
avatar
Rang: Administrator


MesajSubiect: Green menu Mar Dec 14, 2010 12:24 am  
Cod:
   
<html>   
<body>
    <head>
        <link rel="stylesheet" href="http://forumulandrei.webs.com/Green%20menu/style.css" type="text/css" media="screen"/>
        <style>
            *{
                margin:0;
                padding:0;
                background:#ffffff;
            }
           
        </style>

    </head>
    <body>
              <div class="menu">
            <div class="item">
                <a class="link icon_mail"></a>

                <div class="item_content">
                    <h2>Contact us</h2>
                    <p>
                        <a href="#">eMail</a>
                        <a href="#">Twitter</a>
                        <a href="#">Facebook</a>
                    </p>

                </div>
            </div>
            <div class="item">
                <a class="link icon_help"></a>
                <div class="item_content">
                    <h2>Help</h2>
                    <p>
                        <a href="#">FAQ</a>

                        <a href="#">Live Support</a>
                        <a href="#">Tickets</a>
                    </p>
                </div>
            </div>
            <div class="item">
                <a class="link icon_find"></a>
                <div class="item_content">

                    <h2>Search</h2>
                    <p>
                        <input type="text"></input>
                        <a href="">Go</a>
                    </p>
                </div>
            </div>
            <div class="item">

                <a class="link icon_photos"></a>
                <div class="item_content">
                    <h2>Image Gallery</h2>
                    <p>
                        <a href="#">Categories</a>
                        <a href="#">Archives</a>
                        <a href="#">Featured</a>

                    </p>
                </div>
            </div>
            <div class="item">
                <a class="link icon_home"></a>
                <div class="item_content">
                    <h2>Start from here</h2>
                    <p>

                        <a href="#">Services</a>
                        <a href="#">Portfolio</a>
                        <a href="#">Pricing</a>
                    </p>
                </div>
            </div>
        </div>

        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
        <script src="http://forumulandrei.webs.com/Green%20menu/jquery-css-transform.js" type="text/javascript"></script>
        <script src="http://forumulandrei.webs.com/Green%20menu/jquery-animate-css-rotate-scale.js" type="text/javascript"></script>
        <script>
            $('.item').hover(
                function(){
                    var $this = $(this);
                    expand($this);
                },
                function(){
                    var $this = $(this);
                    collapse($this);
                }
            );
            function expand($elem){
                var angle = 0;
                var t = setInterval(function () {
                    if(angle == 1440){
                        clearInterval(t);
                        return;
                    }
                    angle += 40;
                    $('.link',$elem).stop().animate({rotate: '+=-40deg'}, 0);
                },10);
                $elem.stop().animate({width:'268px'}, 1000)
                .find('.item_content').fadeIn(400,function(){
                    $(this).find('p').stop(true,true).fadeIn(600);
                });
            }
            function collapse($elem){
                var angle = 1440;
                var t = setInterval(function () {
                    if(angle == 0){
                        clearInterval(t);
                        return;
                    }
                    angle -= 40;
                    $('.link',$elem).stop().animate({rotate: '+=40deg'}, 0);
                },10);
                $elem.stop().animate({width:'52px'}, 1000)
                .find('.item_content').stop(true,true).fadeOut().find('p').stop(true,true).fadeOut();
            }
        </script>
    </body>
</html>
   


[Trebuie sa fiti inscris si conectat pentru a vedea acest link]





Ultima editare efectuata de catre nick in Mier Dec 29, 2010 8:03 am, editata de 1 ori
 Pa!NT
avatar
Rang: Prieten

Respetarea regulilor 100%

MesajSubiect: Re: Green menu Mar Dec 14, 2010 12:57 am  
Tare, când va sosii și scriptul?
 marius123
avatar
Rang: Prieten

Respetarea regulilor 100%

MesajSubiect: Re: Green menu Mar Dec 14, 2010 10:21 am  
chiar
 MosuGhosT
avatar
Rang: Prieten

Respetarea regulilor 100%

MesajSubiect: Re: Green menu Vin Dec 24, 2010 12:34 pm  
Cod eliminat-Nick
 marius123
avatar
Rang: Prieten

Respetarea regulilor 100%

MesajSubiect: Re: Green menu Dum Dec 26, 2010 10:11 am  
nashpa
 adyx
avatar
Rang: Prieten

Respetarea regulilor 100%

MesajSubiect: Re: Green menu Mier Ian 26, 2011 10:04 am  
foarte frumoase toate meniurile:)
 Continut sponsorizat
Rang:


MesajSubiect: Re: Green menu  

*Scrie romaneste
*Sterg mesajele inutile sau scrise cu CAPS
*Nu fa spam
*Linkurile relevante în context sunt binevenite.

Transferul se face din contul dumnevoastra de Paypal




Copyright © 2008-2014 Forumul Andrei. Toate drepturile rezervate. Termeni si conditii
Aspect creat si codat de Alexandru Miron & Nick

.