Site ziyaretçilerinizin sizinle kolay bir şekilde irtibata geçebilmelerini istiyorsanız ve bunun görsel olarak güzel bir yolunu arıyorsanız bu sayfada tanıtılan iletişim düğmesini kullanabilirsiniz. Aşağıdaki kodu sitenizin Head bölümüne yerleştirerek sol tarafta gördüğünüz iletişim düğmesini kullanabilirsiniz.
<style type="text/css">
/*<![CDATA[*/
/* Site Efektleri */
.Mail a {
background: url(http://u.jimdo.com/www52/o/s2ba029df7f23bf1c/img/i5c38d9b2b8720559/1359026597/std/image.png)no-repeat;
position: fixed;
left: -57px;
top: 400px;
background-color: #00A1FA;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0px 4px 7px 3px rgba(0, 0, 0, 0.7), inset 0 1px 0 0 #C7ADAD;
-moz-box-shadow: 0px 4px 7px 3px rgba(0, 0, 0, 0.7), inset 0 1px 0 0 #C7ADAD;
box-shadow: 0px 4px 7px 3px rgba(0, 0, 0, 0.7), inset 0 1px 0 0 #C7ADAD;
padding: 48px 5px 5px;
float: left;
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.01);
font-size: 20px;
font-family: Courier New, serif;
text-align: center;
text-decoration: none;
text-underline: none;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
}
.Mail a:hover {
-webkit-transform: translateX(55px);
-moz-transform: translateX(55px);
-o-transform: translateX(55px);
-ms-transform: translateX(55px);
transform: translateX(55px);
}
/*]]>*/
</style>
Şimdi aşağıdaki kodu da bir bileşenler / HTML öğesine kopyalayın ve her sayfada görülmesini istiyorsanız kenar çubuğuna, sadece belirli bir sayfada görünmesini istiyorsanız o sayfanın içerik bölümüne yerleştirin.
<div class="Mail">
<a href="mailto:ÖRNEK-EPOSTA-ADRESİ@jimdo.com?subject=Benim%20Sorum" title="Mesaj gönderin">İletişim</a>
</div>
Kodda kırmızı işaretli alanı kendi e-posta adresinizle değiştirmeniz gerekir.
Kod ile ilgili soru ve yorumlarınızı buradan iletin.
asdfg (Monday, 03 May 2021 13:11)
sa
Yalçın (Wednesday, 13 July 2016 20:35)
Deneme
yavuz (Monday, 19 January 2015 20:57)
yavuzorsel@hotmail.com
Site Efektleri (Monday, 05 January 2015 13:43)
Selamlar,
Yorumlarda cevabı var.
Selamlar
emirmusic (Thursday, 01 January 2015 12:26)
şey olmuyor tıkladığımda bilgisayarda microsoft açılıyor yazıyorum kaydediyorum arkadaşım tıkladığında bir şey olmuyor lütfen bana yardım edin :)
ali (Friday, 05 December 2014 10:52)
kullanıcı giriş yeri nasıl yapılıyor
Site Efektleri (Friday, 07 November 2014 09:33)
Merhaba apkdowlnload,
Arabanın benim kodlarımla alakası yok. Kişisel şablon yerine sistemden bir şablon seç, sorun kalkar.
apkdowlnload (Friday, 07 November 2014 09:30)
Yukarıda Araba Resmi Geliyor Ne Yapmalıyım
sevvalmobilya (Wednesday, 13 August 2014 12:21)
teşekkürler . hallettim
Site Efektleri (Wednesday, 13 August 2014 11:48)
Merhaba Sevvalmobilya,
Görüntüleyemiyorum demişsin fakat iletişim kutusunu http://sevvalmobilya.jimdo.com/ ana sayfanın sol kısmında görüyorum ve üzerine tıklayınca mail göndermeyi tetikliyor. İşlevi konusunda sorun yaşıyorsan, muhtemelen bilgisayarında bir client yüklü olmadığından olabilir. Bunun çözümü için bu sayfada 6. yorumu oku.
Kolay gelsin.
sevvalmobilya (Wednesday, 13 August 2014 11:35)
kodu anlattığınız gibi ekledim fakat sayfa üzerinde görüntüleyemiyorum. bileşenler / HTML öğesine kopyaladım ama içerik var ancak işlem yok. görüntü alamıyorum
tuna (Sunday, 13 July 2014 15:57)
İletişim Yazısının yazı stilini nasıl bir kodla değiştirebilirim?
Site Efektleri (Wednesday, 09 July 2014 15:33)
Merhaba Tuna,
Bu sayfa iletişim düğmesi ile ilgili. Başka efektler ile sorularını lütfen direkt ilgili sayfanın altına yaz.
İletişim düğmesinin beyaz olması için ikinci kısmı şu şekilde tanımla:
<div class="Mail">
<a href="mailto:ÖRNEK-EPOSTA-ADRESİ@jimdo.com?subject=Benim%20Sorum" title="Mesaj gönderin"><span style="color: #ffffff;">İletişim</span></a>
</div>
tuna (Wednesday, 09 July 2014 14:46)
ben bir logo ekledim siteme. Logonun da sayfa aşağıya indikçe sayfanın bir köşesinde sabit kalmasını istiyorum. İletişim kutusu gibi.
tuna (Wednesday, 09 July 2014 13:17)
ben arkaplan rengi gibi sorunlardan dolayı diğer bağlantıların rengini stilden gri yaptım ama sadece iletişim düğmesinin beyaz olmasını istiyorum özel bir kodla nasıl yapabilirim?
Site Efektleri (Tuesday, 08 July 2014 16:01)
Merhaba Tuna,
İletişim yazısı sitendeki bağlantı rengini alır. Bunu direkt kontrol paneli üzeirnde "Stil" menüsünden değiştirebilirsin.
tuna (Monday, 07 July 2014 17:06)
ben İletişim yazısının rengini değiştirmek istiyorum ne yapabilirim?
Site Efektleri (Monday, 28 April 2014 08:31)
Merhaba volcanoandyusfo,
http://destek.jimdo.com/temel-bilgiler/faydal%C4%B1-%C3%B6zellikler-a%C3%A7%C4%B1klamalar/swiftype-site-i%C3%A7i-arama
volcanoandyusfo (Saturday, 26 April 2014 07:16)
Bişey soracağım Siteme Nasıl Arama kutucuğu ekleyeceğim ?
Site Efektleri (Thursday, 24 April 2014 10:15)
Merhaba edebiyatkulübü,
Yukarıdaki kod, bir mail client'ın varsa (outlook gibi) onu devreye sokarak belirlenen adrese mail atmanı sağlar. Bilgisayarında hiçbir mail client yok ise birşey çıkmayacaktır. Bu durumda kendine bir iletişim sayfası oluşturarak, iletişim sembolünün bu sayfaya yönlendirmesini sağlayabilirsin. Yukarıdaki Head bölümüne gelecek kodu aynen kullan, bileşen / html'de ise aşağıdaki kodu kullan:
<div class="Mail">
<a href="BAĞLANTI">İLETİŞİM</a>
</div>
BAĞLANTI yazan yere iletişim sayfanın adresini gir.
edebiyatkulubu (Wednesday, 23 April 2014 23:26)
merhaba, kodu ekledim fakat, iletişime tıklayınca hiçbir sekme açılmıyor. yani iletişim bölümü. senin sitede de öyle. bunu nasıl halledebiliriz?
loncahicret (Wednesday, 23 April 2014 18:43)
Tamamdır hallettim :)
loncahicret (Wednesday, 23 April 2014 18:40)
logo kodu işimi gördü teşekkür ederim. bir sorum daha var; logo, sayfayı aşağı-yukarı kaydırırken sayfayla beraber kayabilir mi?
Site Efektleri (Wednesday, 23 April 2014 16:02)
Merhaba,
Bu kod üzerinde tek adımda mümkün olmaycaktır. Onun yerine özel logo özelliğini kullanabilir ve logo yerine kullanmak istediğin iletişim sembolüne ve bunun bağlantısına yer verebilirsin:
http://siteefektleri.jimdo.com/logo/
loncahicret (Wednesday, 23 April 2014 15:36)
bunu sadece resim olarak nasıl ekleyebiliriz? iletişim yazısı olmayacak