Fragmentos de código 2024, Diciembre

Botón "Me gusta" de Facebook para Wordpress - Trucos CSS

Botón "Me gusta" de Facebook para Wordpress - Trucos CSS

Aquí hay un código muy fácil de copiar y pegar para agregar a la plantilla de las publicaciones del blog para permitir que Facebook "me guste" del artículo. Probablemente el mejor en el "

Ocultar barra de desplazamiento en Edge, IE 10/11 - Trucos CSS

Ocultar barra de desplazamiento en Edge, IE 10/11 - Trucos CSS

Puede hacer que se oculte automáticamente en lugar de que se muestre siempre: html (-ms-overflow-style: -ms-autohiding-scrollbar;) Resulta así: Crédito a Thierry "

Combinar funciones de deslizamiento y fundido - Trucos CSS

Combinar funciones de deslizamiento y fundido - Trucos CSS

$ .fn.slideFadeToggle = function (speed, easing, callback) (return this.animate ((opacity: 'toggle', height: 'toggle'), speed, easing, callback);); Uso"

Buscar ID de la página principal más importante - Trucos CSS

Buscar ID de la página principal más importante - Trucos CSS

Esto encontrará cuál es el ID de la página principal más alta, en una página secundaria anidada. Por ejemplo, esta página que está viendo literalmente está anidada en "

Link Pseudo-Classes (en orden) - Trucos CSS

Link Pseudo-Classes (en orden) - Trucos CSS

A: enlace (color: azul;) a: visitado (color: violeta;) a: hover (color: rojo;) a: activo (color: amarillo;) Enlace, visitado, hover, activo L, V, H, A AMOR, ODIO "

Comparar objetos jQuery - Trucos CSS

Comparar objetos jQuery - Trucos CSS

Realmente no puedes comparar si dos objetos jQuery son iguales ... if ($ (selectionOne) === $ (selectionTwo)) () Puedes comparar objetos DOM aunque ... if "

Insertar una página dentro de una página - Trucos CSS

Insertar una página dentro de una página - Trucos CSS

El código anterior se puede utilizar dentro del bucle de página normal. Reemplaza ** ID ** con el ID de la página que deseas insertar ".

Mixins para tamaño de fuente Rem - Trucos CSS

Mixins para tamaño de fuente Rem - Trucos CSS

La unidad de tamaño de fuente rem es similar a em, solo que en lugar de en cascada siempre es relativa al elemento raíz (html) (más información). Esto tiene bastante "

Recorrer una lista - Trucos CSS

Recorrer una lista - Trucos CSS

Este código recorrerá una lista desordenada con un ID de 'lista de ciclos'. Se puede utilizar en cualquier elemento con niños. Reemplaza "ul # cyclelist li" por "

Papel en capas - Trucos CSS

Papel en capas - Trucos CSS

Hola .layered-paper (fondo: #eee; box-shadow: 0 1px 1px rgba (0,0,0,0.15), / * La sombra de la capa superior * / 0 10px 0 -5px #eee, / * La segunda capa * / 0 "

Detecta el primer elemento visible de cierta clase - Trucos CSS

Detecta el primer elemento visible de cierta clase - Trucos CSS

Agrega una clase de "primero" al primer elemento que tiene una clase de "actividad" que es visible en la ventana del navegador. $ (ventana) .scroll (función () (var "

Obtener contenido por ID - Trucos CSS

Obtener contenido por ID - Trucos CSS

Aparentemente, no existe una función sucinta de WordPress para simplemente devolver el contenido de una página en particular por el ID de esa página. Esto es eso. función"

Monotone una imagen con CSS - Trucos CSS

Monotone una imagen con CSS - Trucos CSS

Siempre puede aplicar un filtro a un elemento para que sea monótono en el sentido de la escala de grises: vea el lápiz monótono en una imagen de Chris Coyier (@chriscoyier) "

Deshabilitar los vínculos principales en la navegación de listas anidadas - Trucos CSS

Deshabilitar los vínculos principales en la navegación de listas anidadas - Trucos CSS

Código jQuery que deshabilita los enlaces principales para los menús desplegables. El menú debe construirse como listas anidadas y el enlace principal está deshabilitado. Esto ayuda"

Obtener URL de imagen destacada - Trucos CSS

Obtener URL de imagen destacada - Trucos CSS

Las miniaturas de las publicaciones son bastante útiles y fáciles de usar en WordPress. Simplemente agregue: add_theme_support ('post-thumbnails'); Al archivo functions.php de un tema "

Hacer un ajuste de texto "Pre" - Trucos CSS

Hacer un ajuste de texto "Pre" - Trucos CSS

El texto de las etiquetas

 no se ajusta de forma predeterminada. Por ejemplo, consulte el fragmento de código a continuación. Si esto causa problemas de diseño, una solución es dar el "

Desactivar / reactivar entradas - Trucos CSS

Desactivar / reactivar entradas - Trucos CSS

Desactivar: $ ("# botón-enviar"). Attr ("desactivado", verdadero); Volver a habilitar: $ ("# botón-enviar"). RemoveAttr ("deshabilitado"); "

Obtener ID del nombre de la página - Trucos CSS

Obtener ID del nombre de la página - Trucos CSS

Agregar al archivo functions.php: function get_ID_by_page_name ($ page_name) (global $ wpdb; $ page_name_id = $ wpdb-> get_var ("SELECCIONAR ID DE $ wpdb-> publicaciones DONDE"

Meyer Reset - Trucos CSS

Meyer Reset - Trucos CSS

Html, cuerpo, div, intervalo, applet, objeto, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acrónimo, dirección, grande, citar, código, del, dfn, em, fuente, "

Mostrar navegador y versión - Trucos CSS

Mostrar navegador y versión - Trucos CSS

Esto es específico de jQuery y contiene un pequeño truco / corrección para tratar con Chrome. Esto funciona entre jQuery 1.5.1 y jQuery 1.8.3. Se ha ido en jQuery "

HTML5 Shim en functions.php - Trucos CSS

HTML5 Shim en functions.php - Trucos CSS

También podría mantener limpio su header.php e insertar la corrección del archivo functions.php. // agrega, es decir, una corrección html5 condicional a la función de encabezado "

Sintaxis de varios fondos - Trucos CSS

Sintaxis de varios fondos - Trucos CSS

Los navegadores que admiten múltiples fondos (WebKit desde los primeros días, Firefox 3+) usan una sintaxis como esta: #box (background: url (icon.png.webp) top left "

Mostrar la última publicación de FeedBurner - Trucos CSS

Mostrar la última publicación de FeedBurner - Trucos CSS

Este fragmento mostrará la última publicación en un feed de FeedBurner específico. Simplemente establezca la URL en el feed de FeedBurner que desee. $ (documento) .ready (función () ("

ID del cuerpo según la URL - Trucos CSS

ID del cuerpo según la URL - Trucos CSS

Esto convertiría http: //domain.tld/blog/home en "domaintldbloghome", que es mucho más específico. También eliminará las extensiones de archivo ".php" y el "

Momentum Scrolling en iOS Overflow Elements - Trucos CSS

Momentum Scrolling en iOS Overflow Elements - Trucos CSS

Las páginas web en iOS tienen de forma predeterminada un desplazamiento de estilo "momentum" en el que un movimiento rápido del dedo envía el desplazamiento de la página web y continúa hasta que finalmente "

Mostrar solo las primeras X divisiones, alternar el resto - Trucos CSS

Mostrar solo las primeras X divisiones, alternar el resto - Trucos CSS

Var news = 2; hidenews = "- Ocultar archivo de noticias"; shownews = "+ Mostrar archivo de noticias"; $ (". archivo"). html (shownews); $ (". noticias: no (: lt (" + noticias + "))"). ocultar (); "

Si la página es principal o secundaria - Trucos CSS

Si la página es principal o secundaria - Trucos CSS

Hay funciones de WordPress condicionales integradas para probar una página: if (is_page (2)) (// cosas) O para probar si una página es hija de cierto

Sintaxis de animación de fotogramas clave - Trucos CSS

Sintaxis de animación de fotogramas clave - Trucos CSS

Declaración básica y uso @ -webkit-keyframes NAME-YOUR-ANIMATION (0% (opacity: 0;) 100% (opacity: 1;)) @ -moz-keyframes NAME-YOUR-ANIMATION (0% ("

Complemento jQuery Duplicate - Trucos CSS

Complemento jQuery Duplicate - Trucos CSS

$ .fn.duplicate = function (count, cloneEvents) (var tmp = (); for (var i = 0; i