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


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

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:



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)



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



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



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



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



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.

LEER MAS

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:



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



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



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:



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



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



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)



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



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



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



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



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



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



13)Nuevamente el trabajo terminado será el siguiente:



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.

LEER MAS