Menü ve Reklam Alanı
Sayfayı Paylaş

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 78 ziyaretçi (92 klik) sitemizi ziyaret etti.

Copyright 2012. THB. Tüm hakları saklıdır. Tasarımlayan: Oğuzhan Acımaz.
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol