8 88roadmaster 23 Feb 2016 #1 Saludos Forobetas, les traigo una pregunta, cómo puedo hacer esto en wordpress? es algún plug in o será la plantilla que usaron? Ver el archivo adjunto 72045 por acá les dejo el link por si quieren visitar la página de la que hablo... TresDE Estudio – Soluciones creativas para hacer tangibles tus ideas Gracias!! -88roadmaster
Saludos Forobetas, les traigo una pregunta, cómo puedo hacer esto en wordpress? es algún plug in o será la plantilla que usaron? Ver el archivo adjunto 72045 por acá les dejo el link por si quieren visitar la página de la que hablo... TresDE Estudio – Soluciones creativas para hacer tangibles tus ideas Gracias!! -88roadmaster
G gere88 23 Feb 2016 #3 Este es el H2 con el correspondiente ID: PHP: <h2>Soluciones creativas para hacer tangibles tus <span class="block"> <div class="lab-autotype-text-entry" id="el_56ccca4c0e71f"></div> </span></h2> Y este es el code JQuery que hace el efecto: PHP: <script type="text/javascript"> jQuery(document).ready(function($) { jQuery("#el_56ccca4c0e71f").typed({"cursorChar":"_","contentType":"html","loop":true,"loopCount":0,"typeSpeed":100,"backSpeed":50,"startDelay":1000,"backDelay":800,"showCursor":true,"strings":["ideas","proyectos","sue\u00f1os"]}); }); </script> CSS: PHP: h2 { color: #858889; font-family: 'Lato'; font-size: 33px; font-style: normal; font-weight: 300; line-height: 1.7; text-decoration: none; text-transform: none; } .auto-type-element span.block { background: #00afa1 !important; }
Este es el H2 con el correspondiente ID: PHP: <h2>Soluciones creativas para hacer tangibles tus <span class="block"> <div class="lab-autotype-text-entry" id="el_56ccca4c0e71f"></div> </span></h2> Y este es el code JQuery que hace el efecto: PHP: <script type="text/javascript"> jQuery(document).ready(function($) { jQuery("#el_56ccca4c0e71f").typed({"cursorChar":"_","contentType":"html","loop":true,"loopCount":0,"typeSpeed":100,"backSpeed":50,"startDelay":1000,"backDelay":800,"showCursor":true,"strings":["ideas","proyectos","sue\u00f1os"]}); }); </script> CSS: PHP: h2 { color: #858889; font-family: 'Lato'; font-size: 33px; font-style: normal; font-weight: 300; line-height: 1.7; text-decoration: none; text-transform: none; } .auto-type-element span.block { background: #00afa1 !important; }
D Dalkiel 23 Feb 2016 #4 88roadmaster y [MENTION=154532]obsonmex[/MENTION] esa opción o captura que colocas es una opción o función que trae el mismo theme: Laborator Themes - www.laborator.co
88roadmaster y [MENTION=154532]obsonmex[/MENTION] esa opción o captura que colocas es una opción o función que trae el mismo theme: Laborator Themes - www.laborator.co
O obsonmex 23 Feb 2016 #5 Gracias por el dato [MENTION=30266]gere88[/MENTION] y [MENTION=135626]Dalkiel[/MENTION]... se agradece de corazon!! =):encouragement:
Gracias por el dato [MENTION=30266]gere88[/MENTION] y [MENTION=135626]Dalkiel[/MENTION]... se agradece de corazon!! =):encouragement:
8 88roadmaster 23 Feb 2016 #6 gere88 dijo: Este es el H2 con el correspondiente ID: PHP: <h2>Soluciones creativas para hacer tangibles tus <span class="block"> <div class="lab-autotype-text-entry" id="el_56ccca4c0e71f"></div> </span></h2> Y este es el code JQuery que hace el efecto: PHP: <script type="text/javascript"> jQuery(document).ready(function($) { jQuery("#el_56ccca4c0e71f").typed({"cursorChar":"_","contentType":"html","loop":true,"loopCount":0,"typeSpeed":100,"backSpeed":50,"startDelay":1000,"backDelay":800,"showCursor":true,"strings":["ideas","proyectos","sue\u00f1os"]}); }); </script> CSS: PHP: h2 { color: #858889; font-family: 'Lato'; font-size: 33px; font-style: normal; font-weight: 300; line-height: 1.7; text-decoration: none; text-transform: none; } .auto-type-element span.block { background: #00afa1 !important; } Hacer clic para expandir... Gracias, pero no sé programar, o sea... lo que necesito es un plug in... pero muchas gracias! - - - Actualizado - - - Y algun plug in que lo haga no conocen??
gere88 dijo: Este es el H2 con el correspondiente ID: PHP: <h2>Soluciones creativas para hacer tangibles tus <span class="block"> <div class="lab-autotype-text-entry" id="el_56ccca4c0e71f"></div> </span></h2> Y este es el code JQuery que hace el efecto: PHP: <script type="text/javascript"> jQuery(document).ready(function($) { jQuery("#el_56ccca4c0e71f").typed({"cursorChar":"_","contentType":"html","loop":true,"loopCount":0,"typeSpeed":100,"backSpeed":50,"startDelay":1000,"backDelay":800,"showCursor":true,"strings":["ideas","proyectos","sue\u00f1os"]}); }); </script> CSS: PHP: h2 { color: #858889; font-family: 'Lato'; font-size: 33px; font-style: normal; font-weight: 300; line-height: 1.7; text-decoration: none; text-transform: none; } .auto-type-element span.block { background: #00afa1 !important; } Hacer clic para expandir... Gracias, pero no sé programar, o sea... lo que necesito es un plug in... pero muchas gracias! - - - Actualizado - - - Y algun plug in que lo haga no conocen??
D Dalkiel 23 Feb 2016 #7 [MENTION=45779]88roadmaster[/MENTION] el theme trae esa opción, no es ni un plugin.
8 88roadmaster 23 Feb 2016 #8 Dalkiel dijo: [MENTION=45779]88roadmaster[/MENTION] el theme trae esa opción, no es ni un plugin. Hacer clic para expandir... Ok, gracias, entonces veré si puedo copiar el código que nos pasó gere88... saludos a todos!
Dalkiel dijo: [MENTION=45779]88roadmaster[/MENTION] el theme trae esa opción, no es ni un plugin. Hacer clic para expandir... Ok, gracias, entonces veré si puedo copiar el código que nos pasó gere88... saludos a todos!
D Dalkiel 23 Feb 2016 #9 [MENTION=45779]88roadmaster[/MENTION] claro que lo puedes copiar es fácil de lograrlo, sin saber programación solo guiandote como te lo coloco.
[MENTION=45779]88roadmaster[/MENTION] claro que lo puedes copiar es fácil de lograrlo, sin saber programación solo guiandote como te lo coloco.