Bu repository mavidurak.io tarfından kullanılan e-posta imza kartı şablonunu içermektedir.Bu kart iletinin kim tarafından yazıldığını, bu kişinin topluluk içindeki görevini, kişinin resmini, kişinin ve topluluğun iletişim bilgilerini içerir.Kişinin veya topluluğun iletişim adresleri kısmına tıklandığında doğrudan temas kurarak karşıdaki kişiye kolaylık sağlar.
Örnek E-posta imza şablonu şöyledir:
template.html dosyası şablonun html kodlarını içerir.Bu kod indirilerek tarayıcı üzerinde çalıştırıldığında veya online html converter sitelerinde çıktısı alındığında imza şablonu ortaya çıkar.Bu şablonu çıktının tümünü seçerek kopyalayınız.Sonrasında ise E-posta hizmet sağlayıcınızın imza böylümüne yapıştırınız.Bazı E-posta hizmet sağlayıcılarının imza ekleme adımları şöyledir:
-
Gmail:
- Gmail'i açın.
- Sağ üstte, Ayarlar'a tıklayın.
- "İmza" bölümünde, kutuya yeni imza metninizi girin. İsterseniz kutuya yazdığınız mesajı bir resim ekleyerek veya metin stilini değiştirerek de biçimlendirebilirsiniz.
- Sayfanın alt tarafında, Değişiklikleri Kaydet'i tıklayın.
- Detaylı bilgi için tıklayın
-
Outlook
- Yeni bir e-posta iletisi açın.
- İleti menüsünde imza ardından imzalar'ı seçin.(Outlook pencerenizin boyutuna bağlı olarak, yeni bir e-posta iletisi ya da yanıt veya iletme ya da iletme gibi bir ileti menüsü ve imza düğmesi iki farklı konumda olabilir.)
- Düzenlenecek Imzayı seçinaltında Yeni'Yi seçin ve yeni imza iletişim kutusunda imza için bir ad yazın.
- Imzayı Düzenle'nin altında imzanızı yapıştırın.
- Varsayılan imzayı seç’in altında, imzanız için aşağıdaki seçenekleri ayarlayın:
E-posta hesabı açılan kutusunda, imzayla ilişkilendirilecek bir e-posta hesabı seçin. Her e-posta hesabı için farklı imzalar kullanabilirsiniz.
İmzanızın varsayılan olarak tüm yeni iletilere eklenmesini istiyorsanız, yeni iletiler açılan kutusunda imzalarınızdan birini seçin. Yeni iletilere otomatik olarak imza eklemek istemezseniz (yok) seçeneğini belirleyin. Bu, yanıtladığınız veya ilettiğiniz iletilere imza eklemez.
İmzanızın yanıtladığınız ve ilettiğiniz iletilerde gösterilmesini istiyorsanız, yanıtlar/iletir açılır listesinde imzalarınızdan birini seçin. İstemiyorsanız, varsayılan (yok) seçeneğini kabul edin.
- Yeni imzanızı kaydedip iletinize dönmek için Tamam 'ı seçin. İmzayı tüm yeni iletilere uygulamayı seçseniz bile, Outlook yeni imzanızı adım 1 ' de açtığınız iletiye eklemez. İmzayı el ile bu iletiye eklemeniz gerekir. Tüm gelecek iletilerde imza otomatik olarak eklenir. İmzayı el ile eklemek için, ileti menüsünde imza 'yı seçin ve sonra yeni oluşturduğunuz imzayı seçin.
- Detaylı bilgi için tıklayın
template.html dosyasını herhangi bir kod veya metin editörü ile açın.
Resim Değiştirme:
- Kodda
<!-- Image, chance to src and alt-->
satırda kisrc=" "
kısmına tırnaklar içerisine fotoğrafınızın linkini yazınız. - Kodda
<!-- Image, chance to src and alt-->
satırda kialt=" "
kısmına tırnaklar içerisine isminizi yazınız.Fotoğraf görüntülenemezse isim görüntülenecek.
İsim Değiştirme:
- Kodda
<!-- Full name -->
satırda ki<h1> </h1>
içerisine adınızı ve soyadınızı yazınız.
Unvan Değiştirme:
- Kodda
<!-- Job title -->
satırda ki<h2> </h2>
içerisine iş unvanınızı yazınız.
E-posta Adresi Değiştirme:
- Kodda
<!-- Mail adress, change to href and Email:-->
satırda kihref="mailto: "
kısmınamailto:
dan sonra e-posta adresinizi yazınız. - Kodda
<!-- Mail adress, chance to src and Email:-->
satırının en sonundaki</a>
dan önce e-posta adresinizi yazınız.
Telefon Numarası Değiştirme:
- Kodda
<!-- Phone number, change to href and Tel:-->
satırda kihref="tel: "
kısmınatel:
dan sonra telefon numaranızı yazınız. - Kodda
<!-- Phone number, chance to src and Tel:-->
satırının en sonundaki</a>
dan önce telefon numaranızı yazınız.
Adres Değiştirme:
- Kodda
<!-- Adress, change to href and Adres:-->
satırda kihref=" "
kısmına harita uygulaması üzerinden alacağınız konumunuzun paylaşım linkini yazınız. - Kodda
<!-- Adress, chance to src and Adress:-->
satırının en sonundaki</a>
dan önce açık adresinizi yazınız.
Şablon bazı servis sağlayıcılarına daha kolay ekleme yapabilmek için inline CSS kullanılarak yazılmıştır.Sitillendirmede değişikliklerinizi bu yapıyı göz önünde bulundurarak gerçekleştirin.Bu repo'yu fork'layın sonrasında ise kendi bilgisayarınıza clon'layarak "template.html" üzerinde değişikliklerinizi yapın, "example.png" adında olan görseli silin ve kendi şablonunuzun ekran görüntüsünü aynı isimle kaydedin(ekran görüntüsünü kırpmayı unutmayın).Kodunuzu anlaşılır olacak şekilde commit'leyin ve kendi reponuza push'layın.Ardında new pull request işlemini yaptığınız değişiklikleri açık bir şekilde belirterek gerçekleştirin.Şimdi şablonunuzu inceleyebiliriz, varsa hataları tarafınıza ileteceğiz ve sonrasında şablonunuzu mavidurak.io olarak kullanıma alacağız.