Publicado em 26 de mai.

CSS personalizado por tipo de links

#css #desenvolvimento-frontend #html #links #personalizar

Amigos,

Possuo um site em WordPress e tenho um template instalado que adquiri recentemente.

Gostaria personalizar a forma como os links no corpo do texto aparece, de duas maneiras diferentes.

Para os que apontam para dentro do meu site, sublinhado na cor X.

Para os que apontam para fora do site, sublinhado na cor Y.

É possível?

Obrigado desde já.

Discussão (2)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

root_· 19 de jun.

Olá,

Não sei se o wordpress está gerando o link completo (http://SEUDOMINIO.com.br/DESTINO) para os links internos, mas acredito que sim. Faz muito tempo que não trabalho com Wordpress, mas sei que é possível editar os temas e incluir algo.

Inclua esse Javascript:

	$(document).ready(function(){

	    $("a").css("text-decoration", "underline #ff00ff");    /* Cor para externos */

	    $("a[href$='SEUDOMINIO.com.br']").css("text-decoration", "underline #00ff00");   /* Cor para internos */

	});

	 

	Espero que funcione, Vlw!

Maujor· 22 de jun.

Use seletor de atributo para estilizar os links:

a[href="//"]:not([href="seu-site.com.br"]) {
/ aqui as regras para estilizar os links externos /
}

a {
/ aqui as regras para estilizar os links internos e links in-page /
}