Nereye Ekleyeceğinizi Biliyorsunuzdur.
CSS:
HTML:
Buraya Tıklayıp Bakabilirsiniz.
CSS:
Kod:
#mhmtqmenu{
display:block;
z-index:9999;
background: linear-gradient(to bottom, #0E8D72 1%,#0C7D64 99%);
height:40px;
font-family: 'Open Sans', sans-serif;
font-size:14px;
transition:500ms;
}
#mhmtqmenu ul{
margin: 0;
[font=monospace]padding: 0;[/font]
[font=monospace]border: 0;[/font]
[font=monospace]font-size: 100%;[/font]
[font=monospace]font: inherit;[/font]
vertical-align: baseline;
}
#mhmtqmenu ul li{
float:left;
line-height:40px;
transition:500ms;
}
#mhmtqmenu ul li a{
color:#fff;
text-decoration:none;
padding:10px;
transition:500ms;
}
#mhmtqmenu ul li:hover{
transition:500ms;
background:linear-gradient(to bottom, #0E8D72 1%,#13A888 99%);
}
#mhmtqmenu-arama {
border: 0;
padding: 0;
margin: 0;
float: right;
vertical-align: middle;
line-height:40px;
padding-right:10px;
}
#mhmtqmenu-arama input.button,
#mhmtqmenu-arama input.textbox {
border: 0px;
height:25px;
transition: 500ms all;
}
#mhmtqmenu-arama input.textbox {
transition: 500ms;
width: 150px;
background: #e2e2e2;
color: #000;
height:20px;
}
#mhmtqmenu-arama input.button {
background: #145547;
color: #fff;
}
#mhmtqmenu-arama input {
margin: -3px 0;
}
#mhmtqmenu-arama input.textbox:focus {
width: 200px;
transition: 500ms;
}
Kod:
<div id="mhmtqmenu">
<ul>
<li><a href="index.php"><i class="fa fa-home"></i> Ana Sayfa</a></li>
<li><a href="portal.php"><i class="fa fa-globe"></i> Portal</a></li>
<li><a href="memberlist.php"><i class="fa fa-users"></i> Üye Listesi</a></li>
<li><a href="showteam.php"><i class="fa fa-users"></i> Yetkili Listesi</a></li>
<li><a href="calendar.php"><i class="fa fa-calendar"></i> Ajanda</a></li>
<li><a href="search.php"><i class="fa fa-search"></i> Arama</a></li>
<li><a href="misc.php?action=help"><i class="fa fa-support"></i> Yardım</a></li>
</ul>
<div id="mhmtqmenu-arama">
<form action="{$mybb->settings['bburl']}/search.php" method="post">
<fieldset id="search">
<input name="keywords" type="text" class="textbox" placeholder=" Ne Aramıştınız ?" />
<input value="Ara" type="submit" class="button" />
<input type="hidden" name="action" value="do_search" />
</fieldset>
</form>
</div>
</div>
Buraya Tıklayıp Bakabilirsiniz.
React.js • Next.js • Tailwind CSS
"Son Tema Ekibi Lideri"