CSS: Dış Linkleri Düzenleme

Yükleniyor
css dış linklere stil verme

CSS ile tüm dış linklere belli bir stil vermek istiyorsanız, bunun çok basit bir yolu var.

CSS ile tüm dış linklere bir arkaplan, yazı rengi ya da ne istiyorsanız atayabilirsiniz. Bunun iki yolu var:

Kendi Siteniz İçin:

Kod sadece sizin sitenizde çalışacaksa işler çok daha basit hale geliyor demektir. Aşağıdaki kodu stil dosyanıza yapıştırıp gereken yere alan adınızı yazmanız yeterli.

a[href*="//"]:not([href*="alanadiniz.com"]) { // alanadiniz.com kısmını kendi domaininizle değiştirin.
    /* dış linklere uygulanacak stilleri yazın. */
}

Genel Kullanım İçin:

Birçok kişi tarafından kullanılacak bir CSS yazıyorsanız (örneğin bir WordPress teması yazıyorsanız) yukarıdaki yöntem işinize yaramayaacaktır. CSS ile alan adına ulaşmanın da bir yöntemi olmadığına göre (şimdilik), stilinizi HTML içinde <style> etiketiyle girmeniz gerekecek.

<style>
a[href*="//"]:not([href*="<?php echo filter_input(INPUT_SERVER, 'SERVER_NAME'); ?>"]) {
    /* dış linklere uygulanacak stilleri yazın. */
}
</style>

filter_input(INPUT_SERVER, 'SERVER_NAME') kod parçası $_SERVER['SERVER_NAME']‘in yaptığı işin aynısını daha güvenli bir şekilde yapar ve domain adını döndürür.

Bir başka yazıda görüşmek üzere.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir