Meniu simplu[phpBB3]

Scris de ionuz Lun Oct 08, 2012 9:10 am

Meniu simplu[phpBB3]

Nume tutorial: Meniu simplu [pHpBB3]
Creator: ionuz (InFeRn0)
Conţinut(intre tag-ul code): JS

Cod:: /* * Copyright (c) 2012. CD-Forum.net. All right reserved. * Code created by ionuz (InFeRn0). */ $(function() { $('.linklist.navlinks').removeClass('linklist navlinks').attr('class','menu'); $('#page-header .navbar .inner .corners-top, #page-header .navbar .inner .corners-bottom').remove(); $("#search-box").remove(); $('.menu').append('<ul class="right" style="float: right;"></ul>'); $('.menu li:eq(6), .menu li:eq(7), .menu li:eq(8)').appendTo('ul.right'); });

CSS

Cod:: ul.menu li { list-style-type: none; width: auto; font-size: 1.1em; line-height: 2.2em; display: inline; } .menu { background: whiteSmoke; border: 1px solid #D13E3E; padding: 1px 10px; border-radius: 5px; } .mainmenu:first-child { border-left: 1px solid #CCC; padding-left: 5px; } a[href="/"].mainmenu { border-left: 0px solid #CCC!important; padding-left: 5px; } #page-header .navbar { background: transparent; }

Descriere: Un mic cod JavaScript + CSS pentru un aspect mai frumos !
Pentru a adauga o class puteti folosi functia ".addClass()"
Demo: [Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

Acest tutorial v-a fost oferit de catre CD-Forum.net. Distribuirea lui, precum si plagierea integrala fara acordul staff-ului este interzisa si se sanctioneaza conform coditiilor de utilizare Forumgratuit.ro.