Emoticones de Wordpress. Nuevos emojis de WordPress: con y sin complemento. Posibles problemas y mal funcionamiento

¡Hola de nuevo!

No recuerdo exactamente qué me impulsó a instalar emoticonos en este sitio. Parece que un amigo me arregló para analizar los emoticonos en QIP infium messenger, que he estado usando durante más de un año, y tuve la tentación de adjuntar emoticonos aquí.

Después de buscar un complemento adecuado para WordPress, encontré este, decidí usarlo, pero no funcionó: quería una salida diferente y quería simplificar la verificación para reemplazar caracteres con emoticones. Además, no necesitaba tantos emoticonos. Por supuesto, pude realizar todos mis deseos editando el complemento antes mencionado, pero de alguna manera, casi por accidente, comencé a escribir mi propio código, que finalmente se convirtió en un complemento, que parece tener bastante éxito.

Sobre el complemento emoji para WordPress

Qué hace el complemento:

reemplaza los emoticonos predeterminados de WordPress con emoticonos de QIP.
agrega una lista de emoticonos al cuadro de comentarios. Los emoticonos que se incluirán en la lista se especifican en la configuración.
agrega emoticones al panel de administración, donde puede insertarlos fácilmente al responder comentarios o escribir una publicación.
hace que sea fácil encontrar y reemplazar códigos de emoticonos en el texto.

Configuración para Kama WP Smiles

Te cuento un poco sobre la configuración.

Inserción manual de un bloque de emoticonos en el formulario de comentarios

El complemento agrega automáticamente emoticones al formulario de comentarios (área de texto). Sin embargo, puede resultar que el complemento no pueda incrustar la lista normalmente. En este caso, puedes insertar un bloque de emoticonos manualmente, en cualquier parte de la plantilla. Para hacer esto, deje vacío el campo "Insertar automáticamente emoticonos" en la configuración, de modo que desactive la inserción automática y use el código php para insertar el bloque en el lugar correcto en la plantilla (generalmente en algún lugar de comments.php). expediente):

Este código generará el bloque emoji.

Etiquetas de exclusión HTML

En esta configuración, puede especificar etiquetas HTML, cuyo texto no será procesado por el complemento. Por ejemplo, si especifica un código allí, el complemento no procesará el siguiente código:

sonrisa :) .

Las etiquetas deben estar separadas por comas.

Designaciones especiales de emoticonos (emoticones de exclusión)

De forma predeterminada, los emoticonos se definen en el texto por código (:smiley_file_name:) , pero hay excepciones. Por ejemplo, un emoticón se denota como:-) o:) o =) y su código nativo es (:smile:) . De forma predeterminada, hay 3 excepciones de este tipo: :) :(:D. Tal limitación se debe a una pequeña optimización... Tales excepciones se pueden configurar en el complemento.

Editando el look

Si no está satisfecho con el aspecto de la lista de emoticonos, puede editarla, siempre que sepa css, para esto necesita cambiar las reglas de CSS en el campo "Estilos CSS". Para evitar que los estilos se almacenen en la configuración, puede copiar los estilos en su archivo de estilo y eliminarlos de la configuración.

Instalando tu set de emoticonos

Si no ves el emoji que quieres en tu blog, no te preocupes. Puede agregar/reemplazar fácilmente los emoticonos con los suyos propios.

Para completar la lista, todo lo que necesita hacer es crear una carpeta kama-wp-smile-packs junto a la carpeta del complemento y agregarle su propio conjunto de imágenes sonrientes. Aquellos. al final, deberías terminar con una carpeta con imágenes sonrientes: /wp-content/plugins/kama-wp-smile-packs/mypack/*.gif . Después de crear dicha carpeta, debe ir a la configuración y seleccionar el nuevo paquete de emoticonos que aparece.

El texto de la entrada utilizará la construcción (:file_name:) . Por ejemplo, si agrega una imagen emoción.gif en el texto, este emoticón se insertará como (: emoción:) .

Solo se permiten letras latinas en minúsculas en los nombres de archivo. letras de la a a la z, números 0-9 , signos - y _ . Si el archivo tiene otros caracteres, entonces no funcionará.

Filtrado: eliminación del código emoji del texto

Si necesita filtrar el texto en alguna parte (no mostrar el código de los emoticonos), aplique el siguiente filtro:

$texto = "Texto de prueba (:bueno:)"; $texto = preg_replace("/$:(0,15):$/", "", $texto); echo $texto; // devuelve: texto de prueba

Cómo incrustar el complemento en otros campos como BbPress, Quick Chat

El complemento predeterminado solo funciona para comentarios y publicaciones. Si necesita "atornillarlo" en otro lugar, las siguientes funciones y un poco de conocimiento de css serán útiles:

kws_get_smiles_html($textarea_id) - Muestra un bloque de emoticonos para un área de texto
kws_convert_smiles($content) - procesa el contenido de salida para convertir códigos de emoticonos en imágenes

En caso de problemas repentinos, fallas, errores y "qué más" o si solo desea escribir algo como esto, escriba en los comentarios

Los emoticonos son una expresión de sentimientos y emociones en Internet. Puedes hacer que tu blog sea más divertido agregando emoticonos animados. En general, existen diferentes tipos y tipos de emoticonos. Si la primitividad de los emoticones de WordPress no le conviene, hoy tiene la oportunidad de convertirse en el propietario de nuevas caras agradables.

así es como se ven los emoji estándar de WordPress

Para cambiar los emoticones predeterminados de WordPress a algo más original, vaya a la raíz de su blog y navegue hasta /wp-includes/images/smilies/. Sube nuevos emoticonos a la carpeta de emoticonos, los que más te gusten, pero recuerda
los nombres de los nuevos emoticonos deben coincidir con los nombres de los estándar.

Aquí, te doy emoticonos listos para usar en los que no es necesario cambiar el nombre, solo llénalo en la carpeta de emoticonos y eso es todo.

mini kolobok

koloboks

Esquema para agregar emoticonos en WordPress

Puede agregar emoticones directamente a las publicaciones del blog usando la puntuación - (O8)-:|D; y etc.
Aquí hay un diagrama de emoticonos de puntuación.

Ahora vamos a resolver una pregunta más, como agregar emoticonos a los comentarios encima del campo de texto?

Cómo agregar emoticonos a los comentarios.

Si tiene WordPress por debajo de 3.0, entonces en el tema de la plantilla busque el archivo comments.php, si tiene WordPress 3.0 y superior, luego haga la siguiente ruta al archivo comments.php en la raíz del sitio.

el nombre de tu blog\wp-includes\theme-compat\ comentarios.php

Encuentra el siguiente código en el archivo comments.php:

agrega este código arriba:

"; ) ) eco "

".$dm_mostrarsonrisas".

"; ?>

Así es como se verá:

$dm_smile) ( if (!in_array($dm_smile,$dm_smiled)) ( $dm_smiled = $dm_smile; $tag = str_replace(" ", "", $tag); $dm_showsmiles .= " "; ) ) eco "

".$dm_mostrarsonrisas".

"; ?>

Eso es todo. Reemplazamos los emoticones estándar con los nuestros y agregamos una serie de caras sobre el campo de texto en los comentarios, así de buenos somos.

¡Hola amigos! Ha pasado mucho tiempo desde que publiqué nuevos artículos sobre WordPress. El hecho es que mi blog ya está bien establecido: los complementos principales están instalados y configurados, algo se hace en algún lugar únicamente en el código y no hay necesidad de cambiar o agregar uno nuevo. Solo queda por terminar algunas pequeñas cosas, principalmente relacionadas con la apariencia del blog. Una de esas cositas... emoticonos wordpress. De eso hablaremos hoy.

Los emoticonos en WordPress están ahí por defecto, pero muchos ni siquiera los conocen, porque aún necesitan estar habilitados en la configuración. Vaya a la sección "Opciones" - "Escritura" y habilite la opción:

Una lista completa de todos los emoticones disponibles no aparece en la configuración, pero se puede encontrar en el códice de WordPress. Aquí está:

Simplemente use los símbolos indicados en la tabla al escribir un artículo. Después de la publicación de la publicación, se reemplazarán automáticamente por la imagen correspondiente. Con la mano en el corazón, vale la pena decir que los Cylics no son muy hermosos. Aún así, estoy acostumbrado a los koloboks animados que se usan en Qip y que se encuentran con tanta frecuencia en todo tipo de foros.

Puedes cambiar los emoticonos manualmente, ya que es fácil.

con nuevos emoticonos a tu computadora y descomprímelo.
Todos los íconos están ubicados en el servidor en el directorio /wp-includes/images/smilies. Necesitamos reemplazar manualmente los archivos estándar por otros nuevos. A WP no le importa qué imagen mostrar.

Si necesita agregar un nuevo emoticón, que no tiene un análogo en WP, aún debe registrarlo en el archivo /wp-includes/functions.php. De forma predeterminada, puede ver el siguiente código en él:

function smillies_init() ( global $wpsmiliestrans , $wp_smiliessearch ; // no se moleste en configurar emoticones si están deshabilitados if ( ! get_option( "use_smilies" ) ) return ; if ( ! isset ($wpsmiliestrans ) ) ($wpsmiliestrans = array ( ":mrgreen:" => "icon_mrgreen.gif" , ":neutral:" => "icon_neutral.gif" , ":twisted:" => "icon_twisted .gif" , ... ":!:" => "icono_exclamación.gif" , ":?:" => "icono_pregunta.gif" , ) ; )

Simplemente agregue una nueva línea en la que especifique los caracteres clave y su icono correspondiente. Para eliminar un emoticón, elimine la línea que hace referencia a él y elimine el icono de la carpeta.

Cómo agregar emoticonos a los comentarios de WordPress manualmente

Para poder seleccionar emojis en los comentarios de WordPress, edita la plantilla comments.php de tu tema WP y antes del código (dependiendo del tema, puede variar un poco):

< textarea name= "comment" id= "comment" cols= "65" rows= "10" tabindex= "4" >

pega el guion:

eco "

" . $dm_mostrarsonrisas. "

" ; ?>

Seguimos decorando tu sitio. Y en esta ocasión el objeto de nuestra atención es el plugin para instalar emoticonos en el blog. WP Monalisa. Por cierto, ¿sabes por qué son necesarios? ¿Qué pregunta tan estúpida? Por supuesto, son necesarios para que los visitantes del sitio y los ávidos comentaristas expresen claramente sus emociones no solo con palabras, sino también con imágenes divertidas, tristes o enojadas. Eso es. Bueno, comencemos a instalar este maravilloso complemento.

Se instala de la forma habitual a través de la consola. Consola -> Complementos -> Agregar nuevo y en el buscador WP Monalisa. Aparece un solo complemento, instálelo y luego actívelo.

Su configuración apareció en el menú de la consola, adelante. Comencemos con la configuración del complemento WP-Monalisa.

Iconoruta es el camino a los smilies en su sitio. Como puede ver, el valor predeterminado es wp-content/plugins/wp-monalisa/iconos Puedes subir tus fotos a lo largo de la misma ruta.
Mostrar sonrisas al editar- este elemento es responsable de mostrar emoticones en el editor de publicaciones. Es decir, puedes insertar todos los emoticonos en tus publicaciones.
Mostrar emoticonos en comentario- y esto es para permitir que sus visitantes inserten emoji en sus comentarios.
Reemplace los emoticonos con imágenes html- elige la forma de mostrar los emoticonos. Si deja el elemento habilitado, cuando inserte una imagen en un comentario, se mostrará un código largo. Así que es mejor apagarlo.
Mostrar sonrisas en una mesa- Al marcar esta casilla, puede hacer que los smilies de la selección aparezcan en una tabla vertical, ajustándose al diseño de su sitio.
Mostrar sonrisas como Pulldown– los emoticonos se presentarán como una lista desplegable.
Mostrar información sobre herramientas para iconos- este elemento mostrará sugerencias para emoticones, qué emoción significa el emoticón.

En la configuración, puedes experimentar con emoticonos. Hay muchos de ellos, y también tienes la oportunidad de eliminar, reemplazar, intercambiar o cargar tu propio emoticón. Para instalar su ensamblaje, debe encontrarlo y descargarlo o incluso dibujarlo usted mismo, y luego cargarlo en su alojamiento a lo largo de este camino susitio.ru/wp-content/plugins/wp-monalisa/icons¡Qué complemento tan útil!

¡Hola! Estoy contigo de nuevo, el autor del Blog Gratis para Webmasters y hoy hablaremos de emoticonos en wordpress. Los emoticonos han ganado su popularidad durante mucho tiempo. Esta es una excelente manera de expresar tus emociones y, a veces, solo un emoji es suficiente para expresar tus sentimientos.

Para ser honesto, no me impresionaron mucho los emoticones estándar de WordPress. Su aspecto me pareció primitivo, demasiado antiguo, y por ello decidí cambiarlos por otros.

Emoticones estándar de wordpress

Aquí puedes ir de dos maneras.

La primera es instalar un complemento que reemplazará automáticamente los emoticones estándar por otros. Pero demasiados complementos activos ralentizarán el blog y aumentarán la carga en el servidor. Además, los complementos a menudo agregan sus tablas a la base de datos MySQL y, cuando se eliminan, no siempre limpian esta base de datos y tienen que hacerlo a través del panel phpMyAdmin.
La segunda forma evitará tales problemas, además, le permitirá comprender mejor cómo funciona WordPress. Implica edición manual.

Por lo tanto, iremos por el segundo camino. Los smilies predeterminados se encuentran en la carpeta /wp-includes/images/smilies/ en la raíz de su blog. Para cambiarlos, solo necesita sobrescribir los antiguos con los nuevos. Puede tomar absolutamente cualquier emoticono, cambiarles el nombre para que los nombres de los archivos coincidan con los estándar y volver a cargarlos en la misma carpeta. Publico los conjuntos de emoticonos que ya tengo:

No necesitas renombrar nada, solo queda reemplazar los estándar por estos y listo. Este problema ha sido tratado.

Siguiente pregunta: ¿cómo agregar emoticonos encima del campo de texto del formulario de comentarios? ¡Todo es muy simple aquí también! Para ello, en el archivo comments.php de tu tema, antes de la etiqueta de apertura , para mí se ve así:</p> <<span>área de texto nombre="comentario" id="comentario" filas="10" cols="1" ></span></<span>área de texto ></span> <p>pega el siguiente código:</p> <<span>guion ></span> <span>función añadesonrisa ($sonrisa)</span></<span>guion ></span> <span><?php global $wpsmiliestrans; $dm_showsmiles = "" ; $dm_smiled = array (); foreach ($wpsmiliestrans as $tag => <img src='/smailiki-vordpress-novye-smailiki-wordpress-s-plaginom-i-bez-vozmozhnye.html' loading=lazy loading=lazy>"/wp-incluye/imágenes/emoticones/"</span>.$dm_smile."" alt="" .$tag."" onclick="addsmile(\"" .$tag."\");"/> " ; ) ) echo <span>"<div style="width:100%; margin-left:0px; margin-right:0px;">" </span>.$dm_mostrarsonrisas".</div>" ; ?> </span> <p>¡Eso es todo! Con estas acciones, logramos reemplazar los emoticonos estándar de wordpress por otros más atractivos y modernos, así como agregarlos arriba del campo de texto del formulario de comentarios. Y todo esto sin usar ningún complemento.</p> <h2>Emoticones para WordPress 4.2 y superior, cómo deshabilitar emoji</h2> <p>A partir de la versión 4.2 y posteriores, los desarrolladores han implementado una nueva biblioteca Twemoji en el núcleo de WordPress: un conjunto de caracteres Unicode que se convierten en Emoji al generar una página. Si el navegador no admite emoji, los símbolos se reemplazan automáticamente con imágenes gráficas cargadas desde la CDN.</p> <p><img src='https://i2.wp.com/webliberty.ru/wp-content/uploads/2010/11/Emoji.png' align="center" width="100%" loading=lazy loading=lazy></p> <ul><li>incluso los navegadores modernos no siempre admiten emoji;</li> <li>las imágenes tienen dimensiones reales de 72x72 px y se escalan al cargar, lo que aumenta el tiempo de visualización de la página;</li> <li>en la sección <head>se cargan secuencias de comandos y estilos en línea que no se colocan en archivos separados.</li> </ul><p>Además, todos los artículos y comentarios en el blog adquirieron una apariencia completamente diferente, lo que no me convenía. Propongo usar una solución que le permita devolver los viejos emoticonos a sus lugares. Contiene parte de la funcionalidad del plugin Classic Smilies, así como desarrollos propios.</p> <p>Para empezar, en el directorio con el nombre del tema del blog, debe crear una carpeta llamada smillies y descomprimir las imágenes de los emoticonos (los enlaces de descarga se encuentran arriba). Luego sigue las instrucciones para versiones anteriores de WordPress, agregando un código ligeramente modificado al archivo comments.php del tema:</p> <<span>guion ></span> <span>función añadesonrisa ($sonrisa)</span>( documento .getElementById("comentario").valor=documento .getElementById("comentario" ).valor+" " +$sonrisa+" " ; )</span></<span>guion ></span> <span><?php global $wpsmiliestrans; $dm_showsmiles = "" ; $dm_smiled = array (); foreach ($wpsmiliestrans as $tag =>$dm_smile) ( if (!in_array($dm_smile,$dm_smiled)) ( $dm_smiled = $dm_smile; $tag = str_replace(" " , "" , $tag); $dm_showsmiles .= " <img src='/smailiki-vordpress-novye-smailiki-wordpress-s-plaginom-i-bez-vozmozhnye.html' loading=lazy loading=lazy>" ; ) ) eco <span>"<div style="width:100%; margin-left:0px; margin-right:0px;">" </span>.$dm_mostrarsonrisas".</div>" ; ?> </span> <p>Agrega el siguiente código al archivo functions.php:</p> <span>// Establecer una nueva ubicación de imagen predeterminada</span> <span>función classic_smilies_src($antiguo, $img)</span>( $mythemes = get_template(); return site_url( <span>"/wp-content/themes/$mythemes/smilies/($img)"</span>, __EXPEDIENTE__ ); ) <span>// Devuelve la asignación de caracteres a archivos</span> add_action("init", "classic_smilies_init", 1); <span>función classic_smilies_init()</span>( global $wpsmiliestrans; $wpsmiliestrans = array (":mrgreen:" => "icon_mrgreen.gif" , ":neutral:" => "icon_neutral.gif" , ":twisted:" => "icon_twisted.gif" , " :arrow:" => "icon_arrow.gif" , ":o" => "icon_eek.gif" , ":)" => "icon_smile.gif" , ":???:" => "icon_confused.gif" , ":cool:" => "icon_cool.gif" , ":evil:" => "icon_evil.gif" , ":D" => "icon_biggrin.gif" , ":idea:" => "icon_idea.gif " , ":ups:" => "icon_redface.gif" , ":P" => "icon_razz.gif" , ":roll:" => "icon_rolleyes.gif" , ":wink:" => "icon_wink. gif" , ":llorar:" => "icono_llorar.gif" , ":eek:" => "icono_sorprendido.gif" , ":D" => "icono_lol.gif" , ":loco:" => "icono_loco .gif" , ":sad:" => "icon_sad.gif" , "8-)" => "icon_cool.gif" , "8-O" => "icon_eek.gif" , ":-(" => "icon_sad.gif" , ":-)" => "icon_smile.gif" , ":-?" => "icono_confundido.gif" , ":-D" => "icono_gran sonrisa.gif" , ":-P" => "icono_razz.gif" , ":-o" => "icono_sorprendido.gif" , ":- x" => "icon_mad.gif" , ":-|" => "icon_neutral.gif" , ";)" => "icon_wink.gif" , "8O" => "icon_eek.gif" , ":(" => "icon_sad.gif" , ":)" => " icono_sonrisa.gif" , ":?" => "icon_confundido.gif" , ":D" => "icon_biggrin.gif" , ":P" => "icon_razz.gif" , ":o" => "icon_sorprendido.gif" , ":x" => "icon_mad.gif" , ":|" => "icon_neutral.gif" , ";)" => "icon_wink.gif" , ":!:" => "icon_exclaim.gif" , ":?:" => "icon_question.gif" ,); add_filter("smilies_src", "classic_smilies_src" , 10 , 2 ); <span>// Deshabilitar la carga de scripts y estilos emoji.</span> remove_action("wp_head" , , 7 ); remove_action("admin_print_scripts" , <span>"imprimir_emoji_detección_secuencia de comandos"</span>); remove_action("wp_print_styles" , "print_emoji_styles" ); remove_action("admin_print_styles" , "print_emoji_styles" ); remove_filter("the_content_feed" , "wp_staticize_emoji" ); remove_filter("comment_text_rss" , "wp_staticize_emoji" ); remove_filter("wp_mail", <span>"wp_staticize_emoji_for_email"</span>); add_filter("tiny_mce_plugins" , <span>"clásico_smilies_rm_tinymce_emoji"</span>); add_filter("el_contenido" , , 11 ); add_filter("el_extracto", <span>"clásicos_smilies_rm_additional_styles"</span>, once ); add_filter("comentario_texto" , <span>"clásicos_smilies_rm_additional_styles"</span>, 21 ); } <span>// Deshabilitar Emoji en el editor visual TinyMCE</span> <span>función <span>caritas_clásicas_rm_tinymce_emoji</span>($complementos)</span>(devuelve array_diff($complementos, array("wpemoji" )); ) <span>// Eliminar tamaños de emoticonos de 1 em (se establecen nuevos para la clase .wp-smiley)</span> <span>función <span>classic_smilies_rm_additional_styles</span>($contenido)</span>(devuelve str_replace( <span>"clase="wp-smiley" estilo="altura: 1em; altura máxima: 1em;""</span>, "clase="wp-smiley"" , $contenido); ) <p>Ahora no necesita reemplazar las imágenes por otras nuevas cada vez, ya que están ubicadas en una carpeta diferente y la actualización no las afecta.</p> <p>Por lo tanto, deshabilitamos la carga y visualización de Emoji, reemplazándolos con nuestros emoticonos que usábamos antes. ¡Buena suerte!</p> <script type="text/javascript">  </script><br> <br> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div> <footer> <div class="td-post-source-tags"> </div> <meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://bakep.ru/smailiki-vordpress-novye-smailiki-wordpress-s-plaginom-i-bez-vozmozhnye.html" content="https://bakep.ru/smailiki-vordpress-novye-smailiki-wordpress-s-plaginom-i-bez-vozmozhnye.html" /><span style="display: none;"><span style="display: none;"><meta itemprop="url" content="/assets/logo.svg"></span> <meta itemprop="name" content="Смайлики вордпресс. Новые смайлики WordPress — с плагином и без. Возможные проблемы и неполадки"> </span> <meta itemprop="headline " content="Сбербанк Копилка онлайн"><span style="display: none;" itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="https://i1.wp.com/bloggood.ru/wp-content/uploads/2012/11/smilies-emoticons.jpg"> <meta itemprop="width" content="366"><meta itemprop="height" content="262"></span> </footer> </article> <style> .ads-border { overflow: hidden; } .ads-content { width: 930px; display: block; } @media(max-width: 1140px) { .ads-content { width: 910px; } } @media(max-width: 1018px) { .ads-content { width: 970px; } } @media (max-width: 767px) { .ads-content { width: 134%; } } @media (max-width: 479px) { .ads-content { width: 100%; height: 490px; } } </style> <div class="ads-block"> <h4 class="td-related-title"><span class="td-related-left td-cur-simple-item">ARTÍCULOS RELACIONADOS</span></h4> <div class="ads-border"> <div class="ads-content"> </div> </div> </div> <style> #mc-container { padding: 10px; } </style> <dblock></dblock> </div> </div> <div class="td-pb-span4 td-main-sidebar" role="complementary"> <div class="td-ss-main-sidebar"> <aside class="widget widget_text" id="text-23"> <div class="block-title"><span>Útil</span></div> <div class="textwidget" align="center"></div> </aside> <aside class="widget widget_text" id="text-24"> <div class="block-title"><span>Publicidad</span></div> <div class="textwidget" align="center"></div> </aside> <aside class="widget widget_text" id="text-25"> <div class="textwidget"> <p style="text-align: center;"> </p> </div> </aside> <aside class="widget rpwe_widget recent-posts-extended" id="rpwe_widget-4"> <div class="block-title"><span>Nuevo</span></div> <dblock></dblock> <div class="rpwe-block "> <ul class="rpwe-ul"> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/es/podpiska-na-novosti-podpiska-na-novosti-g-konkurenty-iphone.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/lumias.ru/wp-content/uploads/2013/03/lum620tips1.jpg" alt="Suscribirse a noticias G competidores iPhone" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/es/podpiska-na-novosti-podpiska-na-novosti-g-konkurenty-iphone.html" title="Suscribirse a noticias G competidores iPhone" rel="bookmark">Suscribirse a noticias G competidores iPhone</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/es/kak-nastraivat-virtualnye-chastnye-seti-vpn-vpn-dlya-brauzerov-na.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/help-wifi.com/wp-content/uploads/2017/05/22-05-2017-9-54-36.jpg" alt="VPN para navegadores en Android y PC: Descargue y habilite Browsec VPN para Google Chrome - instalación y configuración" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/es/kak-nastraivat-virtualnye-chastnye-seti-vpn-vpn-dlya-brauzerov-na.html" title="VPN para navegadores en Android y PC: Descargue y habilite Browsec VPN para Google Chrome - instalación y configuración" rel="bookmark">VPN para navegadores en Android y PC: Descargue y habilite Browsec VPN para Google Chrome - instalación y configuración</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/es/pochemu-uvelichilis-yarlyki-na-rabochem-stole-vosstanovit-yarlyki-na-rabochem.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/lumpics.ru/wp-content/uploads/2018/01/Uvelichenie-znachkov-rabochego-stola-s-ispolzovaniem-tachpada.png" alt="Restaurar accesos directos de escritorio" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/es/pochemu-uvelichilis-yarlyki-na-rabochem-stole-vosstanovit-yarlyki-na-rabochem.html" title="Restaurar accesos directos de escritorio" rel="bookmark">Restaurar accesos directos de escritorio</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/es/kak-posmotret-foto-v-instagrame-bez-registracii-kak-naiti.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/xn--80aaakxpne3ahl.xn--p1ai/wp-content/uploads/2018/08/Zakrytyj-akkaunt-v-Instagram.jpg" alt="Cómo encontrar una persona en Instagram sin registrarse Ver una cuenta de Instagram sin registrarse" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/es/kak-posmotret-foto-v-instagrame-bez-registracii-kak-naiti.html" title="Cómo encontrar una persona en Instagram sin registrarse Ver una cuenta de Instagram sin registrarse" rel="bookmark">Cómo encontrar una persona en Instagram sin registrarse Ver una cuenta de Instagram sin registrarse</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/es/plagin-frigate-dlya-firefox-dostup-k-zablokirovannym-resursam-v-google.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/all-freeload.net/images/programs/screenshot/internet/utility-k-brauzeram/frigate-1__270x132.png" alt="Acceda a los recursos bloqueados en Google Chrome utilizando la extensión gratuita friGate Frigate para la web abierta de Firefox" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/es/plagin-frigate-dlya-firefox-dostup-k-zablokirovannym-resursam-v-google.html" title="Acceda a los recursos bloqueados en Google Chrome utilizando la extensión gratuita friGate Frigate para la web abierta de Firefox" rel="bookmark">Acceda a los recursos bloqueados en Google Chrome utilizando la extensión gratuita friGate Frigate para la web abierta de Firefox</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/es/mnogofunkcionalnyi-mikrokompyuter-xtreamer-multi-console-na-baze-android-obzor-minix-neo-x7.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i0.wp.com/smartbobr.ru/wp-content/uploads/2018/01/placeholder.jpg" alt="Revisión de MiniX Neo X7: potentes microcomputadoras Android Mini PC con Android" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/es/mnogofunkcionalnyi-mikrokompyuter-xtreamer-multi-console-na-baze-android-obzor-minix-neo-x7.html" title="Revisión de MiniX Neo X7: potentes microcomputadoras Android Mini PC con Android" rel="bookmark">Revisión de MiniX Neo X7: potentes microcomputadoras Android Mini PC con Android</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/es/mozhno-li-otkatit-ios-8-4-1-kak-otkatit-versiyu-ios-na-iphone-ipad-sohranenie.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/pdalife.info/uploads/p/3q5pet/22.jpg" alt="¿Es posible revertir ios 8.4? 1. Cómo revertir la versión de IOS en iPhone, iPad. Guardar datos importantes" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/es/mozhno-li-otkatit-ios-8-4-1-kak-otkatit-versiyu-ios-na-iphone-ipad-sohranenie.html" title="¿Es posible revertir ios 8.4? 1. Cómo revertir la versión de IOS en iPhone, iPad. Guardar datos importantes" rel="bookmark">¿Es posible revertir ios 8.4? 1. Cómo revertir la versión de IOS en iPhone, iPad. Guardar datos importantes</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/es/luchshie-kanaly-na-youtube-tolko-samoe-poleznoe-i-interesnoe-luchshie-obrazovatelnye-kanaly-na-you.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/selftrue.ru/wp-content/uploads/Thoisoi.jpg" alt="¡Solo lo más útil e interesante!" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/es/luchshie-kanaly-na-youtube-tolko-samoe-poleznoe-i-interesnoe-luchshie-obrazovatelnye-kanaly-na-you.html" title="¡Solo lo más útil e interesante!" rel="bookmark">¡Solo lo más útil e interesante!</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/es/neustrashimyi-comments-php-prostaya-sistema-kommentirovaniya-s-ispolzovaniem-ajax-sintaksis-php-komm.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/gravatar.com/avatar/112fdf7a8fe3609e7af2cd3873b5c6bd?size=50&default=http%3A%2F%2Fdemo.tutorialzine.com%2F2010%2F06%2Fsimple-ajax-commenting-system%2Fimg%2Fdefault_avatar.gif" alt="Sistema de comentarios simple usando AJAX" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/es/neustrashimyi-comments-php-prostaya-sistema-kommentirovaniya-s-ispolzovaniem-ajax-sintaksis-php-komm.html" title="Sistema de comentarios simple usando AJAX" rel="bookmark">Sistema de comentarios simple usando AJAX</a> </li> </ul> </div> </aside> </div> </div> </div> </div> </div> <div class="td-footer-wrapper td-footer-template-3"> <div class="td-container"> <div class="td-pb-row"> <div class="td-pb-span12"> </div> </div> <div class="td-pb-row"> <div class="td-pb-span3 logo-footer"> <div class="td-footer-info"> <div class="footer-logo-wrap"><a href="https://bakep.ru/es/"><img class="td-retina-data" src="/img/logo.png" data-retina="/img/logo.png" alt="Consejos informáticos para usuarios novatos" title="Consejos informáticos para usuarios novatos" / loading=lazy loading=lazy></a></div> <div class="footer-text-wrap"></div> <div class="footer-social-wrap td-social-style-2"></div> </div> <aside class="widget widget_text" id="text-16"> <div class="textwidget"> <script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script> <script src="//yastatic.net/share2/share.js"></script> <span class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus,twitter"></span></div> </aside> </div> <div class="td-pb-span9 footer-discription"> <aside class="widget widget_text" id="text-5"> <div class="textwidget"> <p> <font size="2" color="grey"> </font> </p>© Consejos informáticos para principiantes, 2023</div> </aside> </div> </div> </div> </div> <div class="td-sub-footer-container"> <div class="td-container"> <div class="td-pb-row"> <div class="td-pb-span12 td-sub-footer-menu"> <div class="td-sub-footer-main"> <div class="menu-foot-container"><ul id="menu-foot" class="td-subfooter-menu"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-first td-menu-item td-normal-menu"><a href="https://bakep.ru/es/feedback.html">Comentario</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page td-menu-item td-normal-menu"><a href="https://bakep.ru/es/sitemap.xml">Mapa del sitio</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page td-menu-item td-normal-menu"><a href="">sobre el sitio</a></li> </ul></div> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> jQuery(document).ready(function () { jQuery("span.ancored").replaceWith(function () { $this = jQuery(this); href = $this.attr("title"); text = $this.html(); return '<a href="' + href + '">' + text + '</a>'; } ) } ) </script> <link rel='stylesheet' id='font-awesome-css' href='//netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css?ver=4.4.0' type='text/css' media='all' /> <link rel='stylesheet' id='su-content-shortcodes-css' href='/assets/content-shortcodes.css' type='text/css' media='all' /> <link rel='stylesheet' id='su-box-shortcodes-css' href='/assets/box-shortcodes.css' type='text/css' media='all' /> <script type='text/javascript' src='/assets/jquery.form.min.js'></script> <script type='text/javascript'> /* <![CDATA[ */ var _wpcf7 = { "recaptcha":{ "messages":{ "empty":"\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435, \u0447\u0442\u043e \u0432\u044b \u043d\u0435 \u0440\u043e\u0431\u043e\u0442."} },"cached":"1"} ; /* ]]> */ </script> <script type='text/javascript' src='/assets/scripts.js'></script> <script type='text/javascript' src='/assets/front.min.js'></script> <script type='text/javascript' src='/assets/imagesloaded.min.js'></script> <script type='text/javascript' src='/assets/masonry.min.js'></script> <script type='text/javascript' src='/assets/jquery.masonry.min.js'></script> <script type='text/javascript' src='/assets/rsvp.js'></script> <script type='text/javascript' src='/assets/tagdiv_theme.js'></script> <script type='text/javascript' src='/assets/comment-reply.min.js'></script> <script type='text/javascript'> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar" : "td-default", "margin_top" : 25, "margin_bottom" : 320, "stop_id" : "", "screen_max_width" : 0, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['text-13'] } ; </script> <script type='text/javascript' src='/assets/q2w3-fixed-widget.min.js'></script> <script type='text/javascript' src='/assets/wp-embed.min.js'></script> <style type='text/css'> /*** Shortcodes Ultimate - box elements ***/ /* Common styles ---------------------------------------------------------------*/ .su-clearfix:before, .su-clearfix:after { display: table; content: " "; } .su-clearfix:after { clear: both; } /* Tabs + Tab ---------------------------------------------------------------*/ .su-tabs { margin: 0 0 1.5em 0; padding: 3px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #eee; } .su-tabs-nav span { display: inline-block; margin-right: 3px; padding: 10px 15px; font-size: 13px; min-height: 40px; line-height: 20px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; color: #333; cursor: pointer; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .su-tabs-nav span:hover { background: #f5f5f5; } .su-tabs-nav span.su-tabs-current { background: #fff; cursor: default; } .su-tabs-nav span.su-tabs-disabled { opacity: 0.5; filter: alpha(opacity=50); cursor: default; } .su-tabs-pane { padding: 15px; font-size: 13px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; background: #fff; color: #333; } .su-tabs-vertical:before, .su-tabs-vertical:after { content: " "; display: table; } .su-tabs-vertical:after { clear: both; } .su-tabs-vertical .su-tabs-nav { float: left; width: 30%; } .su-tabs-vertical .su-tabs-nav span { display: block; margin-right: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; } .su-tabs-vertical .su-tabs-panes { float: left; width: 70%; } .su-tabs-vertical .su-tabs-pane { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .su-tabs-nav, .su-tabs-nav span, .su-tabs-panes, .su-tabs-pane { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } /* Styles for screens that are less than 768px */ @media only screen and (max-width: 768px) { .su-tabs-nav span { display: block; } .su-tabs-vertical .su-tabs-nav { float: none; width: auto; } .su-tabs-vertical .su-tabs-panes { float: none; width: auto; } } /* Spoiler + Accordion ---------------------------------------------------------------*/ .su-spoiler { margin-bottom: 1.5em; } .su-spoiler .su-spoiler:last-child { margin-bottom: 0; } .su-accordion { margin-bottom: 1.5em; } .su-accordion .su-spoiler { margin-bottom: 0.5em; } .su-spoiler-title { position: relative; cursor: pointer; min-height: 20px; line-height: 20px; padding: 7px 7px 7px 34px; font-weight: bold; font-size: 13px; } .su-spoiler-icon { position: absolute; left: 7px; top: 7px; display: block; width: 20px; height: 20px; line-height: 21px; text-align: center; font-size: 14px; font-family: FontAwesome; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; *margin-right: .3em; } .su-spoiler-content { padding: 14px; -webkit-transition: padding-top .2s; -moz-transition: padding-top .2s; -o-transition: padding-top .2s; transition: padding-top .2s; -ie-transition: padding-top .2s; } .su-spoiler.su-spoiler-closed > .su-spoiler-content { height: 0; margin: 0; padding: 0; overflow: hidden; border: none; opacity: 0; } .su-spoiler-icon-plus .su-spoiler-icon:before { content: "\f068"; } .su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before { content: "\f067"; } .su-spoiler-icon-plus-circle .su-spoiler-icon:before { content: "\f056"; } .su-spoiler-icon-plus-circle.su-spoiler-closed .su-spoiler-icon:before { content: "\f055"; } .su-spoiler-icon-plus-square-1 .su-spoiler-icon:before { content: "\f146"; } .su-spoiler-icon-plus-square-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f0fe"; } .su-spoiler-icon-plus-square-2 .su-spoiler-icon:before { content: "\f117"; } .su-spoiler-icon-plus-square-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f116"; } .su-spoiler-icon-arrow .su-spoiler-icon:before { content: "\f063"; } .su-spoiler-icon-arrow.su-spoiler-closed .su-spoiler-icon:before { content: "\f061"; } .su-spoiler-icon-arrow-circle-1 .su-spoiler-icon:before { content: "\f0ab"; } .su-spoiler-icon-arrow-circle-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f0a9"; } .su-spoiler-icon-arrow-circle-2 .su-spoiler-icon:before { content: "\f01a"; } .su-spoiler-icon-arrow-circle-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f18e"; } .su-spoiler-icon-chevron .su-spoiler-icon:before { content: "\f078"; } .su-spoiler-icon-chevron.su-spoiler-closed .su-spoiler-icon:before { content: "\f054"; } .su-spoiler-icon-chevron-circle .su-spoiler-icon:before { content: "\f13a"; } .su-spoiler-icon-chevron-circle.su-spoiler-closed .su-spoiler-icon:before { content: "\f138"; } .su-spoiler-icon-caret .su-spoiler-icon:before { content: "\f0d7"; } .su-spoiler-icon-caret.su-spoiler-closed .su-spoiler-icon:before { content: "\f0da"; } .su-spoiler-icon-caret-square .su-spoiler-icon:before { content: "\f150"; } .su-spoiler-icon-caret-square.su-spoiler-closed .su-spoiler-icon:before { content: "\f152"; } .su-spoiler-icon-folder-1 .su-spoiler-icon:before { content: "\f07c"; } .su-spoiler-icon-folder-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f07b"; } .su-spoiler-icon-folder-2 .su-spoiler-icon:before { content: "\f115"; } .su-spoiler-icon-folder-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f114"; } .su-spoiler-style-default { } .su-spoiler-style-default > .su-spoiler-title { padding-left: 27px; padding-right: 0; } .su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon { left: 0; } .su-spoiler-style-default > .su-spoiler-content { padding: 1em 0 1em 27px; } .su-spoiler-style-fancy { border: 1px solid #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #fff; color: #333; } .su-spoiler-style-fancy > .su-spoiler-title { border-bottom: 1px solid #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #f0f0f0; font-size: 0.9em; } .su-spoiler-style-fancy.su-spoiler-closed > .su-spoiler-title { border: none; } .su-spoiler-style-fancy > .su-spoiler-content { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .su-spoiler-style-simple { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .su-spoiler-style-simple > .su-spoiler-title { padding: 5px 10px; background: #f0f0f0; color: #333; font-size: 0.9em; } .su-spoiler-style-simple > .su-spoiler-title > .su-spoiler-icon { display: none; } .su-spoiler-style-simple > .su-spoiler-content { padding: 1em 10px; background: #fff; color: #333; } /* Quote ---------------------------------------------------------------*/ .su-quote-style-default { position: relative; margin-bottom: 1.5em; padding: 0.5em 3em; font-style: italic; } /*.su-quote-style-default.su-quote-has-cite { margin-bottom: 3em; } */ .su-quote-style-default:before, .su-quote-style-default:after { position: absolute; display: block; width: 20px; height: 20px; background-image: url('../images/quote.png'); content: ''; } .su-quote-style-default:before { top: 0; left: 0; background-position: 0 0; } .su-quote-style-default:after { right: 0; bottom: 0; background-position: -20px 0; } .su-quote-style-default .su-quote-cite { display: block; text-align: right; font-style: normal; } .su-quote-style-default .su-quote-cite:before { content: "\2014\0000a0"; } .su-quote-style-default .su-quote-cite a { text-decoration: underline; } /* Pullquote ---------------------------------------------------------------*/ .su-pullquote { display: block; width: 30%; padding: 0.5em 1em; } .su-pullquote-align-left { margin: 0.5em 1.5em 1em 0; padding-left: 0; float: left; border-right: 5px solid #eee; } .su-pullquote-align-right { margin: 0.5em 0 1em 1.5em; padding-right: 0; float: right; border-left: 5px solid #eee; } /* Row + Column ---------------------------------------------------------------*/ .su-row { clear: both; zoom: 1; margin-bottom: 1.5em; } .su-row:before, .su-row:after { display: table; content: ""; } .su-row:after { clear: both; } .su-column { display: block; margin: 0 4% 0 0; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .su-column-last { margin-right: 0; } .su-row .su-column { margin: 0 0 0 4%; } .su-row .su-column.su-column-size-1-1 { margin-left: 0; margin-right: 0; } .su-row .su-column:first-child { margin-left: 0; } .su-column-centered { margin-right: auto !important; margin-left: auto !important; float: none !important; } .su-column img, .su-column iframe, .su-column object, .su-column embed { max-width: 100%; } @media only screen { [class*="su-column"] + [class*="su-column"]:last-child { float: right; } } .su-column-size-1-1 { width: 100%; } .su-column-size-1-2 { width: 48%; } .su-column-size-1-3 { width: 30.66%; } .su-column-size-2-3 { width: 65.33%; } .su-column-size-1-4 { width: 22%; } .su-column-size-3-4 { width: 74%; } .su-column-size-1-5 { width: 16.8%; } .su-column-size-2-5 { width: 37.6%; } .su-column-size-3-5 { width: 58.4%; } .su-column-size-4-5 { width: 79.2%; } .su-column-size-1-6 { width: 13.33%; } .su-column-size-5-6 { width: 82.66%; } /* Styles for screens that are less than 768px */ @media only screen and (max-width: 768px) { .su-column { width: 100% !important; margin: 0 0 1.5em 0 !important; float: none !important; } .su-row .su-column:last-child { margin-bottom: 0 !important; } } /* Service ---------------------------------------------------------------*/ .su-service { position: relative; margin: 0 0 1.5em 0; } .su-service-title { display: block; margin-bottom: 0.5em; color: #333; font-weight: bold; font-size: 1.1em; } .su-service-title img { position: absolute; top: 0; left: 0; display: block !important; margin: 0 !important; padding: 0 !important; border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .su-service-title i { position: absolute; top: 0; left: 0; display: block !important; width: 1em; height: 1em; text-align: center; line-height: 1em; } .su-service-content { line-height: 1.4; } /* Box ---------------------------------------------------------------*/ .su-box { margin: 0 0 1.5em 0; border-width: 2px; border-style: solid; } .su-box-title { display: block; padding: 0.5em 1em; font-weight: bold; font-size: 1.1em; } .su-box-content { background-color: #fff; color: #444; padding: 1em; } .su-box-style-soft .su-box-title { background-image: url('../images/styles/style-soft.png'); background-position: 0 0; background-repeat: repeat-x; } .su-box-style-glass .su-box-title { background-image: url('../images/styles/style-glass.png'); background-position: 0 50%; background-repeat: repeat-x; } .su-box-style-bubbles .su-box-title { background-image: url('../images/styles/style-bubbles.png'); background-position: 0 50%; background-repeat: repeat-x; } .su-box-style-noise .su-box-title { background-image: url('../images/styles/style-noise.png'); background-position: 0 0; background-repeat: repeat-x; } /* Note ---------------------------------------------------------------*/ .su-note { margin: 0 0 1.5em 0; border-width: 0px; border-style: solid; } .su-note-inner { padding: 1em; border-width: 0px; border-style: solid; box-shadow: 3px 3px 6px #d0d0d0; } /* Expand ---------------------------------------------------------------*/ .su-expand { margin: 0 0 1.5em 0; } .su-expand-content { overflow: hidden; } .su-expand-link { margin-top: 0.5em; cursor: pointer; } .su-expand-link:hover { opacity: 0.7; filter: alpha(opacity=70); } .su-expand-link a, .su-expand-link a:hover, .su-expand-link a:active, .su-expand-link a:visited, .su-expand-link a:focus { display: inline; text-decoration: none; background: transparent; border: none; } .su-expand-link-style-default .su-expand-link a, .su-expand-link-style-default .su-expand-link a:hover { text-decoration: none; } .su-expand-link-style-underlined .su-expand-link span { text-decoration: underline; } .su-expand-link-style-dotted .su-expand-link span { border-bottom: 1px dotted #333; } .su-expand-link-style-dashed .su-expand-link span { border-bottom: 1px dashed #333; } .su-expand-link-style-button .su-expand-link a { display: inline-block; margin-top: 0.2em; padding: 0.2em 0.4em; border: 2px solid #333; } .su-expand-link-more { display: none; } .su-expand-link-less { display: block; } .su-expand-collapsed .su-expand-link-more { display: block; } .su-expand-collapsed .su-expand-link-less { display: none; } .su-expand-link i { display: inline-block; margin: 0 0.3em 0 0; vertical-align: middle; color: inherit; } .su-expand-link img { display: inline-block; width: 1em; height: 1em; margin: 0 0.3em 0 0; vertical-align: middle; } /* Lightbox content ---------------------------------------------------------------*/ .su-lightbox-content { position: relative; margin: 0 auto; } .mfp-content .su-lightbox-content, #su-generator .su-lightbox-content { display: block !important; } .su-lightbox-content-preview { width: 100%; min-height: 300px; background: #444; overflow: hidden; } .su-lightbox-content h1, .su-lightbox-content h2, .su-lightbox-content h3, .su-lightbox-content h4, .su-lightbox-content h5, .su-lightbox-content h6 { color: inherit; } /* Common margin resets for box elements ---------------------------------------------------------------*/ .su-column-inner > *:first-child, .su-accordion > *:first-child, .su-spoiler-content > *:first-child, .su-service-content > *:first-child, .su-box-content > *:first-child, .su-note-inner > *:first-child, .su-expand-content > *:first-child, .su-lightbox-content > *:first-child { margin-top: 0; } .su-column-inner > *:last-child, .su-tabs-pane > *:last-child, .su-accordion > *:last-child, .su-spoiler-content > *:last-child, .su-service-content > *:last-child, .su-box-content > *:last-child, .su-note-inner > *:last-child, .su-expand-content > *:last-child, .su-lightbox-content > *:last-child { margin-bottom: 0; } </style> <script> (function(){ var html_jquery_obj = jQuery('html'); if (html_jquery_obj.length && (html_jquery_obj.is('.ie8') || html_jquery_obj.is('.ie9'))) { var path = '/assets/style2.css'; jQuery.get(path, function(data) { var str_split_separator = '#td_css_split_separator'; var arr_splits = data.split(str_split_separator); var arr_length = arr_splits.length; if (arr_length > 1) { var dir_path = '/wp-content/themes/Newspaper'; var splited_css = ''; for (var i = 0; i < arr_length; i++) { if (i > 0) { arr_splits[i] = str_split_separator + ' ' + arr_splits[i]; } //jQuery('head').append('<style>' + arr_splits[i] + '</style>'); var formated_str = arr_splits[i].replace(/\surl\(\'(?!data\:)/gi, function regex_function(str) { return ' url(\'' + dir_path + '/' + str.replace(/url\(\'/gi, '').replace(/^\s+|\s+$/gm,''); } ); splited_css += "<style>" + formated_str + "</style>"; } var td_theme_css = jQuery('link#td-theme-css'); if (td_theme_css.length) { td_theme_css.after(splited_css); } } } ); } } )(); </script> <script type="text/javascript">  </script><br> <br> </body> </html>