Easy Nav Links

in Tutorials on 07 Mar 2010

Easy navigational links.   Just create a HTML block or page and let your imagination do the rest.

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: [url=http://www.dynamicdrive.com/style/]Dynamic Drive CSS Library- Practical CSS codes and examples[/url] */

padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;

#modernbricksmenu ul{
font: bold 11px Arial;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: black; /*Default menu color*/
border-bottom: 1px solid white;

#modernbricksmenu a:hover{
background-color: gray; /*Menu hover bgcolor*/

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/
border-color: #D25A0B; /*Brown color theme*/

clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #D25A0B; /*Brown color theme*/

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
padding: 0;

#myform .textinput{
width: 190px;
border: 1px solid gray;

#myform .submit{
font: bold 11px Verdana;
height: 22px;
background-color: lightyellow;


<div id="modernbricksmenu">
<li style="margin-left: 1px"><a href="http://www.bluedevilcustoms.com" title="Home">Home</a></li>
<li><a href="[url=http://www.bluedevilcustoms.com/index.php?action=forum"]SMF Themes & Design. Free & Premium.[/url] title="New">Forums</a></li>
<li id="current"><a href="[url=http://www.bluedevilcustoms.com/index.php?action=googlemap">Map</a></li>]SMF Themes & Design. Free & Premium.[/url]
<li><a href="[url=http://www.bluedevilcustoms.com/index.php?action=profile">Profile</a></li>]SMF Themes & Design. Free & Premium.[/url]
<li><a href="[url=http://www.bluedevilcustoms.com/index.php?action=stats">Stats</a></li>]SMF Themes & Design. Free & Premium.[/url]


<div id="modernbricksmenuline">&nbsp;</div>

Demo: Easy Nav Links

PixelfyStudio Team
Mick is an American theme designer for Simple Machines Forum software currently living in South Florida, USA. He runs PixelfyStudio.com and started tinkering with SMF in 2006 where he created several SMF forums of his own before he founded PixelfyStudio in 2009 to which he is dedicated full time.

PixelfyStudio.com | SimpleMachines.org


Find the right theme for you. Browse through our gallery of expertly-crafted free SMF themes to find the perfect one for your needs.