[GUÍA] Barra lateral

Hola! Aunque tengo pendiente todavía un par de guías que me han pedido, he decidido hacer una sobre como crear una barra lateral desde cero, utilizando unicamente Samurize 1.64, el PluginPack10 y un sólo icono (que tampoco era necesario). Lo ideal es utilizar los valores de la imagen, así me ahorro escribirlos xD.

Primero abrimos el Config Editor:
http://img224.imageshack.us/img224/8...6353yl8.th.png

A continuación, añadiremos un rectángulo pinchando en "Add background object" y seleccionando "Add rectangle":
http://img329.imageshack.us/img329/3...1920qz0.th.png

Ya tenemos el fondo de la barra. Ahora haremos lo mismo pero con una elipse:
http://img207.imageshack.us/img207/8...5360qt0.th.png

Esta elipse la utilizaremos para crear un reloj analógico. A continuación añadiremos un "Date/time", para ir creando la aguja de las horas. Su tamaño será de 80x80 en las coordenadas (35,35), siendo un medidor de tipo analógico (analog):
http://img135.imageshack.us/img135/5...1960or9.th.png

Este paso lo repetiremos con la aguja de los minutos y segundos, siendo estas de un tamaño mayor. Los parámetro serán %m y %s:
http://img149.imageshack.us/img149/8...9744wr5.th.png

Para mejorar el resultado, añadiremos otro medidor de este tipo, pero con el valor "d", para coger el día. Este medidor será de tipo "pie", y el valor máximo que debemos poner será 1. ¿Por que hago esto? Por que así siempre será una esfera completa, para tapar la unión de las agujas. Su tamaño será de 10x10 e irá en las coordenadas (70,70):
http://img134.imageshack.us/img134/9...9210df8.th.png

Ahora añadiremos una barras para marcar las horas, sólo las principales (12, 3, 6, 9). Deberemos tener en cuenta el ángulo, pero bueno, este paso es opcional, estético:
http://img134.imageshack.us/img134/8...3865wf5.th.png

Guardamos los progresos y cargamos la configuración, para ver como va quedando:
http://img228.imageshack.us/img228/8...1958ps3.th.png

No está mal para empezar. Ahora comenzaremos a añadir los medidores de rendimiento y demás. Comenzaremos con un "PerfMon", en el que por defecto nos viene seleccionado el uso del procesador:
http://img214.imageshack.us/img214/3...5641vb8.th.png

El tipo de medidor será "pie", con la configuración de la siguiente imagen. Irá en las coordenadas (10,190) con un tamaño de 80x40:
http://img294.imageshack.us/img294/9038/10ht6.th.png

Ahora añadiremos otro medidor con el mismo origen, pero de tipo "progressbar" en las coordenadas (50,190) de 80x10 píxeles. Así conseguiremos el tipo de barra que quería crear:
http://img242.imageshack.us/img242/3043/11gp3.th.png

Y añadiremos un texto de 90x10 en (40,170) para indicar que mide el medidor:
http://img403.imageshack.us/img403/2925/12xy6.th.png

Haremos lo mismo añadiendo medidores para la RAM, eligiendo el porcentaje de memoria utilizada. En esta caso el "pie" tendrá un valor máximo de 20, y la "progressbar" un mínimo de 20. Quedará algo así:
http://img329.imageshack.us/img329/3721/13ic1.th.png

Y repetiremos los pasos, primero seleccionando el medidor adecuado para el espacio en disco. Lo configuraremos para que nos devuelva el porcentaje de espacio utilizado:
http://img300.imageshack.us/img300/3330/14wz6.th.png

Esto es lo que llevamos por ahora en el Config Editor:
http://img337.imageshack.us/img337/9347/15ih8.th.png

Y esto es lo que se ve en el escritorio:
http://img170.imageshack.us/img170/8814/16dt1.th.png

No va mal la cosa. Ahora comenzaremos con la subida/descarga. Los pasos son similares a los anteriores. Si tenemos más de un adaptador de red, deberemos elegir el que deseemos:
http://img213.imageshack.us/img213/8202/17wu0.th.png

Como la subida de mi linea es de 320 Kbps, limitaré el medidor "pie" a 10, y la progressbar a partir de ahí, hasta 40, ya que elegiré convertir el valor en bytes a Kilobytes:
http://img167.imageshack.us/img167/8866/18lo9.th.png

Lo mismo para la descarga, pero en este caso, al ser 3 Mbits, osea, unos 375 Kb/s, limitaré el pie a 75, y la progressbar entre 75 y 375:
http://img134.imageshack.us/img134/6599/19lm0.th.png

Bien, comencemos con las temperaturas. He utilizado MBM5 para medirlas, por lo que deberemos agregar un medidor para obtener los valores del MBM5. El "analog" que utilizaré será de 130x130, con valores entre 20 y 60, comenzando en 150º con un desplazamiento de -120. Será de color verde, e irá cambiando a rojo cuanto mayor sea el valor:
http://img155.imageshack.us/img155/7687/20mz1.th.png

Añadiré también texto, para que la lectura sea más clara, y unas líneas para identificar la temperatura a simple vista:
http://img134.imageshack.us/img134/332/21iv7.th.png

Repetiremos los pasos con la caja y el disco duro, o los sensores que querais:
http://img157.imageshack.us/img157/9499/22fp5.th.png

Ahora vamos a añadir un espectrómetro para el audio, que es una cosa que me gusta mucho :D:
http://img145.imageshack.us/img145/4914/23mh9.th.png

Y también texto para el artista y título. Como puede que este se pase del tamaño de la barra, le añadiremos la opción de desplazamiento (como en Winamp, el texto va rotando):
http://img145.imageshack.us/img145/9316/25uv2.th.png

La configuración del medidor de texto será la siguiente:
http://img371.imageshack.us/img371/7923/26sw6.th.png

Ahora configuraremos el espectrómetro, para ello elegiremos "Visualization plugin" en tipo de display, y lo configuraremos así, mismamente:
http://img172.imageshack.us/img172/732/27yt0.th.png

Como necesitamos bastantes fps en el espectrómetro, pero no queremos que nuestros medidores se vuelvan locos, los configuraremos para que se actualicen una vez por segundo:
http://img149.imageshack.us/img149/9671/28om4.th.png

Mientras que en las opciones de la configuración le pondremos que se actualice cada 50ms, osea, 20 fps:
http://img149.imageshack.us/img149/4517/29ch8.th.png

Y este será el resultado final:
http://img455.imageshack.us/img455/8033/30vu5.th.png

No ha quedado mal, pero sería mejor que se pudiera ocultar, ¿no?. Para ello utilizaremos un plugin llamado "ConfigSlider". Primero añadiremos texto, que configuraremos para que nos muestre una imagen. Esta imagen será el único icono de la configuración. Una vez insertada (recomiendo 16x16px, posición (150,0)), iremos a "Input" y marcaremos "Allow input controls" y le daremos a "Add":
http://img243.imageshack.us/img243/5893/31ge0.th.png

Escogeremos el plugin "ConfigSlider" y la acción elegida será el Left Mouse Click (click izquierdo), pinchando a continuación en "Configure PlugIn":
http://img263.imageshack.us/img263/259/32ue0.th.png

Aceptamos, y ahora vamos a ver que pasa si cargamos la configuración y pinchamos en el icono:
http://img170.imageshack.us/img170/4849/33wh5.th.png

Perfecto, se esconde. Como hemos marcado la opción "Reverse direction on next click", al volver a hacer click, la barra volverá a su posición inicial. Así podremos mostrarla u ocultarla cuando queramos. También podríamos haber añadido un medidor todo a lo largo de la barra, de unos 10px de ancho, en la posición (150,0). Si escogiésemos la función del raton "On Mouse Over" y configurásemos el desplazamiento en 150px, colocando la barra en la posición (-150,0), al cargar la configuración no se vería nada. En cuanto el cursor del ratón estubiese a menos de 10px del borde de la pantalla, entraría en acción el medidor, desplazando la configuración y dejándola a la vista. Si a esto le añadimos el "On Mouse Leave", y -150px de desplazamiento, cuando el cursor saliera de la barra, esta se volvería a ocultar.

Bueno, espero que os haya gustado, como veis me ha llevado una hora y media, sacando screens y tal (paré entre las 1:30 y las 2:30), así que no se puede decir que sea algo que lleve mucho tiempo realizar. A ver si se anima la gente a realizar DeskMods, que está muy parado el subforo :D y es algo barato y para nada peligroso.

Un saludo, espero opiniones ;)

PD: Si alguien quiere la barra esta, cuelgo la configuración exportada.
Otro saludo

Increible guia, buen aporte.

Gracias :D aunque lo cierto es que quedó un poco "larga" xD

Un saludo

Archivo .sam

Aquí os dejo el archivo de configuración. Al importarlo debereis elegir el adaptador de red que deseais utilizar (os lo pedirá 4 veces).

La configuración es para el ADSL de 3 MB de Telefónica (320/3000), si quereis hacer cambios debereis editar los 4 medidores de subida/descarga.

El primero (curva_subida) tiene como mínimo 0 y máximo 10 (hablamos de KB/s), yo lo pondría a un 25% de la línea (320 de subida -> 40KB/s -> 10; si tienes 600 de subida -> 75 KB/s -> aprox 20). El segundo (barra_subida) deberá tener como mínimo el máximo de curva_subida, y como máximo el tope de la línea (en mi caso, mínimo 10, máximo 40; con 600, mínimo 20, máximo 75).

Para la descarga (curva_descarga y barra_descarga) es el mismo procedimiento.

Cualquier duda podeis consultármela por aquí, así podemos evitar que se repita.

Un saludo