Дараах кодыг хуулж авна уу. Ангилал1... гэсн хэсэгт ангилалын нэр ontsgoi.com гэж бичсэн хэсэгт ангилалын URL code-г оруулж өгөөрэй. Блог , жижиг хэмжээний хуудсанд хэрэг болж магадгүй гэж бодоод тавьлаа.
<style type="text/css">
#headMenu{
height:26px;
position:absolute;
top:140px;
left:0px;
display:block;
width:100%;
}
#headMenu #headMenu_list{
width:990px;
height:28px;
margin:0 auto;
border-top: 1px solid dbfffc;
border-bottom: 1px solid dbfffc;
background:url("http://i.imgur.com/Zv8Zl.png") repeat-x ;
}
#headMenu #headMenu_list .headMenu_item{
float:left;
padding:1px 1px 1px 1px;
min-width:120px;
height:26px;
}
#headMenu #headMenu_list .headMenu_item a{
padding:5px 10px 0px 10px;
display:block;
height:19px;
color:cc0000; шууд харагдах өнгө
font-weight: bold;
font-size: 11px;
text-decoration:none;
text-transform:uppercase;
background:url("http://i.imgur.com/Zv8Zl.png") repeat-x;
}
#headMenu #headMenu_list .headMenu_item a:hover{
display:block;
color:3f3f3f; курсор очход солигдох өнгө
font-weight: bold;
font-size: 11px;
text-decoration:none;
text-transform:uppercase;
background: #FFFFFF url(http://i.imgur.com/Zv8Zl.png) left top repeat-x;
}
#headMenu #headMenu_list .headMenuSeperator {
width:2px;
float:left;
height:2px;
background-position : center bottom;
background-repeat : repeat-x;
background-image:url("http://stat.gogo.mn/blog/14/103854/mglesson/66443779a6c88a2m3.jpg");
}
</style>
<div id="headMenu">
<div id="headMenu_list">
<div class="headMenu_item"><a href="http://ontsgoi.com">АНГИЛАЛын нэр </a></div>
<div class="headMenuSeperator"> </div>
<div class="headMenu_item"><a href="http://ontsgoi.com/">Ангилал 1</a></div>
<div class="headMenuSeperator"> </div>
<div class="headMenu_item"><a href="http://ontsgoi.com/">Ангилал 2 </a></div>
<div class="headMenuSeperator"> </div>
<div class="headMenu_item"><a href="http://ontsgoi.com/">Ангилал 3 </a></div>
<div class="headMenuSeperator"> </div>
<div class="headMenu_item"><a href="http://ontsgoi.com/">Ангилал 4 </a></div>
<div class="headMenuSeperator"> </div>
<div class="headMenu_item"><a href="http://ontsgoi.com/">Ангилал5 </a></div>
<div class="headMenuSeperator"> </div>
<div class="headMenu_item"><a href="http://ontsgoi.com/">АНГИЛАЛ6 </a></div>
<div class="headMenuSeperator"> </div>
No comments: