Yorum capasi ekleme

Soru: Siteme nasıl yorum çapası ekleyebilirim ?

Cevap: Bunun iki yönetmi vardır.. Sırası ile inceleyelim.

1) Yorum Ekstrasını aktive ettikten sonra aşağıdaki kodu tasarımın altına ekledikten sonra yorum ekleme yerine gidecektir sayfa..

<style>

a.down {

    position:fixed;

    bottom:15px;

    right:925px;

    font:11px arial;

    text-transform:uppercase;

}

</style>

<a href="#kommentartext" class="down"><img src="https://img.webme.com/pic/t/tumhepsiburada/yorumekle.png" border="0" title="Görüşünüzü Bildirin, Soru Sorun..." /></a>

 

Kodun özellikleri:

a.com = Yorum ekle resminin özelliklerini ayarlayabilmemiz için resim ve linkin eklendiği yerle bağlantı kurmak için kullanılır..

position:fixed = Yorum ekle resminin sabitlenmesi yani aşağıya veya yukarıya çıktıkta onunda inip çıkması için kullanılır..

bottom:15px = Resmin alttan yüksekliğini ayarlamamız için kullanılır iki noktadan sonra sayısal olarak bir değer verilir ve px olarak px (pixel) birimi verilir.

right:925px = Resimin sağdan uzaklığıdır. Bottom değerindeki gibi iki noktadan sonra sayısal bir değer ve px birimi verilir..

font:11px arial = Yazı özellikleri burada belirlenir. 11px: Yazı boyu, Arial: Yazı tipi..

text-transform = Metnin büyük veya küçük harfe çevirmek için kullanılır

Değerleri : capitalize | uppercase | lowercase | none

ilk değeri : none

<a href="#kommentartext" class="com"> = İşte geldik en can alıcı yere Sırası ile içindeki kodların anlamlarını görelim..

a href="#kommentartext" = a href: köprüdür..

#kommentartext: Resme verdiğimiz köprüdür..

Her hangi bir sayfada iken Yorum Resmine yıklandığında sayfa linkinin sonuna #kommentartext gelir..

#kommentartext linkini vermemizin sebebi Yorum Ekleme bölümünde ''Mesajın'' kısmının kodlanmış halinin kommentartext olmasıdır..

<img src="https://img.webme.com/pic/t/tumhepsiburada/yorumekle.png" border="0" title="Görüşünüzü Bildirin, Soru Sorun..."

img src="https://img.webme.com/pic/t/tumhepsiburada/yorumekle.png" = Resim adresinin girildiği bölümdür..

border="0" = Kenarlarda mavilik çıkmaması için kenar kalınlığını 0 yaptık..

title="Görüşünüzü Bildirin, Soru Sorun..." = Resimin üzerinde gelindiğinde çıkmasını istediğimiz yazının girildiği bölümdür..

/></a> = <a href ve <img taglarını kapattık..

2) Sadece koddaki #kommentartext kısmını değiştirip kodun ekleneceği yerleri değiştirip yeni bir kod kullanacağız..

<style>

a.down {

    position:fixed;

    bottom:15px;

    right:925px;

    font:11px arial;

    text-transform:uppercase;

}

</style>

<a href="#yorum" class="down"><img src="https://img.webme.com/pic/t/tumhepsiburada/yorumekle.png" border="0" title="Görüşünüzü Bildirin, Soru Sorun..." /></a>

Koddaki a href kısmını #yorum veya başka bir şey yapacağız ve kodumuzu tasarımın üzerine ekliyeceğiz..

Sonra <a name="yorum"></a> kodumuzu tasarmın altına ekliyeceğiz..

Bu kodu eklemimizin sebebi Yorum Resmine tıkladığımızda tasarımımızın altına inmesini sağlamaktır..

Not: <a name="yorum"></a> koddaki yorum kısmını değiştirisek <a href="#yorum" class="down"> kısmındaki yorumla aynı yapmamız gerekir..

 

Pixel Nedir ?
Piksel. Bir bilgisayar ekranında veya görüntüsünde programlanabilen temel renk birimi. Fiziksel değil mantıksal bir birimdir. Bir pikselin boyutu, ekranın ayarladığınız çözünürlüğüne bağlıdır..