Vote reward system

Bienvenidos a un nuevo tutorial, hoy aprenderemos a instalar una plugin para nuestra página web y nuestro server.
Este plugin se llama "Vote Reward System" y es un fantástico sistema de votos por recompensa.
¿De qué se trata esto?
Este es un sistema creado para que sus usuarios voten a su servidor (El cual debe estar registrado previamente en algun Ranking, como por ejemplo en nuestro sitio www.rankingmu.com)
Al votar, ellos recibirán una recompensa (Por ejemplo, créditos para comprar en el WebShop, niveles, resets, etc).
¿Para qué me sirve esto a mi?



Si queremos recibir votos diarios para que nuestro servidor adquiera mayor popularidad, es necesario que sea votado, todos sabemos que pocos usuarios lo haran por sólo pedirselos, pero si a cambio de eso le ofrecemos una recompensa; la situación cambiará.
Terminada la explicación, lo que utilizaremos para este tutorial son los scripts de VoteReward (Ficheros, y otros)
1)Una vez finalizada la descarga, abrimos el archivo VoteReward.rar y copiamos su contenido en nuestro directorio web.
Este puede ser Xampp o Appserv, en mi caso particular usaré Xampp y mi directorio local lo encuentro en esta ruta:
C:\xampp\htdocs
Alli descomprimiré el archivo descargado y llamado VoteReward.rar

Archivos y carpetas contenidos en el vote reward system
2)En mi caso, no tengo ninguna página web instalada, si ustedes tienen instalada una WebMU no hay problema alguno, ya que esta carpeta no reemplazará ningun archivo existente.
Esta carpeta llamada "VoteReward" a su vez contiene 3 carpetas más:
  • VoteRewardSystem

  • MD5

  • Screens

  • Seleccionando archivos

    3)La carpeta "MD5" contiene la .dll para aquellos servidores que usen este sistema de encriptación de cuentas, la carpeta "Screens" contiene una serie de imágenes que el autor publicó y la carpeta "VoteRewardSystem" es la más importante, esta contiene todo los archivos que permiten el correcto funcionamiento de este sistema.
    El sistema de instalación es realmente muy sencillo, lo que debemos hacer es rutiar el instalador y seguir los pasos en pantalla.
    Para esto abrimos nuestros navegador por defecto (en mi caso Mozilla Firefox) y ponemos lo siguiente
    http://127.0.0.1/VoteReward/VoteRewardSystem/install/install.php
    Luego apretamos enter y a continuación veremos la siguiente imagen:

    Interfaz de instalación

    4)Lo que haremos ahora será completar los datos para establecer la conexión:
    SQL Server : 127.0.0.1 (Ip de donde esta nuestro SQL)
    SQL User : sa (Usuario SQL, por defecto sa)
    SQL Password : ***** (Password de nuestro usuario sa)
    Database : MuOnline (Nombre de la base de datos, por defecto MuOnline )
    MD5 : No (¿Usas MD5? si o no)
    Admin User:tuservermu (Login de nuestra cuenta admin, este login ya debe existir en nuestra base de datos, es decir, que corresponde a una cuenta nuestra creada previamente)

    Configuración de conexión a la base de datos

    5)Nuestro siguiente paso será hacer un click en donde dice "Go=>Next Step".

    Configuración de usuario admin

    6)Si todos nuestros datos están correctos, veremos la siguiente imagen.

    Finalizando instalación

    7)Para ver nuestro sistema funcionando, hacemos un click donde dice "3. Click Here" y este nos llevará directamente al index principal para ver nuestro plugin instalado

    Interfaz de ingreso al vote reward

    8)Finalmente como ingresé con mi cuenta admin, tengo disponible el panel para administrar el sitio.

    Visualizando el panel de votación

    Talvez en un próximo tutorial traduciré todos los módulos al español, crearé un nuevo skin y explicaré como agregar más recompensas o modificar la existentes.

    Crear un banner para la web

    Bienvenidos a un nuevo tutorial, hoy aprenderemos una manera sencilla de crear un banner para su página web.
    Este tutorial apunta a todos aquellos usuarios que crean un banner en paint.
    ¿Qué diferencia hay crear un banner en paint y uno en photoshop?



    Con este tutorial ninguna, ya que aprenderemos a hacerlo de una manera super sencilla y fácil.
    El resultado será similar a la siguiente imagen:

    Ejemplo de banner para muonline

    1)Abrimos el Photoshop (Ps) y vamos a Archivo => Nuevo

    Creando nuevo archivo en photoshop

    2)En nuestra nueva ventana debemos seleccionar el tamaño (En mi caso utilizaré 800px de ancho y unos 400px de altura).
    Fondo: Blanco
    Luego hacemos un click en OK

    Configurando el tamaño de nuestro nuevo proyecto

    3)Lo primero que haremos será cambiar el fondo, es decir actualmente tenemos un fondo blanco, lo que haremos será crear un "Degradado".
    Un degradado es la combinación de dos colores que se fusionan en un punto, para esto lo que haremos será un click en "Herramienta Degradado" (G)
    (Recuerden que particularmente uso Adobe Photoshop CS3 versión extendida)
    Una vez que tenemos seleccionada la herramienta, buscamos el "Degradado" que querramos.
    (En mi caso particular tengo cargada infinitas fuentes, pinceles, degragados, y estilos, que por lógica ustedes no tendrán sin antes descargar dichos plugins e instalarlos)
    Una vez seleccionado el degradado lo que haremos será trazar una linea vertical (Desde la mitad del fondo), el resultado debería quedarles similar a la siguiente imagen:

    Creando fondo

    4)Ya tenemos nuestro fondo casi listo, ¿Por qué "casi" listo"?
    Porque le daremos un poco de efecto para que no nos quede tan liso, entonces lo que haremos será ir Filtro => Distorsionar => Cristal

    Estableciendo un filtro en el fondo

    5)En nuestra nueva ventana lo que haremos será configurar los siguientes valores.
    Luego hacemos click en "Ok"

    Configuración de distorción

    6)Ahora seleccionamos la herramienta de Texto (T) y escribimos lo que deseamos, cuando terminemos apretamos "Enter" (El "Enter" que demos apretar es el correspondiente al teclado numérico)

    Seleccionando herramienta de texto

    7)Ahora lo que haremos será darle un estilo a nuestra escritura, para esto hacemos un click en donde dice "Estilo" y seleccionamos el que deseamos

    Modificando estilo de letras

    8)Si queremos con otra font (Fuente) podemos crear otro texto arriba o abajo del que ya tenemos creado

    Modificando fuente

    9)También podemos agregar cualquier tipo de decorado, por ejemplo una línea para subrayar o también podemos agregar alguna forma personalizada.

    Agregando formas personalizadas al banner

    10)Una vez que terminamos, vamos a "Archivo" => "Guardar Como"

    Guardando archivo terminado

    11)En nuestra nueva ventana seleccionamos el nombre del archivo, el directorio en donde lo guardaremos y finalmente el formato, en mi caso .jpg

    Seleccionando la opción jpg

    12)Finalmente seleccionamos la calidad del archivo (Recomendada 12 máxima) y hacemos un click en "Ok"

    Seleccionando la calidad máxima

    13)Nuevamente el trabajo terminado será el siguiente:

    Visualizando trabajo final

    Como siempre digo, la personalización es totalmente única, no deben hacer exactamente lo mismo que hize yo, sino que utilizen la guia como marco de orientación.
    Espero que les sirva para crear bonitos banners o intros.