Teknoloji

Google'nin üst gezinti çubuğu – CSS 0

http://praveenfrancis.com/dev/wp-content/uploads/2011/02/google-nav.jpg

Google’nin siyah’tan önceki üst gezinti çubuğu biliyorsunuz beyaz’dı ve oda siyaha nazaran çok şık ve güzeldi. Böyle bir üst menü yapmayı planlarsanız eğer rooteto’dan  indirebilir ve yardım alabilirsiniz 🙂

Google üst gezinti çubuğu

İsterseniz buradan indirip kendi sitenize göre uyarlarsınız istersenizde aşağıda gösterdiğim şekilde yaparsınız. 2’side sonuca götürür.

Demo / Ön izleme – Download / indir

Üst gezinti çubuğu nasıl yapılır?

CSS Kodları altta sytle.css dosyanıza veya style dosyanızı farklı isimde kullanıyorsanız oraya ekleyin.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
ul.googleTab                {
    background: #848383;
    padding:0 5px;
    font-size:13px;
    color:#3366cc;
    overflow:hidden;
 
    background:-moz-linear-gradient(0% 100% 90deg,#f5f5f5, #ffffff);
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f5f5f5));
}
ul.googleTab li {
    float:left;
    padding:7px 8px;
    border-top:solid 2px #bad3ea;
}
ul.googleTab li.active{
    border-top: solid 3px #1a54e1;
    color:#363636;
    font-weight:bold;
}
ul.googleTab li:hover   {
    background:#e4ebf8;
    cursor:pointer;
}

CSS Kodlarını ekledikten sonra kalan kodlar çok basit

1
2
3
4
5
6
7
<ul class="googleTab">
    <li class="active">Ana Sayfa</li>
    <li>Hakkında</li>
    <li>Servis</li>
    <li>Teknoloji</li>
    <li>İletişim</li>
</ul>

Kaynak: Google’s new top navigation bar – CSS tutorial

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.

HTC U11 Plus Tüm Özellikleri ile Karşınızda 0

HTC yeni amiral telefonu U11 Plus son teknoloji donanımı ile ve en güncel Android işletim sistemi ile karşınızda.

Bu sene Xiaomi ile başlayan çerçevesiz ekran modasına Samsung ve Apple iPhone X ile devam ettirdi. Şimdi ise HTC’de yeni çerçevesiz bir amiral telefonu güçlü donanımı ile karşımıza çıktı. Qualcomm’un en iyi işlemcisine sahip telefonun 6 inçlik dev bir ekranı bulunuyor. 4 GB ram 64 GB dahili depolama ve 6 GB ram 128 GB dahili depolama alanına sahip iki model ile gelecek telefonun 12 megapiksel arka 8 megapiksel ön kamerası bulunuyor.

HTC U11 Plus Teknik Özellikleri

  • İşlemci: Snapdragon 835
  • Bellek+Depolama: 4 GB ram, 64 GB dahili depolama + 6 GB ram, 128 GB dahili depolama
  • Kamera: 11 megapiksel arka, 7 megapiksel ön kamera
  • Ekran: 6 inç büyüklüğünde ve 2880×1440 piksel ekran
  • Batarya: 4000 mAh

Android 8 Oreo işletim sistemi ile gelecek telefonun 4000 mAh bataryası uzun kullanım süresi sunuyor. 2 kasımda tanıtılması beklenen HTC U11 Plus’ın diğer tüm özelliklerini paylaşacağım.

İLGİNİZİ ÇEKEBİLİR: Huawei Mate 10 Pro Fiyatı ve Özellikleri

Huawei Mate 10 Pro Fiyatı ve Özellikleri 0

Çinli akıllı telefon üreticisi Huawei yeni tanıttığı yapay zekalı akıllı telefonu güçlü özellikleri ile adından söz ettirecek. Huawei Mate 10 Pro telefonunu yapay zekalı olarak adlandırıyor. Güçlü özelliklere ve yapay zekaya sahip akıllı telefonun detaylarına bakalım.

Huawei yeni telefonu Mate 10 Pro Kirin 970 işlemcisinden güç alırken 8 çekirdekli bu işlemciye 6 GB ram eşlik ediyor. Bu işlemci bir önceki versiyonuna göre %25 daha hızlı ve %50 daha az güç tüketiyor. 128 GB dahili depolama birimine sahip telefonun 6 inç büyüklüğünde 2160×1080 çözünürlükte ekranı bulunuyor. Arka kamerası ise 12 ve 20 megapiksellik çift kamera bulunuyor. Ön tarafta ise 8 megapiksel kamera bulunuyor.

IP67 dayanıklılık sertifikasına sahip telefonun 4000 maAh bataryası bulunuyor. LTE Cat 18 bağlantıya sahip telefon Android 8 Oreo işletim sistemi ve EUMI 8 arayüzü ile gelecek. Huawei Mate 10 Pro Fiyatı ise 799 Euro olarak belirlenmiş.

İLGİNİZİ ÇEKEBİLİR: iPhone X Yerine Satın Alınabilecek En İyi Telefonlar

grey

Huawei Mate 10 Pro Teknik Özellikleri

  • İşlemci: Kirin 970
  • Grafik işlemci: Mali-G72 M12
  • Bellek: 6 GB ram
  • Kamera: 12 ve 20 megapiksel arka kamera, 4K video çekimi, 8 MP ön kamera
  • Ekran: 6 inç, 2160×1080 piksel
  • Bağlantılar: LTE Cat 18
  • Batarya: 4000 mAh

İLGİNİZİ ÇEKEBİLİR:Xiaomi Redmi 5A Fiyatı ve Özellikleri

Most Popular Topics

Editor Picks

1

En ilginç Zaman tüneli Kapakları