Poner en negritas parte de un texto en una página
Este efecto lo he visto en un sitio llamado DePeru.com en sus noticias hay un texto que no está en negrita con la etiqueta <strong> o <b> sino que se convierte en negrita gracias a Jquery (en el código fuente).
El uso de este efecto se puede trasladar a muchos otros escenarios donde podríamos necesitar cambiar los estilos para nuestras páginas.
Para este caso el webmaster ha detectado que todos sus textos tienen un <p> que empieza con una raya (o guión) ... visto desde el código fuente por supuesto.
<p>- Multiplicar el impacto -</p>
Para cualquier otra aplicación podría ser un <h1>, <a>... etcEl truco es simple, debajo de la llamada al archivo Jquery externo y antes de finalizar el body agregar el script:
<script>
$( ".contenido p:contains('- ')" ).css( "font-weight","bold" );
</script>
</body>
</html>
Dónde: .contenido es el class que contiene al texto, luego le dice que busque un <p> que contenga el caracter señalado ('- ') es importante darse cuenta del espacio seguido de la raya. Bueno lo demás es aplicarle uno o más estilos.
Les dejo el link de la noticia para que vean su código fuente y entiendan a detalle:
https://www.deperu.com/noticias/con-neymar-mbappe-y-compania-el-paris-sg-es-el-nike-futbol-club-82487.html
Comentarios
Publicar un comentario