La plataforma Futudownloads está en desarrollo.

30 jun. 2012

Manual:Crear un Servidor dedicado para Halo CE

Halo CE es una variacion de halo combat e, solo que este halo solo puede usarse en multijugador, se pueden agregar mapas y estilos llamado mods.
A pesar de ser un juego que salió hace ya mucho tiempo aun es uno de los juegos más jugados Online con más de 300 servidores y más de 3000 jugadores al día.
Por tal motivo hay muchos que quieren tener un servidor dedicado a este juego para que los jugadores entren a su servidor.

Indice

Descarga de los Archivos Necesarios.
- Archivos: (init.txt, haloceded.exe, haloce.exe, sapp/sapp.txt, Bienvenida.txt).

Descargar Descargas

Configurar RED.
Para configurar la red debes hacer lo siguiente.
  • Ve a Panel de Control, luego a Firewall de Windows.
  • Ve a la pestaña de Excepciones. y das click en Agregar puerto.
  • Para que sea más reconocible, en nombre escribe "Halo Cliente", luego en Número de puerto pon 2305. y debe estar puesto en TCP. y das aceptar.
  • Luego vuelve a dar click en Agregar Puerto, esta ves en nombre escribe "Halo Serve", luego en Numero de puerto pon 2304. y debe estar en TCP. y das aceptar.
  • listo ahora dale aceptar.
  • Ahora entra al juego Halo CE y ve a Configuracion. (Settings).
  • Luego ve a configuracion de Red. (Network settings).
  • alli pon en señal alta.
  • En donde dice Puerto del servidor, le escribes 2304. (serve port)
  • En donde dice Puerto del cliente, le escribes 2305. (client port)
  • y guardas los cambios.

Creacion de Partidas.
  • Ve a Multijugador(multiplayer), y vas a Editar Tipos (Edit Game types).
  • Das click en Crear (Create) y le das un nombre facil de escribir.
  • Alli te apareceran todas las opciones para crear una partida. Puedes crear tantas como tu quieras.

Configuracion del archivo init.txt
  • Sal del juego.
  • Ahora ve a la carpeta del juego. (C:\Archivos de programas\Microsoft Games\Halo Custom Edition\) .
  • en esa carpeta pega todos los archivos que descargaste. (init.txt, haloceded, haloce.exe y sapp/sapp.txt, Bienvenida.txt)
  • Habre el archivo Bienvenida.txt y escribe lo que quieras. (No puedes pasarte de 2 renglones).
  • Ahora habre el archivo iniot.txt, y veras unos codigos los cuales se configuran de la forma que se mostrará despues.
  • Cuando hallas terminado todo, crea un acceso directo de haloceded.exe en el escritorio.
  • Ejecutas haloceded y se cargarán los datos configurados en init.txt y luego dira que hay (0/16) jugadores. Debes mantener el programa ejecutado para que el servidor funcione, luego podrás entrar en halo ce y verás tu partida. en la cual puedes entrar si lo deseas, o puedes simplemente dejar el servidor habierto y otros podrán jugar en el.
    cuando entran jugadores el contador mostrará cuantos hay.
    (1/16)
    (4/16)
    (14/16)
    (16/16)

sv_name "Nombre de tu servidor"
sv_public 1
sv_maxplayers 12
sv_password "halo"
sv_motd Bienvenida.txt
afk_kick 300
ping_kick 500

event_join 'wait 6000;say $n "escrito \n"'

event_kill 10 'say $n "Felicidades has hecho 10 muertes, \n"'

para poner las partidas usas el siguiente codigo que te saldrá en el archivo init.txt.
sv_mapcycle_add bloodgulch "MIPARTIDA"
Puedes crear tantas como quieras
sv_mapcycle_add bloodgulch "MIPARTIDA"
sv_mapcycle_add bloodgulch "MIPARTIDA2"
sv_mapcycle_add bloodgulch "MIPARTIDA3"
sv_mapcycle_add bloodgulch "MIPARTIDA4"
sv_mapcycle_add bloodgulch "MIPARTIDA"

Nombre de los mapas en codigo para init.txt.
Nombre en JuegoNombre en Codigo
Battle Creekbeavercreek
Sidewindersidewinder
Damnationdamnation
Rat Raceratrace
Prisonerprisoner
Hang ‘Em Highhamgemhigh
Chill Outchillout
Derelictcarousel
Boarding Actionboardingaction
Blood Gulchbloodgulch
Wizardwizard
Chiron TL34putput
Longestlongest
Ice Fieldsicefields
Death islanddeathisland
Danger Canyondangercanyon
Infinityinfinity
Gephyrophobiagephyrophobia

Indicaciones de codigo
CodigoSignificado
sv_nameNombre del servidor
sv_publicnumero de servidores
sv_tk_banindica el numero de traiciones que se necesitan para expulsar al jugador. Se identifica con un numero (10)
sv_tk_graceEstablece el período de gracia durante el cual un jugador sólo puede ser acreditado con un TKP. Por ejemplo, si se establece en 3 segundos, un jugador sólo puede ser acreditado por un equipo de matar a cada 3 segundos, la prevención de una explosión de una granada accidentalmente de la acreditación TKP múltiple para un jugador. se identifica con un numero indicando los segundos (10)
sv_maxplayersIndica el numero maximo de jugadores que estaran en el servidor se identifica con un numero (16)
sv_tk_cooldownEstablece el periodo de enfriamiento después de lo cual será un jugador perdonado el uno al TKP si no han matado a alguien del otro equipo. Se identifica con un numero indicando el tiempo en minutos seguido de una m (10m)
sv_ban_penalty 1h 1d 7d 28dIndica la penalizacion de un jugador, en y dias. Si el jugador comente una gran infraccion será expulsado por (1h) una hora, si al pasar el tiempo entra y comete otro error grave será expulsado por (1d) un día, si al cabo de un dia el vuelve y sigue jugando pero vuelve a cometer un error muy grave será expulsado del servidor por (7d) siete días, despues de eso tendrá un ingreso condicional donde si comete nuevamente un error grave el expulso será por (28d) veintiocho dias. Depues de eso otro error lo dejará expulsado por tiempo indefinido. minutos (m), horas (h), dias (d).
sv_log_echo_chatindica que el chat esta activado o no. Se identifica con un numero 1 indicando que está activado y un numero 0 si está desactivado.
sv_friendly_fireindica si se puede traicionar a otro jugador de tu equipo.
sv_motdidentifica un mensage que sale cuando el jugador presiona F2. Se identifica con el nombre de un archivo .txt que este en la misma carpeta. (Bienvenida.txt)
sv_timelimitIndica el tiempo limite de cada partida. un 0 dice que no hay tiempo limite, y si hay tiempo limite se identifica con un numero que indica los minutos de tiempo limite (30)
sv_mapcycle_timeoutIndica el tiempo de espera que habrá entre una partida y otra. se identifica con un numero que indica los segundos de espera (5)
sv_mapcycle_addIndica la partida y el mapa que se jugarán. seguido del nombre del mapa, que está seguido por el nombre de la partida entre comillas. ejemplo:
sv_mapcycle_add bloodgulch "Slayer"

sv_mapcycle_add= codigo
bloodgulch= nombre del mapa
"Slayer"= nombre de la partida
sv_mapcycle_beginindica el comienzo de una partida de forma automatica despues de pasar el tiempo de espera.
loadva debajo sv_mapcycle_begin indocando que carga la partida
afk_kickIndica el numero de afk que expulsarán a un jugador de forma automatica. Se identifica con un numero indicando el codigo (300).
ping_kickTodos los jugadores tienen ping, y este codigo indica que si alguien sobrepasa el ping maximo incado, será expulsado automaticamente. Se identifica con un numero que indica el numero ping maximo aceptado (500)
event_join 'wait 6000;say $n "texto"'Indica un mensage que se mostrará en un tiempo especifico. el 6000 indica el tiempo en el que se mostrará el mensage. las comillas " " indican que entre ellas vendrás el mensage. usa siempre numeros pares que indica el segundo especifico desde ue inició la partida. emeplo

una parta de 30 mimutos.
muestras un mensage a los 6 segundos.
event_join 'wait 6000;say $n "hola \n"'
luego otro a los 2 segundos, pero en el segundo especifico es
event_join 'wait 8000;say $n "bienvenido"'
event_killIndica que en un numero de muertes que hagas te mostrará un mensage. seguido del numero de muertes en que lo mostrará (10). seguido del mensage 'say $n "Felicidades llevas 10 muertes"'

si cambias el numero de muertes por un asterisco *, mostrará el mismo mensage por cada muerte que haga el jugador. en el mensage debes poner $kills, que indica el numero de muertes que llevas.
event_kill * 'say $n "LLevas $kills Muertes"'
\nva dentro del mensage e indica el nombre del jugador. \n, en el juego se mostrará el nombre del jugador
$killsva dentro del mensage e indica el numero de muertes que llevas
event_tkIndica las traiciones, debe ser escrito 2 veces, el primero como advertencia y el otro como accion. va seguido de un numero que indica la traicion (1) como advertencia, seguido de un mensage 'Una traicion más y serás expulsado, \n"'. en el siguiente con el (2). indicando que es expulsado. ejemplo
event_tk 1 'say $n "una traicion más y serás expulsado, \n"'
event_tk 2 'sv_kick $n'

'say $n "texto"'indica el mensage que se mostrará, entre las comillas " " vendrá el mensage


Ver mas...

24 jun. 2012

Anexo:Anime en Español

Esta Lista está en constante actualización

Progreso de 46.2%
Esta es una lista de los animes que han sido traducidos al español.











Ver mas...

Añadir comentarios de IntenseDebate en Blogger

En Blogger se han inplementado formas de comentarios, los propios de Blogger, los de Disqus y los de Intensedebate.
Los de IntenseDebate dejan al comentarista usar su perfil de Gravatar y además se le pueden hacer cambios al formulario sin tener que volver a instalar.
  • Lo primero será ir a el sitio web de InteseDebate.
  • Creas una cuenta.
  • Luego para crear un gadget de comentarios ve a Sites, Luego has click en Add blog/site.
  • en donde dice espesificar URL agregas la URL de tu Blog.
  • Luego donde dice Display IntenseDebate Comments on:. Le das click en On all blog post si quieres que salga en todas las entradas del blog, Luego si quieres que salga solor en las nuevas entradas haces click en donde dice All new post (recommended).
  • Luego para instalarlo debes ir a tu escritorio de blogger, escoger el blog al que le agregaras el formulario.
  • Luego vas a Plantilla y das click en donde dice Copia de seguridad/reestablecer.
  • Luego click en descargar Plantilla y la descargas.
  • Luego en el paso 5 de IntenseDebate dice que elijas el archivo, das click en examinar y buscas la plantilla que descargaste.
  • Cuando lo hallas hecho te dará un codigo.
  • Copea el codigo, Luego ve a tu blog.
  • Ve a Plantilla, luego has click en Edicion de HTML y das click en Expandir plantillas de artilugios.
  • Luego haces click derecho y eliges "seleccionar todo" y lo eliminas.
  • luego das click derecho y pegas el codigo que se te dió en InteseDebate y guardas.
  • listo ya tienes el formulario de comentarios de IntenseDebate en tu Blog.
  • Para personalizar el formulario vas a IntenseDebate, luego vas a Sites y eliges tu blog.
  • hay veras las opciones para personalizar tu gadget.
Ver mas...

22 jun. 2012

Redireccionamiento de URL en Blogger

Muchos desde siempre an querido que cuando compartan una URL no sea un enlace largo como http://ejemplo.blogspot.com/2012/12/este-es-un-ejemplo.html, sino que quieren algo más corto como http://ejemplo.blogspot.com/ejemplo.
Pues Blogger ahora te permite crear dichas redirecciones, aunque no son enlaces fijos por eso es en redireccionamiento.
Lo que hace es pasar de un link a otro cuendo se introduce en el navegador.
como: http://ejemplo.blogspot.com/redchttp://ejemplo.blogspot.com/2012/12/redireccionamiento.html.

Es muy facil de utilizar y es util para algunos.
  • Vas a Configuracion, luego a Preferencias de Busqueda.
  • Ahi veras un titulo que dice Errores y redireccionamientos.
  • Luego Redireccionamiento personalizado.
  • Alli puedes crear el redirrecionamiento como se hara en los siguientes pasos.  
  • no puedes poner el enlace que quieras, no se comienza con un sitio solo se agrega / y despues lo que quieras escribir sin espacios.
  • Ejemplo: en vez de escribir http://ejemplo.blogspot.com/ejemplo   -   Solo se escribirá /ejemplo.

Se da click en editar.

en donde dice De: http://...
De:
Para:
Permanente:
Guardar | Cancelar

Ejemplo de redireccion.
De: http://...
De:
Para:
Permanente:
Guardar | Cancelar

Puedes elegir que sea permanente.
Luego le das en Guardar, luego en guardar cambios y listo, tendras un redireccionamiento.
Luego cuando guardes se verá así

De:/Musica
Para:/2012/11/mi-musica.html 
Permanente:


Luego si quieres hacer otro rediccionamiento das click en Nuevo redireccionamiento.
Tambien puedes hacer redireccionamiento por etiquetas, paginas.
Etiquetas

De: http://...
De:
Para:
Permanente:
Guardar | Cancelar

Pagina
De: http://...
De:
Para:
Permanente:
Guardar | Cancelar

redireccionamiento como quieras hacerlo
De: http://...
De:
Para:
Permanente:
Guardar | Cancelar

Puedes comprobar con estos enlaces de FUTUdownloads.
http://www.futudownloads.com/kpop/2NE1
http://www.futudwnloads.com/artists
Ver mas...

19 jun. 2012

Insertar imagenes en los comentarios Blogger

Los creadores de blogs en Blogger siempre desean que en los comenatrios de Blogger se puedan agregar cosas como videos, emoticones e imagenes y con lo que les traigo ahora se completa ese trio, ya les traje el tutorial de como insertar videos de YouTube en los comentarios de Blogger, como poner emoticones lo puedes encontrar en sitios como Todo Blogger, Ciudad Blogger, OloBlogger, Gema Blog y otros.

Ahora les traigo este fabuloso truco para que los comentaristas puedan poner imagenes en los comentarios blogger, mediante la URL de la imagen.
no solo eso, este plugin tambien puede cambiar el color de texto y crear marquesina en los comentarios.
  • Ve a plantilla, luego a Edicion de HTML.
  • luego busca la etiqueta </body>, y encima de ella agrega lo siguiente.
<script src='http://dl.dropbox.com/u/23616660/ihojosestudios/FUTUdownloads/js/codecom.js' type='text/javascript'/>
  • Para personalizar el estilo que tendran las imagenes de los comentarios vas a ]]></b:skin> y encima del codigo pega lo siguiente. 
/* Comments images - aporte de JFDP13 */
#comments img {
max-width: 550px;
border:0px solid #000;
-moz-border-radius:0px;
-webkit-border-radius:0px;
border-radius:0px;
padding:0px 0px 0px 0px;
}
Aporte de JFDP13
  • Lo negreado son las cosas que puedes editar, como el ancho maximo de las imagenes que esta por default en 550px, tu puede editarlo y poner el ancho de las entradas de tu blog.
  • lo demás por default está en 0px y no hay cambios en la imagen hasta que tu mismo le pongas un numero.
  • El color del borde está en negro por default, tu puedes cambiarlo usando colores hexadecimales o RGBA entrando en Colores
  • Luego guarda los cambios.
  • Listo, ahora debes saber los codigos.
  • Para insertar imagen se utiliza [img]URL de la imagen[/img]
  • Para cambiar color de texto se utiliza [color="red"]Texto que cambiara[/color]
  • Para crear marquesima se utiliza [ma]Texto en maruqesina[/ma].
  • Listo es es lo que pueden hacer los usuarios.
  • Ver Blog de Ejemplo
Ver mas...

Menu desplegable con CSS3

Menu desplegable con CSS3 para Blogger.
Este es un menu el cual incluye animacion al desplegarse el menu, tiene un estilo muy moderno de HTML5 y es facil de intalar.

Para los que usan plantillas del diseñador de plantilla primero deben hacer lo que dice en la siguiente entrada, Poner cualquier menu en las plantillas del diseñador de Blogger

Sigue los siguientes pasos para instalarlo.
  • Ve a Plantilla, luego ve a Edicion de HTML.
  • Busca la etiqueta ]]></b:skin> y encima de ella pega lo siguiente.
.menu-a,
.menu-a ul,
.menu-a li,
.menu-a a {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

/* Menu */
.menu-a {   
    height: 40px; /* alto del menu */
    width: 100%; /* ancho del menu */
    background: #4c4e5a; /* fondo del menu junto con lo que sigue */
    background: -webkit-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -moz-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -o-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -ms-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    -webkit-border-radius: 5px; /* radio del borde del menu opera, Chrome */
    -moz-border-radius: 5px; /* radio del borde del menu Firefox */
    border-radius: 5px; /* radio del borde del menu IE9, etc*/
}
.menu-a li {
    position: relative;
    list-style: none;
    float: left;
    display: block;
    height: 40px;
}
.menu-a li a {
    display: block;
    padding: 0 14px;
    margin: 6px 0;
    line-height: 28px;
    text-decoration: none;
    border-left: 1px solid #393942; /* borde izquierdo */
    border-right: 1px solid #4f5058; /* borde derecho */
    font-family: Helvetica, Arial, sans-serif; /* fuente de texto del menu */
    font-weight: bold;
    font-size: 13px; /* tamaño de texto */
    color: #f3f3f3; /* color del enlace */
    text-shadow: 1px 1px 1px rgba(0,0,0,.6);
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}
.menu-a li:first-child a { border-left: none; }
.menu-a li:last-child a{ border-right: none; }
.menu-a li:hover > a { color: #8fde62; /* color del enlace al pasar el cursor */}

.menu-a ul {
    position: absolute;
    top: 40px;
    left: 0;
    opacity: 0;
    background: #1f2024; /* fondo del submenu */
    -webkit-border-radius: 0 0 5px 5px; /* radio del submenu opera, chrome */
    -moz-border-radius: 0 0 5px 5px; /* radio del submenu firefox */
    border-radius: 0 0 5px 5px; /* radio del submenu IE9, etc*/
    -webkit-transition: opacity .25s ease .1s; /* opacidad opera, chrome */
    -moz-transition: opacity .25s ease .1s; /* opacidad firefox */
    -o-transition: opacity .25s ease .1s; /* opacidad */
    -ms-transition: opacity .25s ease .1s; /* opacidad */
    transition: opacity .25s ease .1s; /* opacidad */
}

.menu-a li:hover > ul { opacity: 1; }
.menu-a ul li {
    height: 0;
    overflow: hidden;
    padding: 0;
    -webkit-transition: height .25s ease .1s;
    -moz-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
}
.menu-a li:hover > ul li {
    height: 36px;
    overflow: visible;
    padding: 0;
}
.menu-a ul li a {
    width: 150px; /* ancho de la subpestaña */
    padding: 4px 0 4px 40px;
    margin: 0;
    border: none;
    border-bottom: 1px solid #353539; /* ancho y color del borde de abajo del submenu */
}

.menu-a ul li:last-child a { border: none; }

.menu-a a.documents { background: url(http://dl.dropbox.com/u/53097108/ihojosestudios/example/menucss3/docs.png) no-repeat 6px center; }
.menu-a a.messages { background: url(http://dl.dropbox.com/u/53097108/ihojosestudios/example/menucss3/bubble.png) no-repeat 6px center; }
.menu-a a.signout { background: url(http://dl.dropbox.com/u/53097108/ihojosestudios/example/menucss3/arrow.png) no-repeat 6px center; }
  • y guardas los cambios.
  • Luego ve a Diseño y agrega un nuevo gadget HTML/Javascript.
  • y agrega lo siguiente.
<ul class="menu-a">
<li><a href="#">Pestaña 1</a></li>
<li><a href="#">Pestaña 2</a></li>

<li><a href="#">Pestaña 3</a>
<ul>
<li><a href="#" class=" ">Subpestaña 3.1</a></li>
<li><a href="#" class=" ">Subpestaña 3.2</a></li>
<li><a href="#" class=" ">Subpestaña 3.3</a></li>
</ul>
</li>

<li><a href="#">Pestaña 4</a></li>
</ul>
  • Lo de azul es donde se pondrá la URL de la pestaña.
  • Lo de rojo es donde pondrás el nombre de la pestaña.
  • lo de rojo oscuro son los nombres de las subpestañas.
  • Si quieres añadir otra pestaña solo agrega lo siguiente antes de </ul>.
 <li><a href="#">Pestaña</a></li>
  • Si quieres añadirle subpestañas a la pestaña, pasa </li> hacia abajo y encima de </li> pegas lo siguiente.
<li><a href="#">Pestaña</a>
<ul>
<li><a href="#" class=" ">Subpestaña</a></li>
</ul>
</li>
  • Si quieres agregar una pestaña con subpestañas agrega lo siguiente antes de </ul>.
<li><a href="#">Pestaña</a>
<ul>
<li><a href="#" class=" ">Subpestaña</a></li>
<li><a href="#" class=" ">Subpestaña</a></li>
<li><a href="#" class=" ">Subpestaña</a></li>
</ul>
</li>
  • Si quieres añadir otra subpestaña a la pestaña solo agrega lo siguiente antes de </ul>.
 <li><a href="#" class=" ">Subpestaña</a></li>
  • donde se ve class="" es para poner un pequeña imagen. ejemplo.
 class="documents" =http://dl.dropbox.com/u/53097108/ihojosestudios/example/menucss3/docs.png
 class="messages" = http://dl.dropbox.com/u/53097108/ihojosestudios/example/menucss3/bubble.png
 class="signout" = http://dl.dropbox.com/u/53097108/ihojosestudios/example/menucss3/arrow.png 
  • Eso es todo ya tendran un fabuloso menu desplegable con animacion en su blog.

Tipo: CSS3
Licencia: License Free (credito)
Sitio Web: Designmodo.com
Sitio Web: Valeriu Timbuc (web amiga)
Sitio Web: vladimirkudinov.com (web amiga)
enlaces de Valeriu Timbuc
Twitter: @vtimbuc
Ver mas...

17 jun. 2012

Pcsx - Descargar

Licencia: Gratis
Idioma: Multilenguaje (incluye Español)
Version: 1.11
Tipo: RAR (Portable)
Desarrollador: Linuzappz
S Operativo : WinXP/Vista/7.
PCSX es un programa emulador de Videojuegos de PlayStation One (1), las versines han sido muchas y han salido para casi todas las versiones de Playstation.
El programa se destaca porque logra reproducir los discos CS ROM y DVD ROM de videojuegos de playstation y los emula hacien que la PC sea la consola. Aunque no reemplaza la consola es muy util para aquellos que no tienen un PlayStation.
Requisitos minimos del sistema
Procesador: Pentium 3, →.
Ram: 512 MB (1GB recomendado)
Tarjeta Grafica: 64 MB
Descargar Descargas
Ver mas...

15 jun. 2012

Reproductor de Audio MP3 de colores

Muchos queremos poner reproductores de audio en nuestro Blog, hay sitios que ofrecen varios reproductores.
Este es un reproductor facil en el que tu mismo pones el audio MP3.
Reproductor de Audio MP3 para Blogger
  • Ve a Plantilla, has click en Edicion de HTML.
  • Busca la etiqueta </head> y encima de ella agregas los siguiente.
 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js' type='text/javascript'/>
  <script src='http://dl.dropbox.com/u/53097108/ihojosestudios/example/miniAudioPlayer/inc/jquery.jplayer.min.js' type='text/javascript'/>
  <script src='http://dl.dropbox.com/u/53097108/ihojosestudios/example/miniAudioPlayer/inc/jquery.mb.miniPlayer.js' type='text/javascript'/>
  <script src='http://dl.dropbox.com/u/53097108/ihojosestudios/example/miniAudioPlayer/inc/jquery.metadata.js' type='text/javascript'/>
  <link href='http://dl.dropbox.com/u/53097108/ihojosestudios/example/miniAudioPlayer/css/miniplayer.css' media='screen' rel='stylesheet' title='style' type='text/css'/>
<script type='text/javascript'>
// IJ tutorials //<![CDATA[
    $(function(){

      if (self.location.href == top.location.href){
        $("body").css({font:"normal 13px/16px 'trebuchet MS', verdana, sans-serif"});
        var logo=$("").css({position:"absolute"});
        $("body").prepend(logo);
        $("#logo").fadeIn();
      }

      $(".audio").mb_miniPlayer({
        width:240,
        inLine:false
      });
    });
//]]>
  </script>
  • Guardas los cambios.
  • Luego puedes agregar un gadget HTML/Javascript o en un entrada puedes agregar el reproductor en los colores que se indicaran.
  • Reproductor
<a id="m3" class="audio {skin:'black', autoPlay:false,showRew:false}" href="URL del audio .MP3">Nombre del Audio</a>
o
<a id="m3" class="audio {ogg:'URL del archivo .OGG', skin:'black', autoPlay:false,showRew:false}" href="URL del audio .MP3">Nombre del Audio</a>
  • Lo que aparece en Azul es donde agregaras la URL del audio .Mp3.
  • Lo que aparece en rojo es donde se pondrá el nombre del audio.
  • Si agregas archivo OGG pon la Url donde indica.
  • Lo que aparece en  Purpura es el estilo de color del reproductor. Puedes agregar cualquiera de estos estilos.
    • orange
    • blue
    • red
    • green
    • gray
  • El resultado será como el siguiente.

Blog de Ejemplo
Ver Ejemplo

Ver mas...

Recommended - Playlist



- Esta es una lista de reproduccion de canciones que te recomendamos que escuches, tal vez te guste alguna cancion.
Ver mas...

13 jun. 2012

Crear códigos QR coloridos y únicos fácilmente

El código QR ​​está diseñado para la revolución web móvil. La idea es tan buena, un enlace entre la Web y el mundo real a través de los potentes ordenadores en nuestras manos.

Existen numerosas herramientas en línea le permiten crear códigos QR. La mayoría de estas herramientas ofrecen el mismo formato básico, con las mismas herramientas básicas de código QR ​​de la creación. Pero si usted está buscando una herramienta de generación de QR que te permite crear códigos de aspecto más colorido y unqiue más, entonces Hacker QR es el sitio para usted.

Hacker QR es un servicio web que te permite crear códigos QR colores para codificar texto, URLs, números de teléfono, y vCards. Puede seleccionar las personalizaciones de color. Puede seleccionar la forma redonda píxeles del código aparecerá. También puede seleccionar los colores y las imágenes para el fondo y primer plano del código. Una vez que haya terminado de editar el código QR ​​se puede descargar como una imagen PNG o un documento PDF.
Como bien sabemos nuestro blog o sitio web tiene un codigo QR que lo identifica, cuando nos vamos a plantilla y vemos la plantilla para moviles te muestra un codigo QR identificando tu blog con respecto a cada plantilla.
  

Licencia: License Free
Sitio Web: QR Hacker.com
Ver mas...

10 jun. 2012

Modal:Mensage en ventana emergente con CSS3

Las ventanas emergentes sirven para dar un mensage a los usuarios y garantizar que lo lean, ademas ahorra el espacio porque no hay que poner el mensage en el cuerpo del Blog.
Para agregar estas ventanas emergentes para mensages en tu Blog sigue los siguientes pasos.
  • Ve a Plantilla, has click en Edicion de HTML.
  • Luego busca la etiqueta ]]></b:skin> y encima de ella agrega lo siguiente.
/* Container */
.modal {

/* Overlay page content */
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.5);
z-index: 10000;

/* Transition opacity on open */
-webkit-transition: opacity 500ms ease-in;
-moz-transition: opacity 500ms ease-in;
transition: opacity 500ms ease-in;

/* Hide for now */
opacity: 0;
pointer-events: none;
}

/* Show modal */
.modal:target {
opacity: 1;
pointer-events: auto;
/* at time of writing (Feb 2012), pointer-events not supported by Opera or IE */
}

/* Content */
.modal > div {
width: 500px; /* ancho de ventana */
background: #fff; /* fondo de ventana */
position: relative;
margin: 10% auto;

/* Default minimise animation */
-webkit-animation: minimise 500ms linear; /* animacion, opera y g chrome */
-moz-animation: minimise 500ms linear; /* animacion, firefox */

/* Prettify */
padding: 30px; /* espacio entre el borde y el texto */
border-radius: 7px; /* radio de la ventana */
box-shadow: 0 3px 20px rgba(0,0,0,0.9); /* sombra de la ventana */
background: #fff; /* color de fondo en la parte superior */
background: -moz-linear-gradient(#fff, #ccc); /* degradado de blanco a gris Op,Chr */
background: -webkit-linear-gradient(#fff, #ccc); /* degradado blanco a gris firef */
background: -o-linear-gradient(#fff, #ccc); /* degradado blanco a gris IE9 */
text-shadow: 0 1px 0 #fff; /* sombra del texto de ventana */
}

/* Override animation on modal open */
.modal:target > div {
-webkit-animation-name: bounce;
-moz-animation-name: bounce;
}

.modal h2 {
font-size: 36px; /* tamaño de texto del titulo */
padding: 0 0 20px; /* espacio entre el titulo y lo demas */
}

@-webkit-keyframes bounce {
  0% {
   -webkit-transform: scale3d(0.1,0.1,1);
   box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  }
  55% {
   -webkit-transform: scale3d(1.08,1.08,1);
   box-shadow: 0 10px 20px rgba(0,0,0,0);
  }
  75% {
   -webkit-transform: scale3d(0.95,0.95,1);
   box-shadow: 0 0 20px rgba(0,0,0,0.9);
  }
  100% {
   -webkit-transform: scale3d(1,1,1);
   box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  }
}

@-webkit-keyframes minimise {
  0% {
   -webkit-transform: scale3d(1,1,1);
  }
  100% {
   -webkit-transform: scale3d(0.1,0.1,1);
  }
}

@-moz-keyframes bounce {
  0% {
   -moz-transform: scale3d(0.1,0.1,1);
   box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  }
  55% {
   -moz-transform: scale3d(1.08,1.08,1);
   box-shadow: 0 10px 20px rgba(0,0,0,0);
  }
  75% {
   -moz-transform: scale3d(0.95,0.95,1);
   box-shadow: 0 0 20px rgba(0,0,0,0.9);
  }
  100% {
   -moz-transform: scale3d(1,1,1);
   box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  }
}

@-moz-keyframes minimise {
  0% {
   -moz-transform: scale3d(1,1,1);
  }
  100% {
   -moz-transform: scale3d(0.1,0.1,1);
  }
}

/* Modal close link */
.modal a[href="#close"] {
position: absolute;
right: 0;
top: 0;
color: transparent;
}

/* Reset native styles */
.modal a[href="#close"]:focus {
outline: none;
}

/* Create close button */
.modal a[href="#close"]:after {
content: 'X';
display: block;

/* Position */
position: absolute;
right: -10px;
top: -10px;
width: 1.5em;
padding: 1px 1px 1px 2px;

/* Style */
text-decoration: none;
text-shadow: none;
text-align: center;
font-weight: bold;
background: #000;
color: #fff;
border: 3px solid #fff;
border-radius: 20px;
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.modal a[href="#close"]:focus:after,
.modal a[href="#close"]:hover:after {
-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
}

.modal a[href="#close"]:focus:after {
outline: 1px solid #000;
}
  • La parte de color de fondo superior y luego degradado son los colores que puedes editar para el fondo de la ventana. #fff, #ccc Donde #fff es el color inicial y #ccc es color que se ira degradando.
  • Luego busca la etiqueta </head>, y encima de ella agrega lo siguiente.
<script type='text/javascript' src='http://dl.dropbox.com/u/53097108/ihojosestudios/example/jquery-1.7.2.min.js'/>
  • y guardas los cambios.
  • ahora cuando hagas una entrada o en un gadget puedes agregar lo siguiente (en edicion de html en la entrada).
<a href="#nombre-del-mensage">Nombre del enlace</a>
<aside id="nombre-del-mensage" class="modal">
<div>
<h2>Titulo de la ventana</h2>
<p>Contenido de la ventana, mensage que llevara la ventana</p>
<a href="#close" title="Cerrar"></a>
</div>
</aside>
  • donde dice #nombre-del-mensage puedes poner el nombre que quieras, anteposiendole # y luego poniendo el nombre que quieras sin dejar espacio. ejemplo: #tutorial-de-FUTUdownloads o #lo_que_me_gusta .
  • Luego donde dice nombre-del-mensage pondras el mismo nombre del enlace solo que sin poner #,ejemplo: enlace: #FUTUdownloads - id: FUTUdownloads. mira que si agregas mayusculas en el enlace, el id tambien debe tener las mismas mayusculas.
  • Luego donde dice Titulo de la venatana, es donde pondras el titulo que quieras.
  • Lo que esta en purpura es donde podras el mensage.

Nombre del enlace


Fuente: Paul Rhayes.com



Ver mas...

6 jun. 2012

Shadowbox: Ventanas modales Multimedia en Blogger

Shadowbox: Ventanas modales Multimedia para blogger.
Shadowbox es un plugin de script que no necesita jquery para funcionar, es fabuloso plugin crea ventanas en popup con shadow, para que la imegenes se vean más grandes, se vean los videos, crear galerias y ver paginas web dentro de otra pagina.

Es muy facil poner este plugin en tu Blog siguiendo los siguientes pasos.
  • Ve a Plantilla, luego has click en Edicion de HTML y busca la etiqueta </head>.
  • encima de ella agrega lo siguiente.
 <link href='http://dl.dropbox.com/u/23616660/ihojosestudios/FUTUdownloads/js/shadowbox.css' rel='stylesheet' type='text/css'/>
<script src='http://dl.dropbox.com/u/23616660/ihojosestudios/FUTUdownloads/js/shadowbox.js' type='text/javascript'/>
<script type='text/javascript'>
Shadowbox.init({
overlayColor: &quot;#000&quot;,
overlayOpacity: &quot;0.6&quot;,
});
</script>
  •  Guardas los cambios,
  • ahora cuando crees entradas puedes poner los siguientes.


Imagen

<a href="URL de la imagen" rel="shadowbox" title="Imagen">Imagen</a>

Galeria


<a href="URL de la imagen" rel="shadowbox[galeria1]" title="Imagen">Imagen 1</a>
<a href="URL de la imagen" rel="shadowbox[galeria1]" title="Imagen">Imagen 2</a>

Archivo SWF


<a rel="shadowbox;width=600;height=360" title="titulo" href="URL del archivo SWF">Imagen</a>

Video YouTube


Lo que está en rojo es el codigo del video: http://www.youtube.com/watch?v=8vfiaNtF9B4 o http://youtu.be/8vfiaNtF9B4
<a rel="shadowbox;width=405;height=340;" title="titulo" href="http://www.youtube.com/v/8vfiaNtF9B4&amp;hl=en&amp;fs=1&amp;rel=0&amp;autoplay=1">Imagen</a>

Video QuickTime


<a rel="shadowbox;width=600;height=360" title="Titulo" href="URL del video MOV">Imagen</a>

Video Yahoo! screen


<a rel="shadowbox;width=600;height=360" title="Titulo" href="http://d.yimg.com/static.video.yahoo.com/yep/YV_YEP.swf?ver=2.2.40">Imagen</a>

Vimeo


<a rel="shadowbox;width=600;height=360" title="Titulo" href="http://player.vimeo.com/video/1893986?autoplay=1">Imagen</a>

Veevr


 <a rel="shadowbox" title="Titulo" href="http://veevr.com/embed/JgGVTsfq_?w=640&h=360">Imagen</a>

Video Google


<a rel="shadowbox;width=600;height=360" title="Titulo" href="http://video.google.com/googleplayer.swf?docid=7137075178977335350">Imagen</a>

Pagina web


<a rel="shadowbox;width=800;height=600" title="Titulo" href="URL de la página">Página web</a>

Mapa


<a rel="shadowbox;width=425;height=350" title="Titulo" href="URL del mapa">Imagen</a>

Fuente | Shadowbox.js

Ver mas...

5 jun. 2012

Como evitar conflictos entre Plugins Scripts

Se han dado cuenta de como funciona FUTUdownloads, tiene Tooltips y demas complementos y todos funcionan sin problemas, además de poner ejemplos de plugins en el mismo sitio sin problemas. Es porque hay un script que evita que aiga conflictos entre los scripts.
El script no es 100% efectivo pero se quitaran dudas al saber que el script permite que en FUTUdownloads se vean los tooltips por el conflicto con Shadowbox.

  • Ve a Plantilla, has click en Edicion de HTML y encima de </head>. agrega lo siguiente.
 <script src='http://dl.dropbox.com/u/53097108/ihojosestudios/AsiaM/js/script.js' type='text/javascript'/>
  •  Y guardas cambios.
  • O puedes alojar el script en tu propio servidor y puedes descargarlo haciendo click e el siguiente enlace. SCRIPT.JS.
Ver mas...