Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje07-03-2009, 16:20 (UTC)    
Título del mensaje: problemas con textos largos

Buen dia, queria saber si hay alguna manera de hacer que aparezca solo el titulo del texto o titulo y unos pocos renglones de texto y luego poner un link que diga LEER MAS, o MAS INFORMACION y y la gente haga clik y se extienda el texto completo, hay alguna manera de poder hacerlo??
Mensaje07-03-2009, 16:30 (UTC)    
Título del mensaje:

Hola,

mira utiliza este código

Código:
<div style="text-align: left;">
<a href="javascript:void(0);" onclick="expandcollapse('LINK')">TEXTO VISIBLE LEER MAS</a> </div>
<div id="LINK" class="texthidden">
ENTRE ESTAS ETIQUETAS DIV COLOCAR TODO  LO QUE PERMANECERÁ OCULTO.
</div>


Saludos
______________

Plantillas | CSS | HTML | Normas del foro | Contacto | Tutoriales
Mail de ayuda: contacto@radioflash.com

Mensaje07-03-2009, 17:02 (UTC)    
Título del mensaje:

Aquí tienes más opciones de spoiler:
http://www.paginawebgratis.es/forum/viewtopic.php?t=23802

Salu2!
Mensaje07-03-2009, 20:08 (UTC)    
Título del mensaje:

tokarg escribió:
Aquí tienes más opciones de spoiler:
http://www.paginawebgratis.es/forum/viewtopic.php?t=23802

Salu2!



ok, el problema que tengo ahora es que no le puedo poner color al texto, osea le puedo poner color, pero el boton LLER MAS ya deja de funcionar que es lo que hago mal, o acaso no se puede poner color.
Mensaje07-03-2009, 20:34 (UTC)    
Título del mensaje:

Utiliza este Codigo:

En texto por encima de la página:


Código:
<script>
function cambiarDisplay(id) {
if (!document.getElementById) return false;
fila = document.getElementById(id);
if (fila.style.display != "none") {
fila.style.display = "none";
} else {
fila.style.display = "";
}
}
</script>


Donde quieras el link de LEER MÁS:

Cita:
<a href="javascript:void(0);" id="B01" onClick="cambiarDisplay('A01')">Leer más</a>
<span id="A01" style="display:none;">
<br>
<font color="#NUMERO DE COLOR">ACA EL TEXTO</font>
</span>


Cada vez que quieras agregar otro código, aumenta el "01" por "02".

Ejemplo:


Aqui para un segundo "leer más":

Cita:
<a href="javascript:void(0);" id="B02" onClick="cambiarDisplay('A02')">Leer más</a>
<span id="A02" style="display:none;">
<br>
<font color="#NUMERO DE COLOR">ACA EL TEXTO</font>
</span>



Numero de Colores:

Rojo e50606

Azul 1d17cf

Verde 29a603

Amarillo f4e725

Negro 000000

Blanco ffffff
Mensaje07-03-2009, 21:28 (UTC)    
Título del mensaje:

Una opción más sencilla es que le des formato al texto del spoiler en una página en blanco de "Controlar páginas" una vez diseñado esto presionas "Fuente HTML" y copias los códigos que aparece, para luego reemplazarlos en el código del spoiler

Salu2!
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group