Entradas

Mostrando las entradas etiquetadas como negrita

Poner en negritas parte de un texto en una página

Imagen
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>... etc El 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, lu

Aplicar estilo a un párrafo específico con JQuery

Imagen
Tenemos el siguiente requerimiento: En nuestros textos existen párrafos que comienzan con un guión o raya y deseamos ponerlos en negrita, por ejemplo: Este es un párrafo anterior. - Este es el texto - Este es otro párrafo Lo que tenemos que hacer primero es insertar la línea de jquery: <script src ="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"> </script> Luego el script: <script> $( ".contenido p:contains('- ')" ).css( "font-weight","bold" ); </script> Con esto le decimos a la página que busque el <p> con la clase .contenido y que comience con raya y espacio ( - ) y le aplique el estilo css al texto tipo negrita (bold). Hay que considerar que en lugar de la raya podría ser otro símbolo como un paréntesis, corchete, llave, signo de interrogación, etc. Estos casos se pueden dar cuando la base de datos ya entrega texto con ese formato plano y editarlo en B