کد منوی سایت

دو تکه کد هست که یکیش رو باید تو هدر سایتتون یعنی قبل از <head/> بزارین و کد دوم رو هم باید بزارین جایی که می خواین منو نشون داده بشه

کدهای سی اس اس css

<style>
.menu-delnia{
    background-color: #000;
    border-radius: 5px;
    border: solid 1px #9e2a3d;
    margin: 10px;
    padding: 10px;
    direction:rtl;    
    font-size: 13px;
    font-family: b yekan,Tahoma;
    }
.menu-delnia a {
    text-decoration:none;
    background-color:#000;
    border-radius: 0px;
    border: solid 0px #9e2a3d;
    margin: 4px;
    padding: 10px 5px 10px 5px;
    direction:rtl;    
    font-size: 14px;
    font-family: b titr,Tahoma;
    color: #fff;
    text-shadow: 1px 0px 0px #000000;
    text-align: center;
    }
.menu-delnia a:hover {
    text-decoration:none;
    background-color: #2c3e50;
    border-radius: 0px;
    border: solid 0px #9e2a3d;
    margin: 4px;
    padding: 10px 5px 10px 5px;
    direction:rtl;    
    font-size: 14px;
    font-family: b titr,Tahoma;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 1px 0px 0px #000000;
        }
</style>

کدهای اچ تی ام ال برای منو html

<div class=menu-delnia>
<a href="" target="" title="" alt="delnia"> خانه </a>
<a href="" target="" title="" alt="delnia"> تماس با من  </a>
<a href="" target="" title="" alt="delnia"> درباره من  </a>
<a href="" target="" title="" alt="delnia"> رمز مطالب </a>
<a href="" target="" title="" alt="delnia"> دوستان  </a>
<a href="delnia.blog.ir" style="display:none">delnia</a>
</div>

نتیجه :

خانه تماس با من درباره من رمز مطالب دوستان delnia