• Im very new to WordPress and i dont know a great deal on how to do stuff and still learning but ive became stuck on how i can use this style

    /* Menu Style */
    .menu {
    	display:block;
    	width:auto;
    	height:41px;
    	list-style:inside none;
    	padding:0;
    	margin:0;
    	border:1px solid;
    }
    .menu li {
    	list-style:inside none;
    	padding:0;
    	margin:0;
    	display:block;
    	position:relative;
    }
    .menu li a {
    	outline:none;
    	display:block;
    	margin:0;
    	padding:13px 15px;
    	font:bold 11px 'Carme', sans-serif;
    	text-decoration:none;
    	border-left:1px solid transparent;
    	border-right:1px solid transparent;
    }
    .drop {
    	position:relative;
    	z-index:2;
    }
    .menu li:hover a.drop {
    	color:#000;
    	background:#fff;
    	border:1px solid #000;
    	border-bottom:0 none;
    	margin-top:-1px;
    	padding-bottom:14px;
    }
    .menu ul {
    	display:none;
    	position:absolute;
    	min-width:180px;
    	list-style:inside none;
    	margin:0;
    	margin-top:39px;
    	padding:10px 0px;
    	background:#fff;
    	border:1px solid #000;
    	z-index:1;
    }
    .menu ul li {
    	margin:0;
    	padding:0;
    	list-style:inside none;
    	border:0 none;
    	float:none;
    }
    .menu ul li a {
    	float:none;
    	padding:6px;
    	font-weight:normal;
    	color:#777;
    	border:0 none;
    	border-bottom:1px solid #eee;
    	border-top:1px solid transparent;
    }
    .menu ul li:last-child a {
    	border-bottom:1px solid transparent;
    }
    .menu ul li a:hover {
    	border:0 none;
    	border-top:1px solid;
    	border-bottom:1px solid;
    }
    .menu ul a {
    	white-space:nowrap;
    }
    .menu li ul {
    	display:none;
    }
    .menu li:hover > ul {
    	display:block;
    }
    .dropdown-box {
    	display:none;
    	position:absolute;
    	width:auto;
    	margin:0;
    	margin-top:39px;
    	padding:10px;
    	background:#fff;
    	border:1px solid #000;
    	z-index:1;
    }
    .dropdown-box p {
    	font:11px/140% 'Carme', sans-serif;
    	color:#777;
    	text-align:justify;
    	margin:0;
    }
    .menu li:hover > .dropdown-box {
    	display:block;
    }
    /* Align styles */
    
    .left li {
    	float:left;
    }
    .left li a {
    	float:left;
    }
    .left li:hover a.drop {
    	margin-left:-1px;
    	padding-left:16px;
    }
    .left ul, .left .dropdown-box {
    	left:-1px;
    }
    /* Color styles */
    
    .black {
    	background-color:#333;
    	border-color:#000;
    }
    .black li a {
    	color:#fff;
    }
    .black li a:hover {
    	background-color:#444;
    	color:#fff;
    }
    .black ul li a:hover {
    	background-color:#333;
    	border-top-color:#000;
    	border-bottom-color:#000;
    }

    the menu thing im using to show where i want it on my layout is…

    <?php wp_nav_menu( array( 'sort_column' => 'menu_order', 'container_class' => 'menu-header' ) ); ?>

    thanks,
    Renny

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘How Can I Style My Menu With…’ is closed to new replies.