Fragmentos de código 2024, Diciembre

Desactivar el formato automático - Trucos CSS

Desactivar el formato automático - Trucos CSS

Agregar al archivo functions.php remove_filter ('the_content', 'wptexturize'); remove_filter ('the_excerpt', 'wptexturize'); remove_filter ('comentario_texto', "

Forzar barra de desplazamiento vertical - Trucos CSS

Forzar barra de desplazamiento vertical - Trucos CSS

Html (overflow-y: scroll;) Este CSS no es válido, pero funciona en todo excepto en Opera. La razón de esto es evitar "saltos de centrado" cuando "

Comprobar elementos vacíos - Trucos CSS

Comprobar elementos vacíos - Trucos CSS

Haga algo por cada elemento vacío encontrado: $ ('*'). Each (function () (if ($ (this) .text () == "") (// Do Something))); VERDADERO o FALSO si el elemento está vacío: "

Desactivar el formato automático con un código corto - Trucos CSS

Desactivar el formato automático con un código corto - Trucos CSS

Function my_formatter ($ contenido) ($ new_content = ''; $ pattern_full = '((. *?)) is'; $ pattern_contents = '(((. *?)) is'; $ piezas = preg_split ($ pattern_full, "

Dar a los elementos en los que se puede hacer clic un cursor de puntero - Trucos CSS

Dar a los elementos en los que se puede hacer clic un cursor de puntero - Trucos CSS

A, input, input, label, select, button, .pointer (cursor: pointer;) Algunos elementos en los que se puede hacer clic misteriosamente no activan un cursor de puntero en "

Detección del navegador + Aplicar clases al elemento HTML - Trucos CSS

Detección del navegador + Aplicar clases al elemento HTML - Trucos CSS

JQBrowser v0.2: http://davecardwell.co.uk/javascript/jquery/plugins/jquery-browserdetect/ eval (función (p, a, c, k, e, d) (e = función (c) (volver (c "

Mostrar información del autor - Trucos CSS

Mostrar información del autor - Trucos CSS

La imagen que se muestra para el autor proviene de la dirección de correo electrónico configurada para ese usuario que va a un Gravatar correspondiente. El nombre para mostrar y la biografía vienen "

Aspectos destacados de la entrada azul brillante - Trucos CSS

Aspectos destacados de la entrada azul brillante - Trucos CSS

Como Twitter a mediados de 2012. input, textarea (-webkit-transition: todos los 0.30s de entrada y salida; -moz-transición: todos los 0.30s de fácil entrada y salida; -ms-transición: todos los 0.30s "

Cambiar WMode con jQuery - Trucos CSS

Cambiar WMode con jQuery - Trucos CSS

Si no configura el wmode en un flash incrustado, flotará sobre una superposición, lo que puede ser un gran problema. Esto es ideal en un entorno con "

Mostrar una nube de etiquetas - Trucos CSS

Mostrar una nube de etiquetas - Trucos CSS

El tamaño predeterminado, si no se proporciona ninguno, para esta función es "pt", que es un poco inusual y, a menudo, poco confiable, así que asegúrese de cambiar ese parámetro a cómo "

Subrayado degradado - Trucos CSS

Subrayado degradado - Trucos CSS

A (posición: relativa; padding-bottom: 2px; text-decoration: none;) a: hover :: after (content: ""; position: absoluta; bottom: 2px; left: 0; height: 1px; "

Compruebe si la casilla de verificación está marcada - Trucos CSS

Compruebe si la casilla de verificación está marcada - Trucos CSS

Di eso 10 veces rápido =). Averigüe si una sola casilla de verificación está marcada o no, devuelve verdadero o falso: $ ('# checkBox'). Attr ('comprobado'); Buscar todos los marcados "

Mostrar imagen junto a cada etiqueta - Trucos CSS

Mostrar imagen junto a cada etiqueta - Trucos CSS

Este código pertenece al bucle. Buscará en un directorio específico las imágenes que coincidan con los slugs de las etiquetas del artículo, las mostrará y las vinculará a "

Texto degradado - Trucos CSS

Texto degradado - Trucos CSS

Esto es solo WebKit, pero es la forma más limpia de lograrlo, ya que el texto sigue siendo texto web editable y seleccionable. h1 (tamaño de fuente: 72px; fondo: "

Compruebe si el elemento existe - Trucos CSS

Compruebe si el elemento existe - Trucos CSS

If ($ ('# myElement'). length> 0) (// existe) O para convertirlo en una función elegante con una devolución de llamada: // Tiny jQuery Plugin // por Chris Goodchild $ .fn.exists = "

Bucle personalizado / consulta basada en campos personalizados - Trucos CSS

Bucle personalizado / consulta basada en campos personalizados - Trucos CSS

Última actualización por Jason Witt. Si diseña o desarrolla temas o complementos de WordPress, es muy probable que algún día necesite realizar una consulta para "

Hexágono con sombra - Trucos CSS

Hexágono con sombra - Trucos CSS

.hexágono (ancho: 100 px; alto: 55 px; posición: relativa;) .hexágono, .hexágono: antes, .hexágono: después (fondo: rojo; caja-sombra: 0 0 10 px "

Compruebe si el evento fue activado o nativo - Trucos CSS

Compruebe si el evento fue activado o nativo - Trucos CSS

$ ('botón'). click (function (evento, wasTriggered) (if (wasTriggered) (alert ('disparado en código');) else (alert ('disparado por mouse');))); "

Volcar todos los campos personalizados - Trucos CSS

Volcar todos los campos personalizados - Trucos CSS

WordPress tiene una función incorporada, the_meta (), para generar todos los campos personalizados. Pero esta función está limitada porque no siempre genera todos los "

CSS del lenguaje de internacionalización - Trucos CSS

CSS del lenguaje de internacionalización - Trucos CSS

* Específico del idioma * /: lang (af) (comillas: '201E' '201D' '201A' '2020-2021';): lang (ak) (familia de fuentes: Lucida, "DejaVu Sans", heredar; ): lang (ar) (familia de fuentes: Tahoma "

Compruebe si jQuery está cargado - Trucos CSS

Compruebe si jQuery está cargado - Trucos CSS

If (typeof jQuery == 'undefined') (// jQuery NO ESTÁ cargado, haz cosas aquí.) "

Muestre sus tweets favoritos con WordPress - Trucos CSS

Muestre sus tweets favoritos con WordPress - Trucos CSS

Simplemente reemplace la URL en la línea fetch_rss a continuación con la fuente RSS de sus favoritos de Twitter. De hecho, esto funcionará con cualquier fuente RSS ".

CSS específico para iPad - Trucos CSS

CSS específico para iPad - Trucos CSS

@media solo pantalla y (device-width: 768px) (/ * Para diseños generales de iPad * /) @media solo pantalla y (min-device-width: 481px) y (max-device-width: "

Borrar una entrada de archivo - Trucos CSS

Borrar una entrada de archivo - Trucos CSS

Puede simplemente clonarlo y reemplazarlo por sí mismo, con todos los eventos aún adjuntos. var input = $ ("# control"); función something_happens () ("

Botón "Editar esto" en publicaciones y páginas - Trucos CSS

Botón "Editar esto" en publicaciones y páginas - Trucos CSS

Coloque esto en el archivo de tema en algún lugar cerca de donde genera the_content () (probablemente en el archivo single.php o page.php) para hacer un enlace en el que puede hacer clic en ese "

Manejo de palabras largas y URL (forzar saltos, guiones, puntos suspensivos, etc.) - Trucos CSS

Manejo de palabras largas y URL (forzar saltos, guiones, puntos suspensivos, etc.) - Trucos CSS

Hemos trasladado este fragmento a nuestro fragmento canónico sobre este tema. Consulte: Manejo de URL y palabras largas "

Borrar cadena de búsqueda predeterminada en Focus - Trucos CSS

Borrar cadena de búsqueda predeterminada en Focus - Trucos CSS

$ ("# s") .val ("Buscar ...") .css ("color", "#ccc") .focus (función () ($ (esto) .css ("color", "negro" ); if ($ (esto) .val () == "Buscar ...") ($ (esto) .val ("");) "

Activar todos los formatos de publicación posibles - Trucos CSS

Activar todos los formatos de publicación posibles - Trucos CSS

Para su archivo functions.php en el tema. add_theme_support ('post-formatos', array ('aparte', 'galería', 'enlace', 'imagen', 'cita', 'estado', 'video', "

Tipografía fluida - Trucos CSS

Tipografía fluida - Trucos CSS

Yendo directo al código, aquí hay una implementación de trabajo: html (font-size: 16px;) @media screen y (min-width: 320px) (html (font-size: calc (16px + "

Haga clic una vez y desvincular - Trucos CSS

Haga clic una vez y desvincular - Trucos CSS

Haga que suceda algo en un evento de clic, ¡pero solo una vez! Desvincula el controlador de clic después de que se haya hecho clic una vez en el elemento. $ ('# mi-selector'). bind ('clic', "