Fragmentos de código 2024, Diciembre

Enlaces automáticos a redes sociales - Trucos CSS

Enlaces automáticos a redes sociales - Trucos CSS

Esto iría dentro del ciclo, probablemente debajo de the_content (), probablemente en su archivo single.php. // marcador en Delicious "

Navegación de cuadros desplegables - Trucos CSS

Navegación de cuadros desplegables - Trucos CSS

Desde el diseño v8 de CSS-Tricks. Ver navegación de demostración (fondo: # 444; borde inferior: 8px sólido # E6E2DF; desbordamiento: oculto; posición: relativa; ancho: 100%;) "

Agregar clase de navegación activa basada en URL - Trucos CSS

Agregar clase de navegación activa basada en URL - Trucos CSS

Lo ideal es generar esta clase desde el lado del servidor, pero si no puede ... Digamos que tiene una navegación como esta: Inicio Acerca de los clientes Contáctenos Y usted es "

Aplicar CSS personalizado al área de administración - Trucos CSS

Aplicar CSS personalizado al área de administración - Trucos CSS

Agregue al archivo functions.php: add_action ('admin_head', 'my_custom_fonts'); función my_custom_fonts () (echo '';) "

Voltear una imagen - Trucos CSS

Voltear una imagen - Trucos CSS

¡Puedes voltear imágenes con CSS! Escenario posible: tener solo un gráfico para una "flecha", pero darle la vuelta para apuntar en diferentes direcciones ".

Agregar / quitar clase al pasar el mouse - Trucos CSS

Agregar / quitar clase al pasar el mouse - Trucos CSS

$ ('# elm'). hover (function () ($ (this) .addClass ('hover')), function () ($ (this) .removeClass ('hover'))) Esto funcionará en cualquier navegador en cualquier elemento, a "

Cambiar el tamaño del avatar - Trucos CSS

Cambiar el tamaño del avatar - Trucos CSS

La función wp_list_comments tiene un parámetro para cambiar el tamaño predeterminado (48px) a cualquier lugar entre 0 y 80px. wp_list_comments ('avatar_size = 80'); "

Ampersand de lujo - Trucos CSS

Ampersand de lujo - Trucos CSS

Dan Cederholm ha utilizado durante mucho tiempo el ampersand de Baskerville Italic y nos dice que usemos el mejor ampersand disponible (también aquí). Para bien o para mal, esto tiene "

Unescape HTML en JS - Trucos CSS

Unescape HTML en JS - Trucos CSS

Function htmlDecode (input) (var e = document.createElement ('div'); e.innerHTML = input; return e.childNodes.length === 0? "": e.childNodes.nodeValue;) "

Permitir SVG a través de WordPress Media Uploader - Trucos CSS

Permitir SVG a través de WordPress Media Uploader - Trucos CSS

NOTA: A partir de 4.7.1, esto ya no funciona exactamente como se publica aquí. El hilo de comentarios comienza aquí. Actualizaré esto una vez, la mejor manera de manejarlo "

Una guía completa de Flexbox - Trucos CSS

Una guía completa de Flexbox - Trucos CSS

Nuestra guía completa para el diseño de CSS flexbox. Esta guía completa explica todo sobre flexbox, centrándose en todas las diferentes propiedades posibles para el elemento padre (el contenedor flexible) y los elementos secundarios (los elementos flexibles). También incluye historial, demostraciones, patrones y un gráfico de compatibilidad del navegador ".

Agregar: n-ésimo de tipo a jQuery - Trucos CSS

Agregar: n-ésimo de tipo a jQuery - Trucos CSS

$ .expr = function (elem, i, match) (var partes = match.split ("+"); return (i + 1 - (partes || 0))% parseInt (partes, 10) === 0; ); Ver el artículo original "

Bloginfo Shortcode - Trucos CSS

Bloginfo Shortcode - Trucos CSS

La función bloginfo () en WordPress le da acceso a mucha información útil sobre su sitio. Vea la lista completa. Para acceder a todos estos valores "

Pie de página fijo - Trucos CSS

Pie de página fijo - Trucos CSS

#footer (posición: fija; izquierda: 0px; inferior: 0px; alto: 30px; ancho: 100%; fondo: # 999;) / * IE 6 * / * html #footer (posición: absoluta; "

Animar alto / ancho a "Auto" - Trucos CSS

Animar alto / ancho a "Auto" - Trucos CSS

No es posible hacer thing.animate (("height": "auto")) ;. Así que este es el método de Darcy Clarke para permitir que eso funcione. Básicamente, clonas el elemento "

Página de error de base de datos personalizada - Trucos CSS

Página de error de base de datos personalizada - Trucos CSS

Coloque un archivo llamado "db-error.php" directamente dentro de su carpeta / wp-content / y WordPress lo usará automáticamente cuando haya una conexión a la base de datos "

Posicionamiento fijo en IE 6 - Trucos CSS

Posicionamiento fijo en IE 6 - Trucos CSS

* (margin: 0; padding: 0;) html, body (height: 100%;) body #fixedElement (position: fixed! important; position: absolute; / * ie6 y superior * / top: 0; "

Agregue un espacio sin interrupciones en el título para prevenir las viudas - Trucos CSS

Agregue un espacio sin interrupciones en el título para prevenir las viudas - Trucos CSS

$ ("h2"). each (function () (var wordArray = $ (this) .text (). split (""); var finalTitle = ""; for (i = 0; i "

Taquigrafía de fuentes - Trucos CSS

Taquigrafía de fuentes - Trucos CSS

Cuerpo de sintaxis (fuente: estilo de fuente fuente-variante peso de fuente tamaño de fuente / altura de línea familia de fuentes;) Cuerpo en uso (fuente: cursiva minúscula normal 13px / 150% Arial, "

Descubra automáticamente los enlaces de documentos y aplique la clase - Trucos CSS

Descubra automáticamente los enlaces de documentos y aplique la clase - Trucos CSS

$ ('a'). each (function () (if ((C = $ (this) .attr ('href'). match (/ (doc | xls | pdf) $ /))) ($ (esto) .addClass (C);))); Esto examinará todos los elementos en el "

Personalizar el marcado de comentarios - Trucos CSS

Personalizar el marcado de comentarios - Trucos CSS

En un tema típico de WordPress, genera la lista completa de comentarios para una publicación / página utilizando la función wp_list_comments (). Esto no ofrece mucho por "

Pilas de fuentes - Trucos CSS

Pilas de fuentes - Trucos CSS

* Pila basada en Times New Roman * / font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New"

Agregar superposición de sitio DIV - Trucos CSS

Agregar superposición de sitio DIV - Trucos CSS

$ (function () (var docHeight = $ (document) .height (); $ ("body"). append (""); $ ("# overlay") .height (docHeight) .css (('opacidad' : 0.4, 'posición': "

Personalizar la página de inicio de sesión - Trucos CSS

Personalizar la página de inicio de sesión - Trucos CSS

Ya sabes, el que normalmente se encuentra en yoursite.com/wp-login.php. Estas son cosas que colocaría en el archivo functions.php del tema activo. Cambiar el logotipo es "

Forzar el botón de entrada de carga de archivos de WebKit hacia la derecha - Trucos CSS

Forzar el botón de entrada de carga de archivos de WebKit hacia la derecha - Trucos CSS

Firefox e IE tienen el botón "elegir archivo" a la derecha de la ruta del archivo, mientras que WebKit lo coloca a la izquierda. Esto hace que WebKit lo coloque a la derecha como "

Calcular la distancia entre el mouse y el elemento - Trucos CSS

Calcular la distancia entre el mouse y el elemento - Trucos CSS

(función () (var mX, mY, distancia, $ distancia = $ ('# intervalo de distancia'), $ elemento = $ ('# elemento'); función calcularDistancia (elem, mouseX, mouseY) (return "

Detectar Gists e incrustarlos - Trucos CSS

Detectar Gists e incrustarlos - Trucos CSS

Simplemente publique un enlace a un GitHub Gist y estará muy bien integrado. O use el formato que proporciona este fragmento y cree el código corto usted mismo. Para tu"

Forzar la impresión en escala de grises - Trucos CSS

Forzar la impresión en escala de grises - Trucos CSS

En el momento de escribir este artículo, esto solo funcionará en Chrome 18+, pero está estandarizado, por lo que el soporte eventualmente llegará a todas partes. @media print (cuerpo ("

Mejor manejo de imágenes rotas - Trucos CSS

Mejor manejo de imágenes rotas - Trucos CSS

Las imágenes faltantes simplemente no mostrarán nada o mostrarán un cuadro de estilo cuando no se pueda encontrar su fuente. En su lugar, es posible que desee reemplazarlo con un "