Staff en línea

[beta] Simplificar la vista de los post
Tema iniciado por y Añadir a favoritos

[beta] Simplificar la vista de los post 
el Miér Oct 12, 2016 1:09 pm
staff


Última edición por Chalo el Lun Feb 27, 2017 2:27 pm, editado 3 veces
[codebox]
Este code nació de un soporte, oculta el perfil y da una imagen simplificada a tus post, recordando el estado en el que lo dejas.




demo: http://codelab.sitio-web.org/t1p150-tu-primer-tema#242
[/codebox]

Código:


var os = {
    open_img: 'http://i57.servimg.com/u/f57/17/68/86/50/spacer10.gif',
    close_img: 'http://i57.servimg.com/u/f57/17/68/86/50/spacer11.gif',
    style: '.topicChangeIcons a.active { background: rgba(0, 0, 0, 0.5); box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px, rgba(255, 255, 255, 0.3) 0 1px 0; opacity: 1;}.topicChangeIcons a:hover { background: rgba(0, 0, 0, 0.1); opacity: .8;}.topicChangeIcons { float: left; margin: 20px 15px 0 15px; overflow: hidden; padding-bottom: 1px; position: relative;}.topicChangeIcons a.active { background: rgba(0, 0, 0, 0.5); box-shadow: inset rgba(0, 0, 0, 0.6) 0 1px 3px, rgba(255, 255, 255, 0.3) 0 1px 0; opacity: 1;}.topicChangeIcons a { border-radius: 3px; cursor: pointer; float: left; height: 22px; margin-right: 5px; opacity: .6; outline: 0; text-align: center; text-decoration: none; width: 22px;}.topicChangeIcons #topicChangeBasic.active img { background-position: -16px -16px;}.topicChangeIcons #topicChangeRegular.active img { background-position: 0 -16px;}.topicChangeIcons img { background: url(http://i72.servimg.com/u/f72/18/07/42/17/topicv10.png) no-repeat; height: 16px; margin-top: 4px; opacity: 1!important; vertical-align: top; width: 16px;}.topicChangeIcons #topicChangeRegular img { background-position: 0 0;}.ava_basicview { background: #bae7ff; padding: 2px; border-radius: 3px; width: 100%; height: 35px}.ava_basicview img { height: 2em; width: 2em; border-radius: 100%; display: inline; float: left; margin-top: .2em;}.ava_basicview strong { display: inline-flex; margin-top: 0.4em; margin-left: 0.1em}.ava_basicview br { display: none}',
    topicChange: function () {
        console.log('//--------- Por Chalo - Open Source 2014-2016 --------//');
        console.log('//--------- http://www.opensourcephpbb3.com ----------//');
        console.log('//------------------- Version: 1.1 -------------------//');
        console.log('//---------------Only for phpBB3 ---------------------//');
        var b, c, h, j, k,l, a = document.getElementsByClassName('post'),
            d = document.getElementById('topicChangeRegular'),
            e = document.getElementById('topicChangeBasic'),
            f = document.getElementById('main-content'),
            g = my_getcookie('topicChangeBasic') == 1 || !my_getcookie('topicChangeBasic');
        os.control(d, e, f, g);
        [].forEach.call(a, function(i) {
            b = i.getElementsByClassName('postprofile');
            c = i.getElementsByClassName('postbody');
            k = b.length  && b[0].getElementsByTagName('dt');
            h = k.length  && k[0].innerHTML;
            j = i.getElementsByClassName('topic-title');
            l = i.getElementsByClassName('ava_basicview');
            b.length && (b[0].style.display = g ? 'none' : 'block');
            c.length && (c[0].style.width = g ? '100%' : '');
            !l.length && j.length && (j[0].insertAdjacentHTML('afterbegin', '<div class="ava_basicview" style="display:none">' + h + '</div>'));
            l = i.getElementsByClassName('ava_basicview');
            l.length && (l[0].style.display = g ? 'block' : 'none')
        })
    },
    control: function (d, e, f, g) {
        g ? (d.classList.add('active'), e.classList.remove('active')) : (d.classList.remove('active'), e.classList.add('active'));
        f.classList.toggle('basicTopicView');
    },
    vopenclose: function () {
        var a = '<div class="topicChangeIcons"><a id="topicChangeRegular" onclick=" my_setcookie(\'topicChangeBasic\', 1);os.topicChange();" title="Vista Completa"><img src="' + os.open_img + '"></a><a id="topicChangeBasic" onclick=" my_setcookie(\'topicChangeBasic\', 0);os.topicChange();" title="Vista Basica"><img src="' + os.close_img + '"></a></div>',
            b = document.getElementsByClassName('post'),
            d = document.getElementById('topicChangeBasic'),
            e = document.getElementById('topicChangeRegular'),
            f = '<style>'+os.style+'</style>';
        b[0].insertAdjacentHTML('afterbegin', a);
        document.head.insertAdjacentHTML('beforeend', f);
        os.topicChange();
    }
}
$(function () {
    /\/t\d+/g.test(window.location.pathname) && os.vopenclose()
});
Chalo
avatar

¿Que estoy pensando? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6715


Puntos :

8782


Me gusta :

1010


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

Re: [beta] Simplificar la vista de los post 
el Jue Oct 13, 2016 1:13 pm
Jajaja, muym¿ bueno el codigo Chalo, muy bueno..
mrsrz
avatar

¿Que estoy pensando? :

... [table class=fecha_up][td]Se modifico:25/11/16 - 19:20 hrs.[/td][/table]


Banner en temas :

http://profilerehab.com/facebook_covers/musical/cool_guitar_cover_9.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

424


Puntos :

596


Me gusta :

62


ingreso :

23/12/2014


Sexo :

Masculino

Plataforma :

PunBB


Navegador :

Chrome


Ver perfil de usuario http://musicinstant.host-es.com/

Volver arriba Ir abajo

Re: [beta] Simplificar la vista de los post 
el Jue Oct 13, 2016 5:33 pm
debo de comentar si o si...
J.sanchez
avatar

¿Que estoy pensando? :

El principio del fin más cerca que del fin del principio. [table class=fecha_up][td]Se modifico:12/10/16 - 18:41 hrs.[/td][/table]


Banner en temas :

http://i65.tinypic.com/dhg22e.png


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

32


Puntos :

36


Me gusta :

4


ingreso :

25/04/2016


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://Forocomercios.foroactivo.com

Volver arriba Ir abajo

Re: [beta] Simplificar la vista de los post 
el Jue Oct 13, 2016 5:42 pm
No entendí cómo funciona... :S
YoshiGM
avatar

¿Que estoy pensando? :

Aquí Sigo .w. [table class=fecha_up][td]Se modifico:12/07/18 - 17:29 hrs. [/td][/table]


Banner en temas :

https://i.servimg.com/u/f19/13/45/80/80/banner10.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #555


Mensajes :

1129


Puntos :

1503


Me gusta :

214


ingreso :

17/12/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://www.yoshifansclub.net

Volver arriba Ir abajo

[beta] Simplificar la vista de los post 
el Jue Oct 13, 2016 6:09 pm
staff
@YoshiGM

deje video y foro con el code
Chalo
avatar

¿Que estoy pensando? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6715


Puntos :

8782


Me gusta :

1010


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

Re: [beta] Simplificar la vista de los post 
el Vie Oct 14, 2016 12:42 pm
Ahhh.. Acomoda el perfil para que sea más comodo la lectura..
Buena astucia doc
YoshiGM
avatar

¿Que estoy pensando? :

Aquí Sigo .w. [table class=fecha_up][td]Se modifico:12/07/18 - 17:29 hrs. [/td][/table]


Banner en temas :

https://i.servimg.com/u/f19/13/45/80/80/banner10.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #555


Mensajes :

1129


Puntos :

1503


Me gusta :

214


ingreso :

17/12/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://www.yoshifansclub.net

Volver arriba Ir abajo

Re: [beta] Simplificar la vista de los post 
el Vie Ene 26, 2018 2:49 pm
Ça n'a pas marché
hamesashek
avatar

¿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://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

Se actualizó el color de los títulos


Sombra titulo :

1px 1px 1px #fff


Mensajes :

23


Puntos :

28


Me gusta :

3


ingreso :

20/05/2017


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

 En la misma categoria


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