![\"dm_logo.png\"](\"http:\/\/www.guachiman.net\/blog\/wp-content\/uploads\/2007\/12\/dm_logo.png\"){kind=logo}
<\/p>\n<\/p>\n
DocMan es un componente para manejar y distribuir archivos hecho por JoomlaTools.org<\/a>. Yo lo uso en VenExpats, en la secci\u00f3n de Desgargas<\/a>, para distribuir los fondos de pantalla (wallpapers) y logos.<\/p>\n 1. Traducci\u00f3n al Espa\u00f1ol<\/span> <\/span><\/strong><\/p>\n Para lograr su completa integraci\u00f3n con VenExpats, particip\u00e9 en la traducci\u00f3n al espa\u00f1ol de la \u00faltima versi\u00f3n (1.4.0 stable). Por favor descarguen el siguiente archivo:<\/p>\n spanish_docman_v1.4.0_STABLE<\/a><\/strong><\/strong> <\/strong><\/strong>(actualizado: 02\/28\/2009)<\/p>\n 2. Hack para visualizar thumbnails en vez de \u00edconos.<\/span><\/span><\/strong><\/p>\n Normalmente los \u00edconos de los documentos de Docman se usan para describir el tipo de archivo (PNG, GIF, ZIP, etc), pero DocMan te d\u00e1 la opci\u00f3n de usar tu propia imagen, por lo que se me ocurri\u00f3 utilizar la imagen del “\u00edcono” como el “thumbnail” del wallpaper.<\/p>\n Ejemplo del default theme:<\/p>\n Listado de Categor\u00edas: <\/span><\/p>\n Listado de Archivos:<\/p>\n Lo primero que hice fu\u00e9 instalar el theme de MjazTools<\/a>, llamado “Blog Theme” que es como un camale\u00f3n, ya que se adapta al tema central de mi instalaci\u00f3n de Joomla.<\/p>\n Luego, busqu\u00e9 el c\u00f3digo que inserta la imagen en el listado de las categor\u00edas, que se encuentra en el archivo list_item.tpl.php en el directorio components\\com_docman\\themes\\mjaztools_blogtheme\\templates\\categories\\ (cuando no se usa el set de \u00edconos), en este caso fu\u00e9 esta secci\u00f3n:<\/p>\n Como ven, usa la variable archivo: list_item.tpl.php, en el directorio components\\com_docman\\themes\\mjaztools_blogtheme\\templates\\documents\\<\/p>\n ubicar la siguiente secci\u00f3n de c\u00f3digo: El resultado? Thumbnails no distorsionados de las fotos en el listado de los archivos!<\/p>\n Listado de Categorias:<\/p>\n Listado de Archivos:<\/p>\n 3. M\u00f3dulo Popular Thumbs<\/span><\/span><\/strong><\/p>\n Ya que mis archivos son im\u00e1genes, me pareci\u00f3 que usar los m\u00f3dulos de “lister” y “latest downloads” que vienen con el componente no era lo mejor, ya que lo \u00fanico que hacen son listados de los nombres de los archivos, y yo quer\u00eda algo m\u00e1s gr\u00e1fico. Al final hice un m\u00f3dulo que mantiene el formato gr\u00e1fico usado en el directorio, de manera de mantener la coherencia en el site. Al final de cuentas, aunque es un m\u00f3dulo que lo hice espec\u00edficamente para VenExpats, lo hago disponible por si acaso a otras personas le interesan.<\/p>\n Por ejemplo, usando el mod_docman_lister:<\/p>\n \n \n y usando el mod_docman_popular_thumbs, puedes tener un listado vertical:<\/p>\n u horizonal:<\/p>\n estas son todas las opciones de configuraci\u00f3n del m\u00f3dulo:<\/p>\n y finalmente, aqu\u00ed pueden bajarse el archivo seg\u00fan la versi\u00f3n que tengan:<\/p>\n![\"docman_default1.jpg\"](\"http:\/\/www.guachiman.net\/blog\/wp-content\/uploads\/2007\/12\/docman_default1.jpg\")
<\/p>\n![\"docman_default2.jpg\"](\"http:\/\/www.guachiman.net\/blog\/wp-content\/uploads\/2007\/12\/docman_default2.jpg\")
<\/p>\n<td valign=\"top\" width=\"<?php echo $this->theme->conf->doc_image_width;?>\" >
\n<a href=\"<?php echo $item->links->view;?>\">
\n<img src=\"<?php echo $myImage;?>\" alt=\"<?php echo $item->data->name;?>\" align=\"right\" width=\"<?php echo $this->theme->conf->doc_image_width;?>\" height=\"<?php echo $this->theme->conf->doc_image_width;?>\" \/>
\n<\/a>
\n<\/td>
\n<\/code><\/p>\ndoc_image_width<\/code> (que se encuentra en el tema) como valor para el width y el lenght. Lo que hice fu\u00e9 agregar un poco de c\u00f3digo de manera que si el usuario deja en blanco el ancho de la imagen, entonces utiliza el valor que el usuario entra en la configuraci\u00f3n del m\u00f3dulo. O sea, en vez de forzar la imagen a 150×150 (el valor predeterminado del tema), coloca la imagen con el tama\u00f1o que yo necesito. Para lograr esto, hay que agregar el siguiente c\u00f3digo (en la misma secci\u00f3n):
\n
\n<td valign=\"top\" width=\"<?php echo $this->theme->conf->doc_image_width;?>\" >
\n<a href=\"<?php echo $item->links->view;?>\">
\n<img src=\"<?php echo $myImage;?>\" alt=\"<?php echo $item->data->name;?>\" align=\"right\"
\n <?php if ($this->theme->conf->doc_image_width OR $this->theme->conf->doc_image_width != \"\") { ?>
\nwidth=\"<?php echo $this->theme->conf->doc_image_width;?>\" height=\"<?php echo $this->theme->conf->doc_image_width;?>\"
\n<?php } ?><\/span>
\n\/><\/a>
\n<\/td>
\n<\/code>
\nDe igual manera, tuve que cambiar el c\u00f3digo del archivo que maneja el listado de los archivos de la siguiente manera:<\/p>\n
\n
\n<td valign=\"top\" width=\"<?php echo $this->theme->conf->doc_image_width;?>\" >
\n<a href=\"<?php echo $download_url; ?>\">
\n<span <?php echo $myPubApp?>>
\n<img src=\"<?php echo $myImage?>\" alt=\"<?php echo $this->doc->data->dmname;?>\" class=\"mosimage\" style=\"border:none\" align=\"right\" \/>
\n<\/span>
\n<\/a>
\n<\/td>
\n<\/code>
\ny cambiar por el siguiente c\u00f3digo:
\n
\n<td valign=\"top\" width=\"<?php echo $this->theme->conf->doc_image_width;?>\" >
\n<a href=\"<?php echo $download_url; ?>\">
\n<span <?php echo $myPubApp?>>
\n<img src=\"<?php echo $myImage?>\" alt=\"<?php echo $this->doc->data->dmname;?>\" class=\"mosimage\" style=\"border:none\" align=\"right\"
\n <?php if ($this->theme->conf->doc_image_width OR $this->theme->conf->doc_image_width != \"\") { ?>width=\"<?php echo $this->theme->conf->doc_image_width;?>\" height=\"<?php echo $this->theme->conf->doc_image_width;?>\"
\n<?php } ?><\/span>
\n\/>
\n<\/span>
\n<\/a>
\n<\/td><\/code>
\n<\/span><\/strong><\/span><\/p>\n![\"docman_new11.jpg\"](\"http:\/\/www.guachiman.net\/blog\/wp-content\/uploads\/2007\/12\/docman_new11.jpg\")
<\/p>\n![\"docman_new2.jpg\"](\"http:\/\/www.guachiman.net\/blog\/wp-content\/uploads\/2007\/12\/docman_new2.jpg\")
<\/p>\n![\"docman_lister.jpg\"](\"http:\/\/www.guachiman.net\/blog\/wp-content\/uploads\/2007\/12\/docman_lister.jpg\")
<\/p>\n![\"docman_popularthumbs.jpg\"](\"http:\/\/www.guachiman.net\/blog\/wp-content\/uploads\/2007\/12\/docman_popularthumbs.jpg\")
<\/p>\n![\"docman_horizontal1.jpg\"](\"http:\/\/www.guachiman.net\/blog\/wp-content\/uploads\/2007\/12\/docman_horizontal1.jpg\")
<\/p>\n![\"docman_settings.jpg\"](\"http:\/\/www.guachiman.net\/blog\/wp-content\/uploads\/2007\/12\/docman_settings.jpg\")
<\/p>\n![\"Download:](\"http:\/\/www.guachiman.net\/blog\/wp-content\/plugins\/downloadmanager\/images\/drive_go.gif\" "\\"Download:")
Docman_Popular_Thumbs_v1.zip<\/a> (for Docman 1.3)
\n<\/a><\/strong><\/strong><\/p>\n