7 Nisan 2016 Perşembe

Fotoğraf, Resim kenarına html ile çerçeve ekle | HTML Çerçeve Ekleme Kodu

Merhaba eklediğimiz fotoğrafa fotoğraf düzenleyicimiz ile çerçeve eklemeden sayfaya yükledik ve sonradan çerçeve eklemediğimizi farkettik. Fotoyu sil sonra tekrar düzenle sonra tekrar sayfaya yükle bir ton iş. Bunu yapmak istemeyen arkadaşlara Fotoğraf kenarına html kod ile çerçeve ekleme kodunu paylaştım. 

Aşağıda yer alan önizleme kısmında fotoğrafın kenarında bulunan 2px kalınlığındaki siyah çerçeveler aşağıdaki kod sayesinde gerçekleşti. Peki rengini ve kalınlığını nereden değiştireceğiz.

Çerçeve kalınlığını değiştirmek için;  border:2px yazan yeri kendi zevkimize göre düzenliyoruz.
(Örn: border: 5px yaptığımızda çerçeve kalınlığı 5 pixele ayarlanmış oluyor.)

Çerçeve rengini değiştirmek için Solid black yazan yerde black kısmını siliyoruz hangi rengi istiyorsak o rengin ingilizce karşılığını yazıyoruz. (Örn: Kırmızı için Red ...)

Çerçeve fotoğrafınızın boyutuna göre esneklik gösterir. Fotoğrafınızın boyutuna göre kendisini otomatik olarak ayarlayacaktır.

ÖNİZLE
       a093c977c792674d3c8bc2c45b153f56.gif

KOD:
           

Destek olmak için buradan Facebook Sayfamı, buradan Plus Google hesabımı takip edebilir. Sağ gadget kısmında bulunan izleyicilerim kısmına abone olabilirsiniz...

9 yorum:

  1. çok yardımcı bir yazı. teşekkürler..

    YanıtlaSil
  2. bunları hiç yapamıyorum ama aklımda olsun tabi ..

    YanıtlaSil
    Yanıtlar
    1. Site tasarımınız gayet güzel kodlarla ilgilenmesenizde yazılarınızla fark yaratıyorsunuz. Kolay gelsin

      Sil
  3. Ne kadar güzel bir özellik.

    YanıtlaSil
  4. çok bilgi içerikli bir yazı tebrikler

    YanıtlaSil