Cargando...
Notificaciones Password  Username

Regresar CPortada - Mas que un foro, tu Comunidad.  » Recursos para Forumotion - Foroactivo » PUNBB
Actualizar esta página [MOD] Contraer/mostar en los temas grandes
Nombre de Usuario:
Contraseña:
   

Responder al tema
 
Herramientas [MOD] Contraer/mostar en los temas grandes 2x97uModos de visualización [MOD] Contraer/mostar en los temas grandes 2x97u

[MOD] Contraer/mostar en los temas grandes UFXmlYj[MOD] Contraer/mostar en los temas grandes ZcHKMjL
(#1)
Old  Supervisor
">
Chronos
Supervisor
Chronos
26133504/06/2012PeruMi time is now.https://i.imgur.com/95H8RF7.png
 
[MOD] Contraer/mostar en los temas grandes Empty [MOD] Contraer/mostar en los temas grandes - 2/5/2018, 9:44 am

Contraer/mostar en los temas grandes


Lo que hace este código es reducir el tamaño del post y evitar que la estructura de su comunidad se vea distorsionado o se vea tedioso para los lectores. Por lo cual ayuda muchísimo para cuidar la estructura de su comunidad.

Spoiler:

CSS:



Código:
.baivietdai{overflow:hidden}
.thugon span:hover{cursor:pointer}
.thugon{background-color:#FAFFC7;border:3px double #9ED8FF;clear:both;margin:0;padding:2px 10px}
.viewfull{background:url(//ssl.gstatic.com/ui/v1/zippy/arrow_down.png) no-repeat scroll 3px 7px transparent;padding:0 15px}
.viewhide{background:url(//ssl.gstatic.com/ui/v1/icons/mail/arrow_up.png) no-repeat scroll 3px 7px transparent;padding:0 15px}
.fullOff{background:url(http://i48.servimg.com/u/f48/16/58/89/73/power_10.png) no-repeat scroll 0 2px transparent;margin-top:-2px;padding:2px 5px 2px 20px}
.fullOn{background:url(http://i48.servimg.com/u/f48/16/58/89/73/power_11.png) no-repeat scroll 0 2px transparent;margin-top:-2px;padding:2px 5px 2px 20px}


JavaScript:


Código:
$(function() {
    $(".postbody .post-entry").each(function() {
        600 <= $(this).height() && $(this).addClass("baivietdai").height(310).after('<p class="thugon"><span><span class="viewfull">Details</span><span class="viewhide" style="display:none">Collapse</span></span><span><span class="fullOff" style="float:right">Off collapse</span><span class="fullOn" style="float:right;display:none">Turn collapse</span></span></p>')
    });
    "100%" == my_getcookie("thugonbaiviet") && ($(".fullOn, .viewhide,.fullOff, .viewfull").toggle(), $(".baivietdai").height("100%"));
    $(".viewfull, .viewhide, .fullOff, .fullOn").click(function() {
        var c = "100%",
            a = $(this),
            b = a.attr("class");
        if ("viewhide" == b || "fullOn" == b) c = 310;
        "fullOff" == b || "fullOn" == b ? (my_setcookie("thugonbaiviet", c, !0), $(".fullOff, .fullOn").toggle()) : (a.closest(".thugon").prev().height(c), $(window).scrollTop(a.closest(".post").offset().top));
        a.hide().siblings().show()
    })
});

Comentar con facebook:
[MOD] Contraer/mostar en los temas grandes Imagen11
 » Temas similares en otros foros
» Selector de temas
» Reducir la altura de los temas
» Reducir la altura de los temas
» [MOD] Temas de la misma categoría
» [JS] Sistema de etiqueta (TAG) en los temas
 
Permisos de este foro:
No puedes responder a temas en este foro.

 Los Códigos BB están Activado
 Los Emoticonos están Activado
 Código [IMG] está Activado
 Código HTML está Activado