Mailing Tasarımı Yapmak (Boşlukları silme)

Mailing Tasarımı Yapmak (Boşlukları silme)

  • 27 Temmuz 2014
  • 3 Okunma
  • Yorum Yok
  • 3 DK

Şirketiniz veya kendinizi tanıtan bir mail tasarımını toplu mail ile atmayı düşünüyorsunuz ama nasıl yapıldığını bilmiyor musunuz?

Aslında o kadar basit ki hemen anlatayım.

İlk önce büyük firmalardan size gelen mail tasarımlarını görmüşsünüzdür. Resimler tek tek kesilmiş halde geliyor belki hiç farkına varmadınız ama bu işlem böyledir.

Peki Nasıl Yapılır?
Photoshop programı ile yaptığınız resim dosyası bıçaklar(tools-photoshop-brush) yardımıyla ile kesilir.

Yani aşağıdaki gibi bir görüntü olur.

photoshop_websitesi_yapma_5

(Bu yazıyı yazarken photoshop kurulu olmadığından resimleri googleden buldum)

Photoshop_forweb_devices

yukarıdaki resimde menüyü göstermeye çalıştım müsait bir zamanımda resimleri güncellerim.

Bunları yaptıktan sonra size hem html hemde bir klasör oluşturup içerisine resimleri çıktı vermesi lazım. Sizin tek yapmanız gereken şey html açıp resimlerin tam yolunu vermeniz yani

ÖRN: .com/mailin/bayram/resim1.jpg

Gibi sitenizin altından tam yolu vermeniz ve head tagları arasına

  <style> table td { padding: 0; } </style>   

ve mailistdeki img etiketlerine aşağıdaki ek css komutu eklenmelidir.

 style="display: block;" 

Yukarıdaki kodu css komutlarını eklemek bu kod mailinizdeki resimlerin arasındaki boşlukları silmenize yarıyor.

bu kadarını çok basitçe yaptıktan sonra sadece html kodunuz mail olarak atmanız yeterli olacaktır. Anlamadığınız yer varsa yorum yazarak bana ulaşabilirsiniz.

HAYATI KODLA'YA ABONE OLUN!!
ETKİLEYİCİ BİR YORUM BIRAK

Mailing Tasarımı Yapmak (Boşlukları silme) İle Benzer Yazılar

"Mailing Tasarımı Yapmak (Boşlukları silme)" Yazısına uygun diğer makalerler

Mailing Tasarımı Yapmak (Boşlukları silme)
Youtube, İnternetsiz video izlettirecek
Youtube, İnternetsiz video izlettirecek
Mailing Tasarımı Yapmak (Boşlukları silme)
Youtube videolarınızı gife çevirin
Youtube videolarınızı gife çevirin
Mailing Tasarımı Yapmak (Boşlukları silme)
Youtube de html5 e geçin.
Youtube de html5 e geçin.