Tutorial para la creación de Skins

[ Índice de elemento ] - [ Manifiesto ] - [ Compatibilidad RTL(Derecha A Izquierda) ] - [ Creando skins para el Remoto ] - [ Distribuyendo Skins ]

Creando Skins para Shareaza

Crear skins para Shareaza es fácil. Puedes hacer skins tan sencillos o complejos como quieras. Estas páginas proveen un simple tutorial y une referencia detallada de las capacidades de Shareaza para ser skineado.  Con este tutorial serás capaz de hacer:

  • Skins visuales - Cambia la apariencia y/o customiza los botones/interfaz del programa.
  • Skins de idiomas - Traduce textos en diferentes idiomas

Iniciando

Este tutorial va en partes. ¡Una buena manera para empezar es ir elemento-por-elemento y construir tu propio skin!

  • Los skins son almacenados en la carpeta de C:\Archivos de programa\Shareaza\Skins.
  • Cada skin tiene su propia carpeta, como C:\Archivos de programa\Shareaza\Skins\MiSkin.
  • Cada carpeta contiene el archivo principal del skin y archivos de soporte, como imágenes o iconos.

Every skin has a skin definition file, which is in XML format. XML is an easy to read text format not unlike HTML, but for more general purpose use. It is recommended, but not required, that a text editor with XML syntax highlighting be used. Examples are Notepad++ or EmEditor. The skin definition file tells Shareaza about the skin -- things like who created it, which parts of the interface to change, and how to change them.

Un ejemplo muy sencillo de un skin, llamado MiSimpleSkin.xml:

<?xml version="1.0" encoding="UTF-8"?>
<skin xmlns="http://www.shareaza.com/schemas/Skin.xsd" version="1.0">
<manifest name="My Simple Skin" author="Me" type="Skin"/>
<watermarks>
<watermark target="CCoolMenuBar" path="MyWatermark.bmp"/>
</watermarks>
</skin>

Este skin especifica el nombre y el autor, y agrega una imágen de marca de agua en la barra principal de menús. ¡Fácil! Skins son tan simples como eso: puedes cambiar tanto como quieras o lo poco que quieras.

Nota: Las primeras dos líneas de este ejmplo siempre deben ser usadas sin modificarlas. Las etiquetas xmlns y version son importantes, y no deben de ser editadas para nada. Esta es la versión del systema de skinning, no la versión del skin.

El elemento Manifest

El ejemplo de arriba incluye un elemento <manifest>, que especifica el nombre del skin.   Es importante incluir información sobre tu skin para que otros puedan identificarlo y buscarlo. Aquí está la referencia completa del elemento <manifest>:

<manifest
name="El nombre del skin"
author="La persona u organización que lo creó"
updatedBy="La persona que actualizó el skin"
description="Una larga descripción del skin, si se desea."
link="http://un.sitio.para.el.skin.com/si/se/desea"
email="un@correo.electronico.de.ejemplo.com"
version="1.5"
type="Skin"
dir="ltr"
/>

Todos los atributos con excepción de name son opcionales:

  • name - El nombre del skin.
  • author - La persona que creó el skin
  • updatedBy - La persona que actualizó/mejoró el skin
  • description - Una larga descripción del skin.
  • link - Una dirección URL a visitar para más información.
  • email - Una dirección de correo electrónico opcional en caso de querer contactar para más información.
  • version - El número de versión del skin.
  • type - La mayoría de los skins deberían de poner esto a "skin". La excepción es cuando es un skin para traducción, que el valor debería de ser "language".
  • language - Solo incluirlo si el tipo(type) del skin es "language". Especifica el código de lenguaje que provee, por ejemplo: "en", "es"
  • dir - La mayoría de los skins pueden omitir este. Los valores pueden ser: "ltr" para idiomas con texto izquierda-a-derecha, y, "rtl" para idiomas con texto derecha-a-izquierda.

Visual Guide

The visual guide is a collection of screenshots and other visuals demonstrating what parts of the default skin correspond to which IDs.

Default.xml and Definitions.xml show a list of Shareaza's default icons and their corresponding IDs to help in figuring out how to modify a certain icon. The documentation on commandImages should be consulted for the exact syntax for replacing icons.

Elementos del skin

Esta sección enlista todos los diferentes elementos que pueden ser usados en el skin, con enlaces a descripciones más detalladas.

Elemento Descripción Utilizado para
<colourScheme> Specifies the user interface colour scheme used throughout the program. Skinning
<watermarks> Agrega marcas de agua a partes de la interfase. Skinning
<windowSkins> Cambia la aparencia de las ventanas drásticamente. Skinning
<commandImages> Cambia las imágenes mostradas en las barras de herramientas, menús y ventanas. Skinning
<menus> Define los menús del programa Skinning
<toolbars> Define las barras de herramientas en el programa. Skinning
<fonts> Cambia las fuentes utilizadas en la interfase Skinning
<documents> Provides the RichDoc displayed on the Home tab. Skinning
<tipMap> controlTip map. Traducción
<controlTips> Changes the text displayed in tooltips for various dialogs. Traducción
<dialogs> Cambia el texto mostrado en los diálogos. Traducción
<commandTips> Cambia el texto mostrado en los consejos y los mensajes de ayuda de comandos. Traducción
<strings> Cambia el texto mostrado en todos los otros mensajes. Traducción
<listColumns> Cambia el texto mostrado en modos de lista Traducción

Añadiendo compatibilidad RTL (Right-to-Left, Derecha-a-Izquierda)

Para que la gente de cualquier parte del mundo pueda disfrutar de tu skin debes de verificar que es compatible con RTL (Right-to-Left). Esto es para que tus skins puedan funcionar con idiomas cuya manera de escribir es de derecha a izquierda, como el Hebreo y el Árabe.

Skinning de el Remoto

Una vez que aprendiste los elementos para skinning de Shareaza, intenta skinnear el remoto!


Distribuyendo tus skins

Una vez que creaste un buen skin, no tiene sentido de mantenerlo para ti mismo, ¿verdad? Distribuir Shareaza skins es fácil, pero hay alguna cosas que hay que mencionar.

  • Asegúrate de que el skin esté listo para distribuirlo.
    Pruébalo para verificar que funcione sin resultados extraños.  Si es posible pruébalo en diferentes computadoras.

  • Asegúrate que todo es nada mas lo necesario y que sea lo más pequeño posible.
    Si creaste imágenes, conviértelas a mapas de bits de 8-bits, 256 colores.

  • Verifica tu elemento "manifiesto"
    Este debe de especificar un nombre para el skin, el tipo del skin, e información que pienses que es relevante.

La mejor manera de empaquetar y distribuir un skin para Shareaza es comprimir todos los archivos en ZIP, y usar el instalador de skins de Shareaza, que viene incluido.

Para hacer esto:
  • Comprime en ZIP la carpeta del skin.
  • Cambia el nombre de tu archivo .ZIP a .SKS

Los skins de Shareaza (.sks) son automáticamente descomprimidos e instalados en la carpeta correcta cuando son abiertos por el usuario.

Shareaza skin library - Finally, be sure to submit your skin here, and share it on Shareaza! Sharing skins on Shareaza is very important, as it will allow everyone to download them faster. After all, that's what we're about!

Obteniendo ayuda

Need help with skinning? Want to talk to others about it, or make an announcement about your new skin? If so, visit the: Skinning Forum


  • en
  • es
  • fr
  • de
  • hr
  • it
  • lt
  • nl
  • nb
  • pl
  • pt
  • sl
  • tr
  • el
  • he
  • ja
  • zh-tw
  • en
  • ca
  • fa
  • ru
Mucha gente contribuye con su tiempo y dedicación a Shareaza. Por favor visita la página de reconocimientos.
Visit Shareaza's Project Page at SourceForge.net
< Inicio de Página | Contáctanos >