THB - Ücretsiz Hizmetler

yorumcapasi

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..

Bugün 16 ziyaretçi (35 klik) sitemizi ziyaret etti.
=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=