Staff en línea
Últimos temas
[widget]  Widget para guardar texto Origin10[widget] Crear mp
por citrato Mar Jul 21, 2020 5:05 am

[widget]  Widget para guardar texto Origin10[widget] Aviso flotante
por citrato Lun Jul 20, 2020 8:14 am

[widget]  Widget para guardar texto Origin10[recursos] Pack Rangos
por PeruxD Miér Jul 15, 2020 4:37 am

[widget] Widget para guardar texto
Tema iniciado por y Añadir a favoritos

[widget] Widget para guardar texto 
el Vie Feb 13, 2015 1:32 pm
staff


Última edición por Chalo el Lun Feb 15, 2016 10:54 am, editado 3 veces
[codebox][info]Con este widget puedes guardar temporalmente texto, mientras no elimines el cache de tu navegador ahí seguirá[/info]
[widget]  Widget para guardar texto Screen13
[/codebox]
[hidecode]
Código:
<style>
    .notepad {
    text-shadow: 0 1px 0 white;
    font: bold 11px Helvetica, Arial, sans-serif;
    color: rgb(68, 68, 68);
    line-height: 17px;
    }
    .notepad {
    text-decoration: none;
    text-shadow: 0 1px 0 white;
    font: bold 11px Helvetica, Arial, sans-serif;
    color: rgb(68, 68, 68);
    line-height: 17px;
    height: 18px;
    display: inline-block;
    margin: 5px;
    padding: 5px 6px 4px 6px;
    background: rgb(243, 243, 243);
    border: solid 1px rgb(217, 217, 217);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-transition: border-color .20s;
    -moz-transition: border-color .20s;
    -o-transition: border-color .20s;
    transition: border-color .20s;
    position: absolute;
        z-index: 99999!important;
    }
    .notepad span.icon {
    background-image: url('http://code.brucegalpin.com/google-plus-ui-buttons/images/google+-ui-sprite-gray.png');
    display: inline-block;
    margin: 0 7px;
    float: left;
    line-height: 18px;
    height: 18px;
    width: 18px;
    max-width: 18px;
    overflow: hidden;
    text-indent: -9999px;
    background-repeat: no-repeat;
    -webkit-transition: background-image 0.20s linear;
    -moz-transition: background-image 0.20s linear;
    -o-transition: background-image 0.20s linear;
    transition: background-image 0.20s linear;
    }
    span.icon137 {
    background-position: -288px -108px;
    }
    .notepad:hover span.icon {
    background-image: url(http://code.brucegalpin.com/google-plus-ui-buttons/images/google+-ui-sprite-colour.png);
    }
    .contnotepad {
        position: absolute;
        z-index: 9999!important;
        background: white;
        border: 2px solid rgb(38, 114, 200);
        margin-left: 49px;
        margin-top: 5px;
        min-height: 100px;
        padding: 10px;
    }
    .notepad.ativo {
     
        border: 2px solid rgb(38, 114, 200);
        border-right: none;
        border-radius: 0px;
    }
    .wrapnotepad {
        height: 50px;
    }
    #notepadval {
        display: block;
        margin: 10px;
        height: 150px;
        width: 300px;
    }
    span.icon67 {
    background-position: -108px -54px;
    }
    </style><script>
    jQuery(document).ready(function () {
        if (localStorage.getItem('notepad') != null && localStorage.getItem('notepad') != '') {
            jQuery('#notepadval').val(localStorage.getItem('notepad'));
        }
        jQuery('a.notepad').click(function () {
            if (jQuery(this).attr('class').indexOf('ativo') != -1) {
                jQuery(this).removeClass('ativo');
            } else {
                jQuery(this).addClass('ativo');
            }
            jQuery('.contnotepad').fadeToggle(100);
            if (jQuery('#notepadval').val() != null && jQuery('#notepadval').val() != '') {
                localStorage.setItem('notepad', jQuery('#notepadval').val());
            }
            return false
        });
    });
    </script>   
<div class="wrapnotepad">
             <a class="notepad" href="#"><span class="icon icon67"></span></a>       
   <div style="display:none;" class="contnotepad">
                  Escribe aquí el texto a guardar:<textarea id="notepadval"></textarea>       
   </div>
                  
</div>
[/hidecode]
Chalo
Chalo

¿Que estoy pensando? :

jugando con un ping de 999 [table class=fecha_up][td]Se modifico:25/05/20 - 10:57 hrs. [/td][/table]


Banner en temas :

https://i.imgur.com/ikntDYIh.jpeg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

7136


Puntos :

9268


Me gusta :

1063


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


https://www.opensourcephpbb3.com

Volver arriba Ir abajo

Re: [widget] Widget para guardar texto 
el Vie Feb 13, 2015 2:03 pm
A ver como es este codec
N3tl0rD_KinG
N3tl0rD_KinG

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://fbcoversking.com/wp-content/uploads/2012/01/waves-of-colour-facebook-cover.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

49


Puntos :

65


Me gusta :

12


ingreso :

07/02/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Volver arriba Ir abajo

Re: [widget] Widget para guardar texto 
el Vie Feb 13, 2015 2:51 pm
staff
Esta muy bueno pero habría alguna forma de llamarlo sin un widget..
Dosh
Dosh

¿Que estoy pensando? :

Vuelve el hijo prodigo... [table class=fecha_up][td]Se modifico:1/010/18 - 15:59 hrs. [/td][/table]


Banner en temas :

https://i.imgur.com/JdnysKr.png


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

1700


Puntos :

2460


Me gusta :

468


ingreso :

07/12/2014


Sexo :

Masculino

Plataforma :

punbb


Navegador :

Chrome


http://www.telefoneros.com/

Volver arriba Ir abajo

Re: [widget] Widget para guardar texto 
el Vie Feb 13, 2015 2:58 pm
staff
@Dosh escribió:[quotelink="/t279-html-widget-para-guardar-texto#1288"]
Esta muy bueno pero habría alguna forma de llamarlo sin un widget..

mmm si, pero en donde lo quieres de eso depende
Chalo
Chalo

¿Que estoy pensando? :

jugando con un ping de 999 [table class=fecha_up][td]Se modifico:25/05/20 - 10:57 hrs. [/td][/table]


Banner en temas :

https://i.imgur.com/ikntDYIh.jpeg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

7136


Puntos :

9268


Me gusta :

1063


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


https://www.opensourcephpbb3.com

Volver arriba Ir abajo

Re: [widget] Widget para guardar texto 
el Vie Feb 13, 2015 3:55 pm
staff
supongo que en el indice en donde se pueda..
Dosh
Dosh

¿Que estoy pensando? :

Vuelve el hijo prodigo... [table class=fecha_up][td]Se modifico:1/010/18 - 15:59 hrs. [/td][/table]


Banner en temas :

https://i.imgur.com/JdnysKr.png


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

1700


Puntos :

2460


Me gusta :

468


ingreso :

07/12/2014


Sexo :

Masculino

Plataforma :

punbb


Navegador :

Chrome


http://www.telefoneros.com/

Volver arriba Ir abajo

Re: [widget] Widget para guardar texto 
el Lun Feb 08, 2016 7:20 am
posteo para ver code
Andreii
Andreii

¿Que estoy pensando? :

Hay... ya sali :( [table class=fecha_up][td]Se modifico:22/02/20 - 16:09 hrs. [/td][/table]


Banner en temas :

http://static.tumblr.com/376a46baffe3444282f3b414a2fd0d46/jsyqb9t/qxbnm1bqy/tumblr_static_tumblr_static_4eo5pzujbwcg8gws0gcc8oc0s_focused_v3.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

173


Puntos :

207


Me gusta :

24


ingreso :

21/01/2016


Sexo :

Femenino

Plataforma :

phpbb3


Navegador :

chrome


Volver arriba Ir abajo

Re: [widget] Widget para guardar texto 
el Jue Oct 10, 2019 6:36 pm
Voy a comentar para ver el codigo, a ver que tal..
Shura
Shura

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

https://2img.net/h/oi64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

22


Puntos :

25


Me gusta :

1


ingreso :

10/10/2019


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Volver arriba Ir abajo

 En la misma categoria

  Temas relacionados en otros foros de foroactivo

Permisos de este foro:
No puedes responder a temas en este foro.