کد ایجاد منو در هد سایت

کد ایجاد منو در هد سایت با این کد شما میتوانید در سایت خود یک منو زیبا با کمک css ایجاد کنید این کد بسیار ساده و کاربردی را میتوانید در صفحات جداگانه وبلاگ و سایت خود هم استفاده نمایید.

بزودی ابزار این کد در سایت قرار خواهد گرفت تا به راحتی بتوانید از ان استفاده نمایید.

کد ایجاد منو در هد سایت

دمو منو

<!DOCTYPE html>
<html>
<head>
<style>
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #553;
}

li {
    float: right;
}

li a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover {
    background-color: #666665;
}
</style>
</head>
<body>

<ul>
  <li><a class="active" href="https://codebazan.ir/">خانه</a></li>
  <li><a href="#news">خبر</a></li>
  <li><a href="#contact">تماس با ما</a></li>
  <li><a href="#about">اطلاعات</a></li>
  <li><a class="active" href="#home">1</a></li>
  <li><a href="#news">2</a></li>
  <li><a href="#contact">3</a></li>
  <li><a href="#about">4</a></li>
</ul>

<div style='display:none'><h1><a title="codebazan" href="https://codebazan.ir">codebazan</a></h1></div>
</body>
</html>

 

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *