Skip to content

CSS Menu II

October 31, 2006

Дараах CSS -г ашиглан хөндлөн жагссан менюг бүтээе.
<style type=”text/css”>
#cfnavbar
{
margin: 0;
padding: 0;
}
#cfnavbar ul
{
padding-left: 0;
margin: 0;
float: left;
font: bold 80% Verdana;
}
* html #cfnavbar ul
{
/* дээрх кодыг Интернет Экплорер дэмжинэ. */
margin-bottom: 1em;
}

#cfnavbar ul li
{
display: inline;
}
#cfnavbar ul li a, #cfnavbar ul li span
{
float: left;
color: white; /* холбоосны үндсэн өнгө нь цагаан байна. */
font-weight: bold;
padding: 7px 13px 8px 6px;
text-decoration: none;
}
#cfnavbar ul li span
{
padding-left: 0px;
}
#cfnavbar ul li a#leftcorner
{
float: none;
padding-left: 10px;
padding-right: 0px;
}
#cfnavbar ul li a#rightcorner
{
padding-right: 10px;
}
#cfnavbar ul li a:hover
{
text-decoration: underline;
color: #99cc00; /* Курсор ойртож очиход холбоосны өөрчлөгдөх өнгө */
}
</style>

<div id=”cfnavbar”>
<ul>
<li><span><a href=”#” mce_href=”#” id=”leftcorner”>Menu</a></span></li>
<li><a href=”#” mce_href=”#”>menu</a></li>
<li><a href=”#” mce_href=”#”>menu</a></li>
<li><a href=”#” mce_href=”#”>menu</a></li>
<li><a href=”#” mce_href=”#”>menu</a></li>
<li><a href=”#” mce_href=”#”>menu</a></li>
<li><a href=”#” mce_href=”#” id=”rightcorner”>menu</a></li>
</ul>
</div>

No comments yet

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: