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!

 


    Sayfanın en solunda 5px genişliğinde bir panel bulunuyor ve hafif menü butonlarının uçları da görünüyor  zaten.Mouseniz 5pxlik panelin içine  girer girmez menü  butonları  soldan sağa doğru kayıyor.Bütün menü butonları ayrı ayrı zamanlarda gelse farklı bir  görünüm ortaya  çıkacaktı.Her "li"  elementi için farklı  zamanlama eklendiğinde gerçekten güzel bir görünüm çıktı ortaya. Ayrıca  her li elementine farklı farklı  renkler ekledik.Arka plan gibi gök kuşağına benzesin diye İşin aslı menü  renklerine baktığımda  bayağı bir cıvık görünüyor.Siz  kendini zevkinize  göre farklı farklı renkler eklerseniz  daha iyi olur.Yada  bütün butonların rengini sitenizin arka plan rengine göre tek bir  renk olarak ayarlayın.O zaman daha bir güzel görünür.

   Css yan menü örneğinde menülerin kayma şekline dikkat ederseniz jQuery easing  gibi  açıldıklarını görebilirsiniz. Modern bütün tarayıcılar  üzerinde  Css easing  sorunsuz  bir şekilde çalışıyor. Böylelikle ilerde jQuery easing kütüphanesinin pabucu dama atılacak gibi görünüyor. Son olarak söylemeyi unuttuğum menü örneğinin bir diğer özelliği sayfada  sabit  bir şekilde  durması. Sayfa aşağı yada yukarı kaydırıldığında menü paneli de sayfa ile beraber hareket ediyor.Menü isimlerini kendinize göre düzenleyebilirsiniz.Aşağıda size hem CSS kodlarını hem de HTML kodlarını verecem.

CSS KODLARI:
Css kodlarını şablon kodları arasında bulunan head etiketleri arasında bir yere eklemeniz yeterli olacaktır.

HTML KODLARI:
Html kodlarını body etiketleri arasında ki bir kısıma eklemeniz yeterli olacaktır.





Bizi Takip Edin...
Pinterest>>Facebook>>Twitter
 © by bilgicafem61
Aşağıda Yorum ve Sorularınızı Bırakın...



Yorum Gönder Blogger

 
Top