Harici Bağlantılara Simge Eklemek

Harici bağlantılar, bir web sitesinin kullanıcıları diğer kaynaklara yönlendirmek veya farklı web sitelerine bağlantılar sağlamak için kullanılan önemli unsurlardır.

İlk adım olarak, harici bağlantılarınıza eklemek istediğiniz simgeyi bulmalısınız. Bu simge, genellikle küçük bir resim veya sembol olabilir. İlgili konsepte uygun bir simge seçmek önemlidir.

a[target='_blank']::after {
content: "";
display: inline-block;
width: 15px;
height: 15px;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23989b9f" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="7" y1="17" x2="17" y2="7"/><polyline points="7 7 17 7 17 17"/></svg>') no-repeat center;
margin-left: 5px;
}

Artık harici bağlantılarınız simgelerle daha çekici hale gelmiş olacak. 


Yorum yaz