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



Mega meniu in 8 culori

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


MesajSubiect: Mega meniu in 8 culori Mar Ian 25, 2011 12:50 am  
Urmatorul meniu pe care il voi prezenta va fi un meniu in 8 culori , mai jos puteti vizualiza noul meniu.


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



Ultima editare efectuata de catre nick in Lun Aug 29, 2011 10:21 am, editata de 1 ori
 nick
avatar
Rang: Administrator


MesajSubiect: Re: Mega meniu in 8 culori Joi Ian 27, 2011 6:57 am  
Pentru inceput va prezint meniul de culoare verde (green menu)

Codurile JS si CSS


Linkurile meniului

Cod:
<body>

    <ul class="menu">
     
   
        <li><a href="#" class="drop">Home</a><!-- Begin Home Item -->
       
       
            <div class="dropdown_2columns"><!-- Begin 2 columns container -->
           
       
                <div class="col_2">
                    <h2>Welcome !</h2>
                </div>
       
                <div class="col_2">

                    <p>Hi and welcome here ! This is a showcase of the possibilities of this awesome Mega Drop Down Menu.</p>           
                    <p>This item comes with a large range of prepared typographic stylings such as headings, lists, etc.</p>           
                </div>
       
                <div class="col_2">
                    <h2>Cross Browser Support</h2>
                </div>
               
                <div class="col_1">
                    <img src="img/browsers.png" width="125" height="48" alt="" />

                </div>
               
                <div class="col_1">
                    <p>This mega menu has been tested in all major browsers.</p>
                </div>
       
                <div class="col_2">
                    <h2>Compatible Browsers</h2>
                </div>
               
                <div class="col_1">

                    <ul class="plus">
                        <li>Internet Explorer</li>
                        <li>Firefox</li>
                        <li>Opera</li>
                    </ul>
                </div>
               
                <div class="col_1">

                    <ul class="plus">
                        <li>Chrome</li>
                        <li>Safari</li>
                        <li>What else ?</li>
                    </ul>
                </div>
               
           
            </div><!-- End 2 columns container -->

           
       
        </li><!-- End Home Item -->
       
       
       
       
        <li><a href="#" class="drop">5 Columns</a><!-- Begin 5 columns Item -->
       
       
            <div class="dropdown_5columns"><!-- Begin 5 columns container -->
           
           
                <div class="col_5">
                    <h2>This is an example of a large container with 5 columns</h2>
                </div>
               
                <div class="col_1">
                    <p class="dark_grey_box">This is a dark grey box text. Fusce in metus at enim porta lacinia vitae a arcu. Sed sed lacus nulla mollis porta quis.</p>

                </div>
               
                <div class="col_1">
                    <p>Phasellus vitae sapien ac leo mollis porta quis sit amet nisi. Mauris hendrerit, metus cursus accumsan tincidunt.</p>
                </div>
               
                <div class="col_1">
                    <p class="italic">This is a sample of an italic text. Consequat scelerisque. Fusce sed lectus at arcu mollis accumsan at nec nisi porta quis sit amet.</p>
                </div>
               
                <div class="col_1">

                    <p>Curabitur euismod gravida ante nec commodo. Nunc dolor nulla, semper in ultricies vitae, vulputate porttitor neque.</p>
                </div>
               
                <div class="col_1">
                    <p class="strong">This is a sample of a bold text. Aliquam sodales nisi nec felis hendrerit ac eleifend lectus feugiat scelerisque.</p>
                </div>
           
                <div class="col_5">
                    <h2>Here is some content with side images</h2>

                </div>
             
                <div class="col_3">
               
                    <img src="img/01.jpg" width="70" height="70" class="img_left imgshadow_light" alt="" />
                    <p>Maecenas eget eros lorem, nec pellentesque lacus. Aenean dui orci, rhoncus sit amet tristique eu, tristique sed odio. Praesent ut interdum elit. Sed in sem mauris. Aenean a commodo mi. Praesent augue lacus.<a href="#">Read more...</a></p>
           
                    <img src="img/02.jpg" width="70" height="70" class="img_left imgshadow_light" alt="" />
                    <p>Aliquam elementum felis quis felis consequat scelerisque. Fusce sed lectus at arcu mollis accumsan at nec nisi. Aliquam pretium mollis fringilla. Nunc in leo urna, eget varius metus. Aliquam sodales nisi.<a href="#">Read more...</a></p>
               
                </div>

               
                <div class="col_2">
               
                    <p class="black_box">This is a black box, you can use it to highligh some content. Sed sed lacus nulla, et lacinia risus. Phasellus vitae sapien ac leo mollis porta quis sit amet nisi. Mauris hendrerit, metus cursus accumsan tincidunt.Quisque vestibulum nisi non nunc blandit placerat. Mauris facilisis, risus ut lobortis posuere, diam lacus congue lorem, ut condimentum ligula est vel orci. Donec interdum lacus at velit varius gravida. Nulla ipsum risus.</p>
               
                </div>
               
           
            </div><!-- End 5 columns container -->
           
       
        </li><!-- End 5 columns Item -->
       
       
       
       
        <li><a href="#" class="drop">4 Columns</a><!-- Begin 4 columns Item -->
       
       
            <div class="dropdown_4columns"><!-- Begin 4 columns container -->
           
           
                <div class="col_4">

                    <h2>This is a heading title</h2>
                </div>
               
                <div class="col_2">
                    <p class="favorite">This is a paragraph with a favorite icon. Donec tortor sem, venenatis vitae lobortis ac, cursus vel lacus. </p>
                    <p class="help">This is a paragraph with a help icon. Donec tortor sem, venenatis vitae lobortis ac, cursus vel lacus. </p>
                </div>
               
                <div class="col_2">

                    <p class="mail">This is a paragraph with a mail icon. Donec tortor sem, venenatis vitae lobortis ac, cursus vel lacus. </p>
                    <p class="print">This is a paragraph with a print icon. Donec tortor sem, venenatis vitae lobortis ac, cursus vel lacus. </p>
                </div>
       
                <div class="col_1">
               
                    <h3>Some Links</h3>
                    <ul>
                        <li><a href="#">ThemeForest</a></li>

                        <li><a href="#">GraphicRiver</a></li>
                        <li><a href="#">ActiveDen</a></li>
                        <li><a href="#">VideoHive</a></li>
                        <li><a href="#">3DOcean</a></li>
                    </ul> 
                   
                </div>
       
                <div class="col_1">

               
                    <h3>Useful Links</h3>
                    <ul>
                        <li><a href="#">NetTuts</a></li>
                        <li><a href="#">VectorTuts</a></li>
                        <li><a href="#">PsdTuts</a></li>
                        <li><a href="#">PhotoTuts</a></li>

                        <li><a href="#">ActiveTuts</a></li>
                    </ul> 
                   
                </div>
       
                <div class="col_1">
               
                    <h3>Other Stuff</h3>
                    <ul>
                        <li><a href="#">FreelanceSwitch</a></li>
                        <li><a href="#">Creattica</a></li>

                        <li><a href="#">WorkAwesome</a></li>
                        <li><a href="#">Mac Apps</a></li>
                        <li><a href="#">Web Apps</a></li>
                    </ul> 
                   
                </div>
       
                <div class="col_1">
               
                    <h3>Misc</h3>

                    <ul>
                        <li><a href="#">Design</a></li>
                        <li><a href="#">Logo</a></li>
                        <li><a href="#">Flash</a></li>
                        <li><a href="#">Illustration</a></li>
                        <li><a href="#">More...</a></li>

                    </ul> 
                   
                </div>
               
           
            </div><!-- End 4 columns container -->
           
       
        </li><!-- End 4 columns Item -->
       
       
       
       
        <li><a href="#" class="drop">3 columns</a><!-- Begin 3 columns Item -->
       
       
            <div class="dropdown_3columns"><!-- Begin 3 columns container -->
           
               
                <div class="col_3">
                    <h2>Lists in Boxes</h2>

                </div>
               
                <div class="col_1">
       
                    <ul class="greybox">
                        <li><a href="#">FreelanceSwitch</a></li>
                        <li><a href="#">Creattica</a></li>
                        <li><a href="#">WorkAwesome</a></li>
                        <li><a href="#">Mac Apps</a></li>

                        <li><a href="#">Web Apps</a></li>
                    </ul> 
       
                </div>
               
                <div class="col_1">
       
                    <ul class="greybox">
                        <li><a href="#">ThemeForest</a></li>
                        <li><a href="#">GraphicRiver</a></li>
                        <li><a href="#">ActiveDen</a></li>

                        <li><a href="#">VideoHive</a></li>
                        <li><a href="#">3DOcean</a></li>
                    </ul> 
       
                </div>
               
                <div class="col_1">
       
                    <ul class="greybox">
                        <li><a href="#">Design</a></li>
                        <li><a href="#">Logo</a></li>

                        <li><a href="#">Flash</a></li>
                        <li><a href="#">Illustration</a></li>
                        <li><a href="#">More...</a></li>
                    </ul> 
       
                </div>
               
                <div class="col_3">
                    <h2>Here are some image examples</h2>

                </div>
               
                <div class="col_3">
                    <img src="img/03.jpg" width="70" height="70" class="img_right imgshadow_light" alt="" />
                    <p>Maecenas eget eros lorem, nec pellentesque lacus. Aenean dui orci, rhoncus sit amet tristique eu, tristique sed odio. Praesent ut interdum elit. Maecenas imperdiet, nibh vitae rutrum vulputate, lorem sem condimentum.<a href="#">Read more...</a></p>
       
                    <img src="img/04.jpg" width="70" height="70" class="img_left imgshadow_light" alt="" />
                    <p>Aliquam elementum felis quis felis consequat scelerisque. Fusce sed lectus at arcu mollis accumsan at nec nisi. Aliquam pretium mollis fringilla. Vestibulum tempor facilisis malesuada. <a href="#">Read more...</a></p>
                </div>

               
           
            </div><!-- End 3 columns container -->
           
           
        </li><!-- End 3 columns Item -->
       
       
       
       
        <li><a href="#" class="drop">2 columns</a><!-- Begin 2 columns Item -->
       
       
            <div class="dropdown_2columns"><!-- Begin 2 columns container -->
           
                <div class="col_1">
               
                    <h3>Some Links</h3>
                    <ul>
                        <li><a href="#">ThemeForest</a></li>

                        <li><a href="#">GraphicRiver</a></li>
                        <li><a href="#">ActiveDen</a></li>
                        <li><a href="#">VideoHive</a></li>
                        <li><a href="#">3DOcean</a></li>
                    </ul> 
                   
                </div>
       
                <div class="col_1">

               
                    <h3>Useful Links</h3>
                    <ul>
                        <li><a href="#">NetTuts</a></li>
                        <li><a href="#">VectorTuts</a></li>
                        <li><a href="#">PsdTuts</a></li>
                        <li><a href="#">PhotoTuts</a></li>

                        <li><a href="#">ActiveTuts</a></li>
                    </ul> 
                   
                </div>
       
                <div class="col_1">
               
                    <h3>Other Stuff</h3>
                    <ul>
                        <li><a href="#">FreelanceSwitch</a></li>
                        <li><a href="#">Creattica</a></li>

                        <li><a href="#">WorkAwesome</a></li>
                        <li><a href="#">Mac Apps</a></li>
                        <li><a href="#">Web Apps</a></li>
                    </ul> 
                   
                </div>
       
                <div class="col_1">
               
                    <h3>Misc</h3>

                    <ul>
                        <li><a href="#">Design</a></li>
                        <li><a href="#">Logo</a></li>
                        <li><a href="#">Flash</a></li>
                        <li><a href="#">Illustration</a></li>
                        <li><a href="#">More...</a></li>

                    </ul> 
                   
                </div>
               
           
            </div><!-- End 2 columns container -->
           
       
        </li><!-- End 2 columns Item -->
       
       
       
       
        <li><a href="#" class="drop">1 Column</a><!-- Begin 1 column Item -->
       
       
            <div class="dropdown_1column"><!-- Begin 1 column container -->
           
           
                <div class="col_1">
               
                    <ul>
                        <li><a href="#">FreelanceSwitch</a></li>

                        <li><a href="#">Creattica</a></li>
                        <li><a href="#">WorkAwesome</a></li>
                        <li><a href="#">Mac Apps</a></li>
                        <li><a href="#">Web Apps</a></li>
                        <li><a href="#">NetTuts</a></li>
                        <li><a href="#">VectorTuts</a></li>

                        <li><a href="#">PsdTuts</a></li>
                        <li><a href="#">PhotoTuts</a></li>
                        <li><a href="#">ActiveTuts</a></li>
                        <li><a href="#">Design</a></li>
                        <li><a href="#">Logo</a></li>
                        <li><a href="#">Flash</a></li>

                        <li><a href="#">Illustration</a></li>
                        <li><a href="#">More...</a></li>
                    </ul> 
                   
                </div>
               
           
            </div><!-- End 1 column container -->
           
       
        </li><!-- End 1 column Item -->
   
   
   
   
        <li class="right"><a href="#" class="drop">Contact</a><!-- Begin Contact Item -->
           
            <div class="dropdown_2columns align_right">

       
                <div class="col_2">
                    <h2>Contact Us</h2>
                </div>
       
                <div class="col_2">
               
                    <form action="post"><!-- Begin contact form -->
                           
                        <fieldset>
                       
                            <p><label>Name</label><input type="text" size="30" /></p>
                            <p><label>Email</label><input type="text" size="30" /></p>

                            <p><label>Subject</label><input type="text" size="30" /></p>
                            <p><label>Message</label><textarea cols="30" rows="10"></textarea></p>      
                                                   
                            <button type="submit" class="submit">Send</button>
                       
                        </fieldset>      
                               
                    </form><!-- End contact form -->
               
                </div>
       
                <div class="col_2">
                    <h2>Find us on social networks</h2>

                </div>
       
                <div class="col_2">
                    <ul class="social">
                        <li><a href="#"><img src='img/twitter.png' alt="" /><span>Twitter</span></a></li>
                        <li><a href="#"><img src='img/facebook.png' alt="" /><span>Facebook</span></a></li>
                        <li><a href="#"><img src='img/flickr.png' alt="" /><span>Flickr</span></a></li>
                        <li><a href="#"><img src='img/rss.png' alt="" /><span>RSS Feed</span></a></li>

                        <li><a href="#"><img src='img/technorati.png' alt="" /><span>Technorati</span></a></li>
                        <li><a href="#"><img src='img/delicious.png' alt="" /><span>Delicious</span></a></li>
                    </ul>
                </div>
           
            </div>
             
        </li><!-- End Contact Item -->
   
   
    </ul>

</body>

Pentru a avea acces la codurile CSS trebuie sa postezi in acest topic


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


Revin si cu celelalte 7 culori



 MosuGhosT
avatar
Rang: Prieten

Respetarea regulilor 100%

MesajSubiect: Re: Mega meniu in 8 culori Sam Ian 29, 2011 3:53 am  
Bun tutorial merge pentru toate versiunile?
 nick
avatar
Rang: Administrator


MesajSubiect: Re: Mega meniu in 8 culori Sam Ian 29, 2011 4:00 am  
Eu l-am testat pe phpbb2 si punbb
 CezZzaR
avatar
Rang: Prieten

Respetarea regulilor 100%

MesajSubiect: Re: Mega meniu in 8 culori Sam Ian 29, 2011 7:25 am  
Super Meniu
 fmaryus
avatar
Rang: Prieten

Respetarea regulilor 100%

MesajSubiect: Re: Mega meniu in 8 culori Mar Feb 08, 2011 9:59 am  
Super fain , imi place !
 pXp.n0Limit
avatar
Rang: Prieten

Respetarea regulilor 100%

MesajSubiect: Re: Mega meniu in 8 culori Mar Feb 08, 2011 10:53 am  
il putem pune la noi pe forum ?
 nick
avatar
Rang: Administrator


MesajSubiect: Re: Mega meniu in 8 culori Mar Feb 08, 2011 9:38 pm  
pXp.n0Limit a scris:
il putem pune la noi pe forum ?

Da
 cristigeorgescu
avatar
Rang: Prieten

Respetarea regulilor 100%

MesajSubiect: Re: Mega meniu in 8 culori Sam Apr 09, 2011 11:30 am  
E furat de pe tutsplus,puteai pune macar sursa
 nick
avatar
Rang: Administrator


MesajSubiect: Re: Mega meniu in 8 culori Sam Apr 09, 2011 10:13 pm  
cristigeorgescu a scris:
E furat de pe tutsplus,puteai pune macar sursa

1.Codul nu este preluat de pe acel site
2.Testez si portez codurile care sunt distribuite FREE pe net
 Alexander
avatar
Rang: Prieten

Respetarea regulilor 100%

MesajSubiect: Re: Mega meniu in 8 culori Sam Mai 14, 2011 9:03 am  
Abia astept sa vad cat de flexibil este big grin
 The Unique
avatar
Rang: Prieten

Respetarea regulilor 100%

MesajSubiect: Re: Mega meniu in 8 culori Lun Mai 23, 2011 9:25 am  
sUPER MENIU Very Happy
 Pa!NT
avatar
Rang: Prieten

Respetarea regulilor 100%

MesajSubiect: Re: Mega meniu in 8 culori Mier Iul 27, 2011 6:12 am  
Dragut
 Edyson
avatar
Rang: Prieten

Respetarea regulilor 100%

MesajSubiect: Re: Mega meniu in 8 culori Joi Aug 25, 2011 4:09 am  
Super!
 CezZzaR
avatar
Rang: Prieten

Respetarea regulilor 100%

MesajSubiect: Re: Mega meniu in 8 culori Lun Aug 29, 2011 9:54 am  
L-am bagat, merge, dar nu mai am imagine pe background daca bag codul ,.. oare de ce?
 Duduletz
avatar
Rang: Prieten

Respetarea regulilor 100%

MesajSubiect: Re: Mega meniu in 8 culori Joi Sept 08, 2011 1:19 pm  
Super tare meniul!
 Sabin ;x
avatar
Rang: Prieten

Respetarea regulilor 100%

MesajSubiect: Re: Mega meniu in 8 culori Lun Apr 09, 2012 11:58 am  
foarte frumos,bravo
 ionuz
avatar
Rang: Prieten

Respetarea regulilor 100%

MesajSubiect: Re: Mega meniu in 8 culori Joi Apr 19, 2012 11:24 pm  
esti tare nick
 Continut sponsorizat
Rang:


MesajSubiect: Re: Mega meniu in 8 culori  

*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

.