Skip to content

Instantly share code, notes, and snippets.

@kevinbluer
Created December 6, 2012 15:48
Show Gist options
  • Save kevinbluer/4225506 to your computer and use it in GitHub Desktop.
Save kevinbluer/4225506 to your computer and use it in GitHub Desktop.
Background position for the homework sprites
/* Home Button */
nav li.home {
width:115px;
height:60px;
}
nav li.home a{
background-position:-5px -5px;
}
nav li.home a:hover{
background-position:-5px -75px;
}
nav li.home a.selected{ /* The selected class is used once per page. The purpose is to show that this particular button is the page we are on */
background-position:-5px -145px;
}
/* About Button */
nav li.about{
width:120px;
height:60px;
}
nav li.about a{
background-position:-125px -5px;
}
nav li.about a:hover{
background-position:-125px -75px;
}
nav li.about a.selected{
background-position:-125px -145px;
}
/* Contact Button */
nav li.contact{
width:160px;
height:60px;
}
nav li.contact a{
background-position:-250px -5px;
}
nav li.contact a:hover{
background-position:-250px -75px;
}
nav li.contact a.selected{
background-position:-250px -145px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment