https://instagram.com/alphazzers
   
Konuyu Oyla:
  • Toplam: 2 Oy - Ortalama: 4
  • 1
  • 2
  • 3
  • 4
  • 5
Mehmeteq Menu V1
#1
Nereye Ekleyeceğinizi Biliyorsunuzdur.

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;
}
HTML:

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="&nbsp;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.
5bo0ov6.png
React.js  Next.js • Tailwind CSS

"Son Tema Ekibi Lideri"
Cevapla PGM
Teşekkür verenler:
#2
güzel
Ara
Cevapla PGM
Teşekkür verenler:
#3
Beğendiğine Sevindim.
5bo0ov6.png
React.js  Next.js • Tailwind CSS

"Son Tema Ekibi Lideri"
Cevapla PGM
Teşekkür verenler:
#4
ElitX 'in menüsünü almış xd
Ara
Cevapla PGM
Teşekkür verenler:
#5
Bir Nevi Edit Diyelim.
Hem Benim Temam ?
5bo0ov6.png
React.js  Next.js • Tailwind CSS

"Son Tema Ekibi Lideri"
Cevapla PGM
Teşekkür verenler:
#6
(10-10-2015 Saat: 18:59)mehmeteq Nickli Kullanıcıdan Alıntı: Bir Nevi Edit Diyelim.
Hem Benim Temam ?

Ne bu atar ağa, temana laf etmedikki sadece benziyor.
Ara
Cevapla PGM
Teşekkür verenler:
#7
Atar Falan Yapmadım Sen Öyle Anlamışsın.
Temama Laf Ettiğini Kim Söylüyor ?
5bo0ov6.png
React.js  Next.js • Tailwind CSS

"Son Tema Ekibi Lideri"
Cevapla PGM
Teşekkür verenler:
#8
Kod:
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

Bu CSS kodları temanızı bozabilir. Normalize.css çünkü bu her şeyi sıfırlar.
Ara
Cevapla PGM
Teşekkür verenler:
#9
Bu Kodu Yazmadıgımızda Ustten Bır Bosluk Oluyor.
5bo0ov6.png
React.js  Next.js • Tailwind CSS

"Son Tema Ekibi Lideri"
Cevapla PGM
Teşekkür verenler:
#10
güncel
5bo0ov6.png
React.js  Next.js • Tailwind CSS

"Son Tema Ekibi Lideri"
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 4 Ziyaretçi


Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping