svn commit: r1347014 - in /incubator/ooo/ooo-site/trunk/content/es/producto: index.mdtext styles.css

[ar...@apache.org]

Author: arielch
Date: Wed Jun  6 17:58:57 2012
New Revision: 1347014

URL: http://svn.apache.org/viewvc?rev=1347014&view=rev
Log:
Replace table with list and CSS to layout content

Modified:
    incubator/ooo/ooo-site/trunk/content/es/producto/index.mdtext
    incubator/ooo/ooo-site/trunk/content/es/producto/styles.css

Modified: incubator/ooo/ooo-site/trunk/content/es/producto/index.mdtext
URL: http://svn.apache.org/viewvc/incubator/ooo/ooo-site/trunk/content/es/producto/index.mdtext?rev=1347014&r1=1347013&r2=1347014&view=diff
==============================================================================
--- incubator/ooo/ooo-site/trunk/content/es/producto/index.mdtext (original)
+++ incubator/ooo/ooo-site/trunk/content/es/producto/index.mdtext Wed Jun  6 17:58:57 2012
@@ -22,11 +22,21 @@ paquete ofimático gratuito que usted 
 libremente. [Descárguelo](/es/descargar "Descargue Apache OpenOffice") ahora y 
 obtenga:
 
-|| Conozca los programas de Apache OpenOffice |
-|--------------|-----------------|
-| [![Apache OpenOffice Writer](/product/icons/writer.png)](writer.html "Procesador de Texto")        | [Writer](writer.html) un procesador de textos que puede utilizar para todo, desde escribir una breve carta hasta producir un libro completo.|
-| [![Apache OpenOffice Calc](/product/icons/calc.png)](calc.html "Hoja de Cálculo")                  | [Calc](calc.html) una poderosa hoja de cálculo con todas las herramientas necesarias para calcular, analizar y presentar sus datos en informes numéricos o en llamativos gráficos.|
-| [![Apache OpenOffice Impress](/product/icons/impress.png)](impress.html "Presentaciones")          | [Impress](impress.html) el medio más rápido y poderoso de crear efectivas presentaciones multimedia.|
-| [![Apache OpenOffice Draw](/product/icons/draw.png)](draw.html "Dibujos Vectoriales")              | [Draw](draw.html) para generar desde simples diagramas hasta ilustaciones 3D dinámicas.|
-| [![Apache OpenOffice Base](/product/icons/base.png)](base.html "Base de Datos")                    | [Base](base.html) permite la manipulación completa de bases de datos. Crear y modificar tablas, formularios, consultas e informes, todo ello desde OpenOffice.|
-| [![Apache OpenOffice Math](/product/icons/math.png)](math.html "Creador de Funciones Matemáticas") | [Math](math.html) le permite crear ecuaciones matemáticas con una interfaz de usuario o escribiendo las fórmulas directamente en el editor de ecuaciones.|
+![Apache OpenOffice?](/images/AOO_logos/orb.jpg) # {.rfloatimg}
+
+  - [Writer](writer.html) un procesador de textos que puede utilizar para todo, 
+    desde escribir una breve carta hasta producir un libro
+    completo.  # { .product-writer }
+  - [Calc](calc.html) una poderosa hoja de cálculo con todas las herramientas
+    necesarias para calcular, analizar y presentar sus datos en informes
+    numéricos o en llamativos gráficos. # { .product-calc }
+  - [Impress](impress.html) el medio más rápido y poderoso de crear efectivas
+    presentaciones multimedia. # { .product-impress }
+  - [Draw](draw.html) para generar desde simples diagramas hasta ilustaciones
+    3D dinámicas. # { .product-draw }
+  - [Base](base.html) permite la manipulación completa de bases de datos. Crear
+    y modificar tablas, formularios, consultas e informes, todo ello desde
+    OpenOffice. # { .product-base }
+  - [Math](math.html) le permite crear ecuaciones matemáticas con una interfaz
+    de usuario o escribiendo las fórmulas directamente en el editor de 
+    ecuaciones. # { .product-math }

Modified: incubator/ooo/ooo-site/trunk/content/es/producto/styles.css
URL: http://svn.apache.org/viewvc/incubator/ooo/ooo-site/trunk/content/es/producto/styles.css?rev=1347014&r1=1347013&r2=1347014&view=diff
==============================================================================
--- incubator/ooo/ooo-site/trunk/content/es/producto/styles.css (original)
+++ incubator/ooo/ooo-site/trunk/content/es/producto/styles.css Wed Jun  6 17:58:57 2012
@@ -37,3 +37,40 @@ td {
     border-style: hidden;
     vertical-align: middle;
 }
+
+ul {
+    list-style: none;
+    margin: 10px;
+    padding: 10px;
+}
+
+li {
+    background-repeat: no-repeat;
+    background-position: left center;
+    padding: 10px 10px 3px 50px;
+    margin: .4em 0;
+    line-height: 15px;
+}
+li.product-writer {
+    background-image: url(/product/icons/writer.png);
+}
+
+li.product-calc {
+    background-image: url(/product/icons/calc.png);
+}
+
+li.product-impress {
+    background-image: url(/product/icons/impress.png);
+}
+
+li.product-draw {
+    background-image: url(/product/icons/draw.png);
+}
+
+li.product-base {
+    background-image: url(/product/icons/base.png);
+}
+
+li.product-math {
+    background-image: url(/product/icons/math.png);
+}