Foros del Web » Creando para Internet » CSS »

Indice alfabético de etiquetas expandibles

Estas en el tema de Indice alfabético de etiquetas expandibles en el foro de CSS en Foros del Web. a partir de esta página http://toolboxnet.blogspot.com/2009/11/indice-alfabetico-expandible-de.html he creado un índice alfabético de etiquetas expandibles para mi blog http://afasiaarq.blogspot.com/ ¿alguien sabe cómo puedo modicar el estilo ...
  #1 (permalink)  
Antiguo 31/12/2009, 05:25
 
Fecha de Ingreso: diciembre-2009
Mensajes: 5
Antigüedad: 8 años
Puntos: 0
Indice alfabético de etiquetas expandibles

a partir de esta página
http://toolboxnet.blogspot.com/2009/11/indice-alfabetico-expandible-de.html

he creado un índice alfabético de etiquetas expandibles



para mi blog
http://afasiaarq.blogspot.com/


¿alguien sabe cómo puedo modicar el estilo del texto del índice? yo soy un completo analfabeto en css.


éste es el código del widget de mi css:

Código:
<b:widget id='Label2' locked='false' title='' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<!-- INICIO -->
<script type='text/javascript'>

// definición de las variables utilizadas
var elBlog ="<data:blog.homepageUrl/>"; // la URL del blog
var listaEtiquetas = new Array(); // el array que contendrá las etiquetas
var listaEtiquetasNum=0; // contador auxiliar
var laSeccion = ""; // guarda los nombres de las categorías
var elEnlace =""; // el enlace a cada subcategoría

// usamos los datos de Blogger para recopilar todas las etiquetas del blog
<b:loop values='data:labels' var='label'>
// leemos el nombre de cada una de las etiquetas
var elNombre = "<data:label.name/>";
// lo guardamos en el array
listaEtiquetas[listaEtiquetasNum] = elNombre;
listaEtiquetasNum ++; // incrementamos el contador
</b:loop>

// función auxiliar para expandir y contraer las secciones
function linkLista(cual) {
var idListaUL = document.getElementById(cual);
if(idListaUL.style.display == 'none') {
idListaUL.style.display = 'block';
}else{
idListaUL.style.display = 'none';
}
return false;
}

</script>

<script type='text/javascript'>
//<![CDATA[

// leemos todas las etiquetas, las separamos en dos partes y procesamos
for (var i = 0; i < listaEtiquetas.length; i++) {
var cual=listaEtiquetas[i]; // leemos la etiqueta completa
var leerSeccion = cual.substr(0,1); // guardamos el nombre de la categoría
var leerItem = cual; // guardamos el nombre de la subcategoría
// si no hay una subategoría, leerItem no tendrá un valor y lo salteamos
if (leerItem!=undefined) {
// sólo mostramos categorías y subcategorías
if (laSeccion != leerSeccion) {
// si todavía no lo hicimos, creamos el enlace de la categoría desplegable
document.write("</ul>"); // por las dudas, cerramos cualquier lista abierta
laSeccion = leerSeccion; // el nombre de la categoría (el continente)
// creamos un enlace con una clase CSS llamada listadoSECCION que servirá para desplegar y contraer la categoría
document.write("<a class=\"listadoSECCION\" title=\"Expandir/Contraer la sección\" href=\"javascript:void(0);\" onclick=\"return linkLista('" + laSeccion + "');\">" + laSeccion + "</a> ");
// iniciamos el bloque oculto con la lista de subcategorías a las que le establecemos una clase CSS llamada listadoBloqueITEMS
document.write("<ul class=\"listadoBloqueITEMS\" id=\"" + laSeccion + "\" style=\"display:none;\">");
}
// determinamos la URL de cada enlace
elEnlace = elBlog + "search/label/" + leerItem
// escribimos cada item de la lista con una clase CSS llamada listadoITEM
document.write("<span class=\"listadoITEM\"><a href=\""+ elEnlace + "\">" + leerItem + "</a></span> ");
}
}
//]]>
</script>
<!-- FIN -->
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
gracias!!!

Última edición por afasia; 31/12/2009 a las 05:34
  #2 (permalink)  
Antiguo 31/12/2009, 07:02
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Respuesta: Indice alfabético de etiquetas expandibles

Pues re recomiendo que te mires css, por que con simplemente definir una clase y aplicarsela al texto o al párrafo se arregla
__________________
No diseñes usando tablas.
  #3 (permalink)  
Antiguo 31/12/2009, 08:02
Avatar de AhmedRugama  
Fecha de Ingreso: diciembre-2008
Ubicación: Nicaragua
Mensajes: 160
Antigüedad: 9 años
Puntos: 6
De acuerdo Respuesta: Indice alfabético de etiquetas expandibles

Hola, te recomiendo que aprendas CSS ya que igual te puede ser util en un futuro, aqui estamos para aclarar dudas, no para asesorar de la manera en la que vos necesitas.

Te recomendaria algun libro pero no recuerdo ninguno ahorita pero te puedo decir que los de sitepoint son buenos y estan actualizados pero son en ingles

Aqui podes bajarte algun libro:
http://daleya.com/?query=css+libro&daleyaid

  #4 (permalink)  
Antiguo 31/12/2009, 08:15
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Respuesta: Indice alfabético de etiquetas expandibles

Yo te recomiendo los de www.librosweb.es
__________________
No diseñes usando tablas.
  #5 (permalink)  
Antiguo 31/12/2009, 09:15
 
Fecha de Ingreso: diciembre-2009
Mensajes: 5
Antigüedad: 8 años
Puntos: 0
Respuesta: Indice alfabético de etiquetas expandibles

está visto que queréis hacer de mí una persona culta.

no tengo ni idea de CSS ni de ningún otro lenguaje de programación pero gracias por las recomendaciones.

si es fácil de modificar el estilo y cualquier otro tiene una sugerencia sobre cómo arreglarlo, recibiré encantado la sugerencia.

saludos :)
  #6 (permalink)  
Antiguo 31/12/2009, 11:57
Avatar de Willy_N  
Fecha de Ingreso: diciembre-2009
Ubicación: Cádiz
Mensajes: 334
Antigüedad: 8 años
Puntos: 18
Respuesta: Indice alfabético de etiquetas expandibles

En cuanto lees un poco sobre css sabrás arreglarlo tu mismo ya que es de las primeras cositas que se aprende.

O sea, a convertirte en una persona culta, te servirá de mucho más de lo que te imaginas.
  #7 (permalink)  
Antiguo 31/12/2009, 12:51
 
Fecha de Ingreso: diciembre-2009
Mensajes: 5
Antigüedad: 8 años
Puntos: 0
Respuesta: Indice alfabético de etiquetas expandibles

creo que pensáis que de entre las líneas de arriba soy capaz de adivinar dónde está el texto al que tengo que indicarle las propiedades... lo que evidentemente no es cierto.

miraré los libros que comentáis a ver si saco algo en claro.

gracias.
  #8 (permalink)  
Antiguo 31/12/2009, 13:04
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.968
Antigüedad: 9 años, 9 meses
Puntos: 1314
Respuesta: Indice alfabético de etiquetas expandibles

Si lees un poco los comentarios del javascript te dice que se está utilizando una lista y que los enlaces de los items tienen una clase: listadoITEM Lo demás será agregarle los estilos con CSS a esa clase.

Saludos
__________________
Grupo Telegram Docker en Español
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:48.