Sitenizin üst köşesine Türk bayrağını ekleyin

Dmry.net’in üst sol köşesinde Türk bayrağı bulunuyor gördüğünüz üzere. Bunun üzerine birçok e-posta geldi, kendi sitelerine de benzer şekilde Türk bayrağını koymak isteyenlerden. O yüzden, bayrağı kendi sitelerinize nasıl ekleyebileceğinizi anlatıyorum.

Bayrağın dizaynı ve sitenin o kısmında durması kendi fikrim değildi daha önce de dediğim üzere. Cep telefonuma yazılım aradığım için, kendi forumunda gezindiğim CEP FORUM adresinde görmüştüm bu uygulamayı. Çok beğendiğim için kendi siteme de benzer şekilde uyguladım.

Bayrağı sitenize ekleyin

Öncelikle

<body>

etiketinden sonra alttaki kodu sitenizin kaynağına ekleyin.

<div id="bayrak"><a href="http://www.dmry.net"></a></div>

Buradaki www.dmry.net yerine kendi adresinizi yazın.

Sonra aşağıdaki CSS fonksiyonunu, CSS stil dosyanıza ya da kodlarının arasına iliştirin.

#bayrak a {
position: absolute;
top: 0px;
left: 0px;
position: fixed;
text-indent: -1000px;
width: 100px;
height: 100px;
overflow: hidden;
background: url("bayrak.png") 0 0 no-repeat;
}

Kodlarda geçen bayrak.png için bu dosyanın yer aldığı tam dizini girmeniz gerekiyor. Türk bayrağı png resmini ise alttan kopyalayabilirsiniz.

bayrak Sitenizin üst köşesine Türk bayrağını ekleyin