Position / Sticky

HTML Position Sticky Örneği: Telefon ile Arama Butonu

Özellikle mobil gösterimlerde size büyük avantajlar sağlayacak telefon ile ara ve whatsapp iletişim butonu örneğini hazırladım. HTML ve CSS kodlarını kullanarak kendi kullanımınıza uygun olarak düzenleyebilirsiniz.

Bu buton dijital pazarlama çalışmalarında Sizlere büyük avantaj sağlayacaktır. Dönüşüm ve etkileşim oranını arttırdığı herkes tarafından bilinen bu elementi full width olarak kullanmanızı tavsiye ederim.

<html>
<head>
	<title>Yapışkan Buton Yapımı</title>


	<style type="text/css">


		.telefon {

			background-color:red;
			position: sticky;
			 position: -webkit-sticky;
			bottom:0;
			width: 100%;
			margin:0;
		}

		.telefon h4 {

			padding:10px;
			
			
		}

		.telefon h4 a {

			text-decoration: none;
			color: white;
		}
		

	</style>
</head>


<body>

	<h1>Yapışkan Buton Kullanarak Telefon ile Ara Butonu</h1>

	

	<div class="telefon">
		<h4>
			<center>
			<a href="tel:050544078535">Telefon ile Ara</a>
			</center>
		</h4>
	</div>
5 3 votes
Article Rating
Subscribe
Bildir
guest
3 Yorum
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Mustafa
Mustafa
4 ay önce

Çok teşekkürler. Kulllanıyorum.

yunus
3 ay önce

kod deneme yeri de olsa çok güzel olacak

tamay
tamay
25 gün önce

sadece mobilde gösterilecek şekilde nasıl yaparız acaba.
mesela 600px genişliğe küçüldüğünde ortaya çıksa buton