BAYRAĞIM


Ey mavi göklerin beyaz ve kızıl süsü

Kızkardeşimin gelinliği, şehidimin son örtüsü.

Işık ışık, dalga dalga bayrağım,

Senin destanını okudum, senin destanını yazacağım.



Sana benim gözümle bakmayanın

Mezarını kazacağım.

Seni selamlamadan uçan kuşun

Yuvasını bozacağım.



Dalgalandığın yerde ne korku ne keder...

Gölgende bana da, bana da yer ver!

Sabah olmasın, günler doğmasın ne çıkar!

Yurda, ay-yıldızının ışığı yeter.



Savaş bizi karlı dağlara götürdüğü gün

Kızıllığında ısındık;

Dağlardan çöllere düşürdüğü gün

Gölgene sığındık.



Ey şimdi süzgün, rüzgarlarda dalgalı;

Barışın güvercini, savaşın kartalı...

Yüksek yerlerde açan çiçeğim;

Senin altında doğdum,

Senin dibinde öleceğim.


Tarihim, şerefim, şiirim, herşeyim;

Yer yüzünde yer beğen:

Nereye dikilmek istersen

Söyle seni oraya dikeyim!

 

Dikey Açılır Menü Yapımı

Bazen menü elemanları alt elemanlar içerebilir. Bu durumda bu alt menü başlıklarını açılır menü şeklinde tasarlayabiliriz. Açılır menü yaparken dikkat etmemiz gereken en önemli nokta açılan menünün pozisyonudur. Yine açılan menü yaparken sırasız listelerden (<ul>) yararlanacağız.

Aşağıdaki uygulamada dikey açılır menü yapımı anlatılmıştır
İlk önce menümüzün hangi başlık ve alt başlıklardan oluşacağına karar vermeliyiz. Örneğimizin aşağıdaki başlıklardan oluşacağını varsayarak sonuca gideceğiz

Gördüğünüz gibi Şirket Tarihçesi ve Hizmetlerimiz başlıkları alt başlıklara sahip oldukları için bunları iç içe liste şeklinde yazacağız yani alt menü haline getireceğiz.

Şimdi üstteki listeyi oluşturalım
<div class="menum">
<ul>
<li><a href="#">Anasayfa</a></li>
<li><a href="#">Hakkımızda</a>
    <ul>
  <li><a href="#">Şirket Tarihcesi</a></li>
  <li><a href="#">Yöneticilerimiz</a></li>
  <li><a href="#">Çalışmalarımız</a></li>
  <li><a href="#">Faaliyetlerimiz</a></li>
  </ul>
<li><a href="#"Hizmetlerimiz</a>
    <ul>
    <li><a href="#">Web Tasarım</a></li>
    <li><a href="#">Hosting</a></li>
    <li><a href="#">Logo Tasarım</a></li>
    <li><a href="#">Danışmanlık</a></li>
    </ul>
<li><a href="#">Referanslarımız</a></li>
<li><a href="#">İletişim</a></li>
</ul>
</div>  

Kod Görünüm:
Bizi Takip Edin
Pinterest Facebook Twitter  © by bilgicafem61
Aşağıda Yorum ve Sorularınızı Bırakın.


Yorum Gönder Blogger

 
Top