Menu color

js code

jQuery(document).ready(function() {

    jQuery("#menu >ul >li:nth-child(1) >a").css({
        'background-color' : 'orange',  'color' : 'white', 'border' : 'none'

    jQuery("#menu >ul >li:nth-child(2) >a").css({
        'background-color' : 'red',  'color' : 'white', 'border' : 'none'

    jQuery("#menu >ul >li:nth-child(3) >a").css({
        'background-color' : 'blue',  'color' : 'white', 'border' : 'none'

    jQuery("#menu >ul >li:nth-child(4) >a").css({
        'background-color' : 'green',  'color' : 'white', 'border' : 'none'

    jQuery("#menu >ul >li:nth-child(5) >a").css({
         'background-color' : '#FFBF00',  'color' : 'white', 'border' : 'none'

html code

<div id="menu" style="display:block">
<li><a href=""><span>Home</span></a></li>
<li><a href=""><span>Downloads</span></a></li>
<li><a href=""><span>Wiki</span></a></li>
<li><a href=""><span>Forum</span></a></li>
<li><a href=""><span>Contact</span></a></li>


Menu color
comments (0)
The following comments are owned by whomever posted them. This site is not responsible for what they say.

Download geeklog

Last available version 2.1

Change language



There are no upcoming events

User Functions

Don't have an account yet? Sign up as a New User!

Lost your password?

Visual Theme Switcher

Test out available themes by selecting from one of the 4 available themes or give the Visual Switcher a try:


En ligne

Guest Users: 13


What is your favorite theme for Geeklog CMS?

What is your favorite theme for Geeklog 2.1.0? You can use the visual theme switcher on the right.

  •  Denim
  •  Modern curve
  •  Professional
  •  Purepro

Other polls | 46 voters | 0 comments