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 Modos de visualización

  
(#1)
Old  Administrador
">
Administrador
Amnel
40015396116/02/2009OtherCat Lover :3http://i.imgur.com/oNn7E5l.jpg
 
icon1 Reducir la altura de los temas el 27/2/2013, 8:15 am

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  */
.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 .content").each(function () {
      if ($(this).height() >= 350) {
        $(this).after('<p class="thugon"><span class="viewfull">Ver mas...</span><span class="viewhide">Ver mas...</span><span class="fullOff" style="float:right">Desacticar</span><span class="fullOn" style="float:right">Desacticar</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..."



Comentar con facebook:
 
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