Bir Web Sitesinde Vcard Nasıl Sunulur

Bir vCard, posta istemciniz veya Outlook, Thunderbird veya Adres Defteri gibi kişi verilerini içe aktaran diğer programlar tarafından yorumlanmak üzere tasarlanmış dijital bir kartvizittir. Web sitenize bir vCard ekleyerek, ziyaretçilerin bilgilerinizi indirmesini ve gelecekte sizinle kolayca iletişim kurmasını kolaylaştırırsınız. Ancak, bir vCard'ın görsel bir bileşeni yoktur, bu nedenle onun için bir sayfa tasarlamak tamamen sizin takdirinize bağlıdır. İstediğiniz kadar vahşi veya abartısız olabilirsiniz. Geleneksel bir kartvizitin görünümünü taklit eden basit bir görünüm istiyorsanız, bunu bir div öğesi ve bazı basit CSS stiliyle yapabilirsiniz.

1

VCard dosyanızı web sitenize yükleyin. VCard'ın yalnızca çevrimiçi olarak rahatça dağıtabileceğiniz profesyonel verileri içerdiğinden emin olun.

2

Kartvizitinizi temsil etmesini istediğiniz div öğesini oluşturun. Ona "vcard" gibi benzersiz bir kimlik verin ve kartta görüntülemek istediğiniz ayrıntıları doldurun. Temel bir kart adınızı, web sitenizi ve e-posta adresinizi içermelidir. Ayrıca Facebook sayfanıza, Twitter hesabınıza veya diğer sosyal ağ web sitelerine de bağlanabilirsiniz. VCard'ınızı indirmek için bir bağlantı eklemeyi unutmayın. Temel div şunun gibi görünebilir:

e-postanız.com

(555) 555-5555

//www.websiteniz.com

VCard'ı indirin

3

Div'in nasıl göründüğünü değiştirmek için vcard kimliğini stil sayfanıza ekleyin. Beyaz bir arka plan ve siyah bir kenarlık kullanan nispeten büyük bir kart sunumu istiyorsanız, kimlik aşağıdaki gibi görünebilir:

div # vcard {genişlik: 400px; yükseklik: 200px; taşma: gizli; arka plan: #FFFFFF; kenarlık: 1px katı # 000000; }

"Taşma: gizli;" içerik boyutu aşarsa kartın genişlik veya yükseklikte genişlemesini durdurur. Ayrıca yazı tipi boyutunu ve rengini de tanımlayabilirsiniz. Örneğin, her şeyin 14 punto koyu gri Times New Roman yazı tipini kullanmasını istiyorsanız, kimliğiniz şöyle görünür:

div # vcard {genişlik: 400px; yükseklik: 200px; taşma: gizli; arka plan: #FFFFFF; kenarlık: 1px katı # 000000; yazı tipi ailesi: 'Times New Roman'; yazı tipi boyutu: 14pt; renk: # 3B3131; }

4

Div # vcard h1 öğesini ekleyerek adınızı daha büyük ve daha belirgin hale getirin; bu yalnızca vCard div'inizdeki H1 etiketini değiştirir. 22 punto yazı tipi kullanmak ve küçük bir gri gölge eklemek isterseniz, CSS'niz şöyle görünecektir:

div # vcard h1 {yazı tipi boyutu: 22pt; metin gölgesi: 1px 1px #CCCCCC; }

Metin gölgesi öğesi, x ekseni uzaklığı, y ekseni uzaklığı ve renkle tanımlanır. Hafif bulanık bir gölge istiyorsanız, bulanıklığı tanımlamak için piksel cinsinden üçüncü bir değer eklersiniz, örn.

metin gölgesi: 1px 1px 4px #CCCCCC;

5

VCard öğenizin öne çıkmasını istediğiniz diğer tüm görsel veya dekoratif öğeleri ekleyin. Görüntüler ekleyebilir, paragraflarınızın satır yüksekliğini ve hizalamasını değiştirebilir, renkleri değiştirebilirsiniz - vahşi olun! Tasarımınız görsel olarak ne kadar çekici olursa, o kadar çok öne çıkacaktır.

6

Bağlantının doğru olduğundan emin olmak için vCard indirme bağlantınızı web sitenizde test edin.