Cargando...
Notificaciones Password  Username

Regresar CPortada - Mas que un foro, tu Comunidad.  » Recursos para Forumotion - Foroactivo » Scripts
Actualizar esta página Reducir la altura de los temas
Nombre de Usuario:
Contraseña:
   

Responder al tema
 
Herramientas Reducir la altura de los temas 2x97uModos de visualización Reducir la altura de los temas 2x97u

Reducir la altura de los temas UFXmlYjReducir la altura de los temas ZcHKMjL
(#1)
Old  Fenix Rojo
">
Amnel
Fenix Rojo
Amnel
43316386116/02/2009OtherCat Lover :3https://i.imgur.com/oNn7E5l.jpg
 
 https://www.facebook.com/cportada https://twitter.com/cportada
icon1 Reducir la altura de los temas - el 26/2/2013, 12:01 pm

Reportaje:
Establecer una altura maxium de 350px para los puestos.
Efecto de deslizamiento suave.
Activar / desactivar la opción.

Instrucción:

Visualizar Imágenes y colores Hojas de estilo CSS Colors:

Código:
/* Reduce the height of topic starter's post - en.FMvi.org */
.baivietdai{overflow:hidden}
.thugon span:hover{text-shadow:1px 1px 1px #000;cursor:pointer}
.thugon{background-color:#F6FF9D;border:3px double #0668AD;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{display:none;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_11.png) no-repeat scroll 0 2px transparent;margin-top:-2px;padding:2px 5px 2px 20px}
.fullOn{display:none;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}

Módulos HTML & JAVASCRIPT Gestion de códigos Javascript Colocar : En todos los temas

Código:
var CopyrightNotice = 'Copyright © by FmVi. All Rights Reserved. Use, modification, and/or distribution of this script is not allowed without direct permission from Zero(robot_boy2018@yahoo.com). This entire copyright notice must remain in the original, copied, or modified script';
$(function () {
    $(".postbody .post-entry").each(function () {
        if ($(this).height() >= 350) {
            $(this).after('<p class="thugon"><span class="viewfull">Xem toàn bộ</span><span class="viewhide">Thu gọn</span><span class="fullOff" style="float:right">Tắt chức năng thu gọn</span><span class="fullOn" style="float:right">Bật chức năng thu gọn</span></p>');
            $(this).addClass("baivietdai");
            $(".baivietdai").height(315);
        }
    });
    if (my_getcookie("thugonbaiviet") == "yes") {
        $(".fullOn, .viewhide").show();
        $(".fullOff, .viewfull").hide();
        $(".baivietdai").height("100%");
    }
    $(".viewfull").click(function () {
        $(this).parent().prev().height("100%");
        $(this).hide().next().show();
    });
    $(".viewhide").click(function () {
        $(this).parent().prev().animate({
            height: "315px"
        }, 1000);
        $(this).hide().prev().show();
    });
    $(".fullOff").click(function () {
        my_setcookie("thugonbaiviet", "yes", true);
        $(".baivietdai").height("100%");
        $(".fullOn, .viewhide").show();
        $(".fullOff, .viewfull").hide();
    });
    $(".fullOn").click(function () {
        my_setcookie("thugonbaiviet", "no", true);
        $(".baivietdai").animate({
            height: "315px"
        }, 1000);
        $(".fullOn, .viewhide").hide();
        $(".fullOff, .viewfull").show();
    });
});



"...La vida es corta pero,
El talento y el alma inmortal..."



Reducir la altura de los temas Ubvol

Comentar con facebook:
Reducir la altura de los temas Imagen11
 » Temas similares en otros foros
» ¿Como reducir la altura del background de las categorias?
» [Resuelto] ¿Cómo reducir el tamaño de la letra de "Temas" & "Mensajes"?
» Reducir el tamaño del título de los temas
» Editar la altura de línea del título de los temas
» Temas Globales y Temas Fijos
 
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