ConectarseRegistrarse
0

Temas

Monedas

Likes

0
Debes de estar Registrado y comentar para ver el enlace de descarga
Pulsa en Me Gusta para desbloquear contenidos ocultos y Agradecer por este aporte
Logros y Medallas obtenidos por

Temas Similares


Respuestas

avatar
Administrador
Administrador

Dalton
avatarDalton
Administrador
Ver perfil de usuario http://www.othispano.net
el Sáb 01 Dic 2012, 1:46 pm

Definición: Este tutorial te enseñará a hacer que cuando alguien postea un link largo, se reduzca automáticamente, de tal forma que si tenemos este enlace:

Ejemplo ( Largo ):
Código:
1. https://www.google.com/search?q=vie+OR+mort+OR+france+OR+usa+OR+god+OR+world+OR+code+OR+email&oq=vie+OR+mort+OR+france+OR+usa+OR+god+OR+world+OR+code+OR+email&sugexp=chrome,mod=4&sourceid=chrome&ie=UTF-8#hl=en&sclient=psy-ab&q=vie+OR+mort+OR+france+OR+usa+OR+god+OR+world+OR+code+OR+email+OR+yeah&oq=vie+OR+mort+OR+france+OR+usa+OR+god+OR+world+OR+code+OR+email+OR+yeah&gs_l=serp.3...1750.3265.0.3417.8.4.0.0.0.0.1018.1989.4-1j1j0j1.3.0.les%3B..0.0...1c.1.Tn1r0r3hGgI&pbx=1&bav=on.2,or.r_gc.r_pw.r_cp.r_qf.&fp=2a088

Ejemplo ( Corto ):
Quedaria asi:
Código:
https://www.google.com/search?q=vie+OR+…24&bih=538

Hay dos formas de conseguir esto.

1ª- Mediante un CSS:
Código:

        .postbody a {
          display: inline-block;
          max-width: 300px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
        }

display: inline-block; => permite cambiar la forma de mostrarse
* max-width: 300px; => longitud maxima
* overflow: hidden; => oculta aquella parte que sobrepasa el maximo permitido
* white-space: nowrap; => especifica que no se corte el enlace en caso de que sea muy largo y no salga en dos líneas
* text-overflow: ellipsis; => si el texto es demasiado largo, sustituye la ultima parte por puntos suspensivos

2ª- Mediante un código JavaScript
Código:

        $(function() {
          $(".postbody a").each(function() {
          1 == this.childNodes.length && 3 == this.childNodes[0].nodeType && this.href == this.childNodes[0].nodeValue && 55 < this.childNodes[0].nodeValue.length && (this.childNodes[0].nodeValue = this.childNodes[0].nodeValue.substr(0, 39) + "…" + this.childNodes[0].nodeValue.substr(-10))
          })
        });

55 => longitud que debe sobrepasar para ser sustituido por puntos suspensivos.
39 => numero de caracteres a poner antes del inicio y antes de los puntos suspensivos
10 => numero de caracteres a partir del fin después de los puntos suspensivos

Por supuesto, los puntos suspensivos pueden ser sustituidos por lo que tú quieras, por ejemplo [ ]

Creditos
ForoActivo.



Invitado para evitar problemas, lee las siguientes normas:
Normas Generales 15-Tronos en 15-tronos | Diseñamos Tu Foro
avatar
Donador
Donador

Ch@lo Valdez
Ver perfil de usuario http://www.adictosalgear.net
el Miér 31 Jul 2013, 11:23 pm

gracias

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

 
Copyright © 2010 - 15-Tronos.net. All Rights Reserved.