rails y más cosas http://www.railsymas.com Nuevas Tecnologías Tue, 02 Mar 2010 16:44:56 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 copyright railsymas.com Colección de iconos para redes sociales http://www.railsymas.com/2010/03/02/coleccion-de-iconos-para-redes-sociales/ http://www.railsymas.com/2010/03/02/coleccion-de-iconos-para-redes-sociales/#comments Tue, 02 Mar 2010 15:53:58 +0000 admin http://www.railsymas.com/?p=1375 Sitio con una gran recopilación de iconos cuyo tema principal son las redes sociales

mega-collection-of-the-best-free-social

]]> http://www.railsymas.com/2010/03/02/coleccion-de-iconos-para-redes-sociales/feed/ 0 Herramientas jquery http://www.railsymas.com/2010/02/13/herramientas-jquery/ http://www.railsymas.com/2010/02/13/herramientas-jquery/#comments Sat, 13 Feb 2010 16:25:15 +0000 admin http://www.railsymas.com/?p=1357

Sitio web oficial

jquery tools

En el site oficial tenemos, documentación, ejemplos demo, foros y zona de descarga, para utilizar los diversos plugins

]]> http://www.railsymas.com/2010/02/13/herramientas-jquery/feed/ 0 Galería en jquery monc http://www.railsymas.com/2010/02/12/galeria-en-jquery/ http://www.railsymas.com/2010/02/12/galeria-en-jquery/#comments Fri, 12 Feb 2010 23:31:06 +0000 admin http://www.railsymas.com/?p=1341 Galería para la visualización de imagenes

Enlace al sitio web

galerías en jquery

]]> http://www.railsymas.com/2010/02/12/galeria-en-jquery/feed/ 0 Iconos carpetas estilo madera http://www.railsymas.com/2010/02/12/iconos-carpetas-estilo-madera/ http://www.railsymas.com/2010/02/12/iconos-carpetas-estilo-madera/#comments Fri, 12 Feb 2010 20:00:14 +0000 admin http://www.railsymas.com/?p=1332

Made-Of-Wood

]]> http://www.railsymas.com/2010/02/12/iconos-carpetas-estilo-madera/feed/ 0 Agradables iconos http://www.railsymas.com/2010/02/12/agradables-iconos/ http://www.railsymas.com/2010/02/12/agradables-iconos/#comments Fri, 12 Feb 2010 13:51:40 +0000 admin http://www.railsymas.com/?p=1320 Galería de iconos del diseñador aleman Oliver Twardowski sitio web del autor Oliver Twardowsk




Sitio web para descarga

flavour-icons

Una gran colección de iconos de alta calidad

]]> http://www.railsymas.com/2010/02/12/agradables-iconos/feed/ 0 Iconos para redes sociales http://www.railsymas.com/2010/02/12/iconos-para-redes-sociales/ http://www.railsymas.com/2010/02/12/iconos-para-redes-sociales/#comments Fri, 12 Feb 2010 12:12:21 +0000 admin http://www.railsymas.com/?p=1315 Una galería de iconos para redes sociales, de tamaño 16×16 pixels

simple-bold-social-media-icons

]]> http://www.railsymas.com/2010/02/12/iconos-para-redes-sociales/feed/ 0 Galería de iconos http://www.railsymas.com/2010/02/12/galeria-iconos/ http://www.railsymas.com/2010/02/12/galeria-iconos/#comments Fri, 12 Feb 2010 11:25:37 +0000 admin http://www.railsymas.com/?p=1308 Una galería de iconos de carácter gratuito para acompañar a nuestras aplicaciones

Enlace al sitio oficial

www.woothemes.com

]]> http://www.railsymas.com/2010/02/12/galeria-iconos/feed/ 0 Las etiquetas para menús http://www.railsymas.com/2010/02/10/las-etiquetas-para-menus/ http://www.railsymas.com/2010/02/10/las-etiquetas-para-menus/#comments Wed, 10 Feb 2010 19:12:12 +0000 admin http://www.railsymas.com/?p=1295 La pseudo clase para el tratamiento de enlaces :hover permite capturar el estado de un enlace, se puede utilizar para cambiar el color el tipo de letra, el fondo etc…

La pseudo clase hover también se puede aplicar además de a enlaces a elementos li, de los menús

fragmento de código de un menú

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

 <div id="contenido">
 
   <ul class="menu">
 
     <li class="menu">
 
	   <a href="menu.html">Gentes</a>
	 <ul>
 
	 <li>	  
 
	  	<a href="cultura.html">Cultura</a>
	 </li>
 
	 <li>
 
	   <a href="poblacion.html">Poblaci&oacute;n</a>
 
	 </li>
 
 
 
   </ul>
   </li>

css asociado

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

 ul.menu ul { 
 
    left:122px;
	visibility:hidden;
	position:absolute;
	top:0;
 
	}	
 
 
 
ul.menu li {
 
    position:relative;
	padding:2px;
	}
 
 
ul.menu li:hover { background-color:#996600;
                  } 
 
ul.menu li:hover >ul
 { 
   visibility:visible;
 
 }
]]> http://www.railsymas.com/2010/02/10/las-etiquetas-para-menus/feed/ 0 Etiquetas para definición de alturas http://www.railsymas.com/2010/02/10/etiquetas-para-definicion-de-alturas/ http://www.railsymas.com/2010/02/10/etiquetas-para-definicion-de-alturas/#comments Wed, 10 Feb 2010 17:45:50 +0000 admin http://www.railsymas.com/?p=1290 Las páginas html van evolucionando con el paso del tiempo, y se hace necesario cambiar de navegador para ver los contenidos nuevos.

la definición de una altura en la página web ha sido siempre un quebradero de cabeza para los maquetadores

actualmente mediante css2, estas tareas resulta más facil, si bien no se puede utilizar con ie6, pero actualmente no llega al 10 porciento y windows terminara con el soporte de las versiones viejas 2000 y xp sp1 en este año.

 #capa{ 
      min-height: 300px;
      max-height:500px;
    }

definimos una capa con una altura máxima de 500px y una altura mínima de 300px

]]> http://www.railsymas.com/2010/02/10/etiquetas-para-definicion-de-alturas/feed/ 0 Mostrando listado de datos http://www.railsymas.com/2010/02/09/mostrando-listado-de-datos/ http://www.railsymas.com/2010/02/09/mostrando-listado-de-datos/#comments Tue, 09 Feb 2010 23:36:59 +0000 admin http://www.railsymas.com/?p=1272 Cuando mostramos los datos, recogidos de una bases de datos, puede que el número de items recogidos sea bastante amplio por lo que resultaría bastante engorroso para el usuario ver un listado muy largo.

Se hace necesario dar una respuesta a este problema. para ello utlizamos la paginación

Podemos crear de dos formas distintas, bien a mano o bien utilizando una librería de struts adecuada. Displaytag es un jar que permite la paginación y la exprotación de datos a diferentes formatos.

Para su utilización, necesitamos importar la librería display tag ( http://displaytag.sf.net)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

<%@ page language="java" contentType="text/html; charset=UTF-8"   pageEncoding="UTF-8"%>
<%@taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@taglib uri="http://displaytag.sf.net" prefix="display" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html:html>
<head>
<html:base/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title><bean:message key="displaytag.titulo"/></title>
<link rel="stylesheet" type="text/css" href="../css/estilo.css"/>
</head>
<body>
 
 <div id="contenedor">
 
 <div id="tabla">
 
 <display:table id="libro" name="sessionScope.listadolibros" pagesize="5" requestURI="/mostrarlistadodisplaytag.do">
 
  <display:column property="titulo" title="t&iacute;tulo" sortable="true"/>
  <display:column property="autor" title="autor" sortable="true"/>
  <display:column property="tematica" title="tem&aacute;tica" sortable="true"/>
 
 </display:table>
 
 </div>
 
 <div id="pie">
   <p> www.railsymas.com </p>
 </div>
 
 </div>
 
</body>
</html:html>

necesitamos incorporar el archivo de propiedades, para displaytag,

Los datos que se muestran pueden cambiar, dejar menos es posible

al pasar la página

en la carpeta src se copia el fichero de propiedades en castellano

_es_zona geográfica ejemplo es_AR, es_MX etc ….

el action al que llama la tabla en su atributo uri, configurado en el struts-config.xml

1
2
3

  <action 
         path="/mostrarlistadodisplaytag"         
         forward="/pages/mostrarlistadodisplaytag.jsp"/>
]]> http://www.railsymas.com/2010/02/09/mostrando-listado-de-datos/feed/ 0 copyright railsymas.comadminnonadult