Yazar Arşivi

Pic 1

yazararsivi

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


 

Yazar Arşivi Projemiz

Pic 6

Sitemizi 4 ay önce yapmaya başladık tasarım içe...

Devamı

Web Projelerimiz

Pic 7

Burada Bütün Projelerimizi Bulabilirsiniz. En Kısa Za...

Devam

Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol