Bilal ve Sevil′in Kişisel Web Dünyaları

Son yazılar...

WhatsApp’ta kalın, italik ve üstü çizili yazı yazmak!

22 Temmuz 2016, Cuma • Bilal YILMAZ

WhatsApp bir yandan hayatımızın vazgeçilmez iletişim araçlarından biri haline gelirken, diğer yandan her geçen gün yeni bir güncellemeyi de yayına almakta. Geçtiğimiz aylarda daha kolay mesajlaşabilmemiz adına WhatsApp web ve masa üstü sürümlerini piyasaya sürmüştü. Bilgisayarımda whatsapp’ı nasıl kullanırım diye düşünüyorsanız tek yapmanız gereken web.whatsapp.com adresini ziyaret etmeniz. WhatsApp yeni sayılabilecek bir güncellemeyle şimdi mesajlaşma konusunu biraz daha zenginleştirmiş. Mesajlaşırken bazen bazı [&hellip

: İnternet Dünyası : 506 : 2
Devamı »
Bir buton haricindeki alanlara tıklamayı nasıl saptlarım?

26 Kasım 2015, Perşembe • Bilal YILMAZ

Sayfadaki belli bir eleman dışında bir yere yapılan tıklama olayını saptamak! Javascript dersleri’nin içinde bu konuya yer vermek istedim. Çünkü sıklıkla karşılaşılmasada ihtiyacınız olduğunda çok büyük önem taşıyan bir durum. Örnek bir olay ile konuyu açıklamaya çalışayım. Örneğin sayfanızda bir butona basılınca aşağı doğru açılan bir menü yaptınız. Bu kısma kadar sıklıkla uyguladığımız tıklama olayıyla gerekli elemanı görünür yapıyoruz. Örnek [&hellip

: Javascript : 169 : 0
Devamı »

CSS Menü Yapımı

20 Ekim 2015, Salı • Bilal YILMAZ

Web siteniz için üzerine gelindiğinde açılan ağaç menü yapmak istiyorsanız, bu ders tam size göre. Bu derste javascript kullanmadan CSS ile Menü Yapımını göstereceğim. Öncelikle yapacağımız menü sitenizin ana menüsü olduğunu varsayalım. Ve bu menüde yer alan butonlar üzerine geldiğimizde o menüye ait alt menüler açılsın istiyoruz. Bunu yapmak için öncelikle menümüzün HTML yapısını oluşturalım. HTML Kodları :

<nav id="myMainNavigation">
    <ul>
        <li><a href="#">Anasayfa</a></li>
        <li>
            <a href="#">Kurumsal</a>
            <ul>
                <li><a href="#">Hakkımızda</a></li>
                <li><a href="#">Marka Kimliği</a></li>
                <li><a href="#">Son Haberler</a></li>
            </ul> 
        </li>
        <li>
            <a href="#">Ürünler</a>
            <ul>
                <li>
                    <a href="#">Ürün Grubu 1</a>
                    <ul>
                        <li><a href="#">Ürün 1.1</a></li>
                        <li><a href="#">Ürün 1.2</a></li>
                        <li><a href="#">Ürün 1.3</a></li>
                    </ul> 
                </li>
                <li>
                    <a href="#">Ürün Grubu 2</a>
                    <ul>
                        <li><a href="#">Ürün 2.1</a></li>
                        <li><a href="#">Ürün 2.2</a></li>
                        <li><a href="#">Ürün 2.3</a></li>
                        <li><a href="#">Ürün 2.4</a></li>
                    </ul> 
                </li>
                <li>
                    <a href="#">Ürün Grubu 3</a>
                    <ul>
                        <li><a href="#">Ürün 3.1</a></li>
                        <li><a href="#">Ürün 3.2</a></li>
                    </ul> 
                </li>
            </ul> 
        </li>
        <li><a href="#">İnsan Kaynakları</a></li>
        <li><a href="#">İletişim</a></li>
    </ul>
</nav>

<ul>

<li><a href="#">Anasayfa</a></li>

<li>

<a href="#">Kurumsal</a>

<ul>

<li><a href="#">Hakkımızda</a></li>

<li><a href="#">Marka Kimliği</a></li>

<li><a href="#">Son Haberler</a></li>

</ul>

</li>

<li>

<a href="#">Ürünler</a>

<ul>

<li>

<a href="#">Ürün Grubu 1</a>

<ul>

</ul>

</li>

<li>

<a href="#">Ürün Grubu 2</a>

<ul>

</ul>

</li>

<li>

<a href="#">Ürün Grubu 3</a>

<ul>

</ul>

</li>

</ul>

</li>

<li><a href="#">İnsan Kaynakları</a></li>

<li><a href="#">İletişim</a></li>

</ul>

</nav>

Yukarıdaki kodlar, [&hellip

: CSS, Web Dersleri : 527 : 0

Devamı »

Sponsor Bağlantı...

Popüler Yazılar...

Ev yapımı sürülebilir çikolata tarifi 96,36 views per day | 263 comments
Kıymalı Lazanya Tarifi 28,38 views per day | 37 comments
Site Tasarımlarını Her Tarayıcıya Uyumlu Hale Getirmek-3 6,78 views per day | 22 comments
Sesli sözlük neden engellendi? 6,43 views per day | 9 comments
Skype’ta yazımı nasıl kalın yaparım? 5,75 views per day | 3 comments

Son Yorumlar...

WhatsApp’ta kalın, italik ve üstü çizili yazı yazmak!

Bir buton haricindeki alanlara tıklamayı nasıl saptlarım?

CSS Menü Yapımı