Xyberneticos

MercadoShops – Tu tienda online con el respaldo de Mercado Libre

Nikko — Wed, 14 Jul 2010 18:20:43 +0000

Con la intención de impulsar el desarrollo y crecimiento de las ventas online, se lanzo hace unos meses MercadoShops, una plataforma de comercio electrónico (E-commerce) destinada a emprendedores y PyMEs. MercadoShops cuenta con el soporte y respaldo de Mercado Libre lo que te dará confianza a ti como emprendedor. Tendrá una apariencia personalizada con diseños profesionales y la posibilidad de utilizar tu propio dominio. Podrás crearla de manera fácil y rápida. Tus ventas estarán integradas a MercadoPago y podrás acceder a reportes de estadísticas actualizados en todo momento.

Enlace MercadoShops

Nivo Slider – jQuery Image Slider

Nikko — Sat, 05 Jun 2010 14:14:18 +0000

Nivo Slider, una fantástica forma de crear diapositivas / deslizante con miniaturas para nuestros proyectos online. Posee características particulares como 9 efectos de transición, se puede ajustar a nuestras necesidades, dirección y control de navegación, la versión sólo pesa 7kb, apoya la vinculación en imágenes, Teclado de navegación. Nivo Slider ha sido probado en los siguientes navegadores: Internet Explorer v7+, Firefox v3+, Google Chrome v4, Opera v10.5, entre otros.

Ver Demos - Info y Descarga Nivo Slider
Uso

PLAIN TEXT

JavaScript:

link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />

HTML

PLAIN TEXT

HTML:

$(window).load() function:

PLAIN TEXT

JavaScript:

PLAIN TEXT

JavaScript:

Otras Plataformas

Lo interesante es que nivo además podrá enconttarce para diversas plataformas, algo que ahorra tiempo a la hora de ser instalado.
Si desea utilizar el control deslizante de Nivo con Wordpress puedes seguir este tutorial que explica cómo configurarlo o utilizar el plugin para Wordpress Nivo Slider.
Descargue el Slider Nivo o Vista Nivo Slider módulos de Drupal.
Descargue el módulo de Joomla Nivo Slider (HU).

Fancy menú CSS3

Nikko — Sat, 05 Jun 2010 13:49:52 +0000

Fancy menú se hizo popular en devthought , basado en la biblioteca Mootools. Mas tarde conocimos una versión utilizando jQuery, llamado lavalamp, el cual tambien se hizo popular por Ganesh . Esta vez, veremos cómo obtener el mismo efecto utilizando las nuevas características de CSS3.

Nota: Se ve mejor en un navegador WebKit (Safari y Chrome). Este ejemplo es sólo para demostrar las capacidades de las características nuevas CSS3

Enlace Fancy menú - Ver Demo - Descarga

Zoom-Info – Imágenes ricas en información

Nikko — Tue, 04 May 2010 15:56:14 +0000

Si han pensado en mostrar unas pocas líneas de texto sobre una imagen en sus sitios, pero no quieren renunciar al diseño actual, crear una imagen rica en información ha de ser una muy buena solución. Lo que vamos a tratar de lograr, es tener una imagen a tamaño completo donde esconderemos información adicional. Cuando el usuario se desplace sobre la imagen vamos a animar / modificar su tamaño para ocupar el resto del espacio con una imagen miniatura, titulo y descripción, además podrán volver al estado anterior con sólo mover el cursor fuera del panel de la imagen. La idea se basa en jQuery’s y sus funciones .hover() y .animate().

Ver Demo - Descarga - Mas info Zoom-Info

PLAIN TEXT

JavaScript:

$(document).ready(function()
{
$('.galleryImage').hover(
function()
{

$(this).find('img').animate(
{ width:100,
marginTop:10,
marginLeft:10
}, 500);

   },
   function()
   {

$(this).find('img').animate(
{width:325,
marginTop:0,
marginLeft:0
},300);

});
});

Css

PLAIN TEXT

CSS:

.galleryContainer
{
width: 1024px;
}
.galleryImage {
background-color:black;
width:325px;
height:260px;
overflow:hidden;
margin:5px;
float:left;
}
.info{
margin-left:10px;
font-family:arial;
padding:3px;
}
.info h2{
color:gray;
}
.info p {
color:white
}
.clear {
clear:both;
margin-top:10px;
}

Planyo – Sistema de reservas online para cualquier plataforma

Nikko — Wed, 21 Apr 2010 18:35:44 +0000

Planyo es un flexible sistema de reservas online para cualquier tipo de sitios, tales como hoteles, apartamentos, alquiler de yates, escuelas de conducción, pistas de tenis, visitas al médico, eventos, etc

Planyo está disponible en 10 idiomas y le ayuda a administrar sus reservas de los clientes mediante la manipulación de todas las comunicaciones de correo electrónico con los clientes, permitiendo diversos mecanismos de confirmación de reserva, los pagos de gastos de mantenimiento (también los pagos en línea de tarjetas de crédito), impresión de facturas, etc
Este módulo incorpora el sistema de reservas (cuadro de búsqueda de disponibilidad y el formulario de reserva) en su sitio de modo que los visitantes pueden pasar por todo el proceso (búsqueda y reserva) sin salir de su sitio web. Encontraran Plugins, add-ons y extensions para Joomla!, Drupal.org, WordPress, DreamWeaver ,Typo3 y MODx.

Enlace Planyo para wordpress - Demo Reservas - Demo Admin

Disqus comments – Sistema de comentarios para mejorar tu sitio

Nikko — Wed, 21 Apr 2010 18:07:06 +0000

Disqus comments es un maravilloso sistema de comentarios para mejorar todas las discusiones de nuestro blog. Lo interesante de Disqus es que te permite centralizar todos los comentarios que realices en cualquier blog que use el sistema bajo una única cuenta, además podrás clasificar y/o valorar aquellos comentarios que aporten valor al artículo, y quizás lo más interesante es que tus usuarios podrán validar los comentarios usando sus cuentas de Facebook, Twitter u OpenID. Disqus comments puede integrarse a Wordpress (con un plugin), Blogger, Tumblr, MovableType, Drupal, Joomla, Squarespace, Yola/SynthaSite, DokuWiki, Storytlr, Sweetcron, Sandvox, chi.mp, entre otros.

Instalación:

Seguir las instrucciones, pero recuerde que tendrá que registrar su sitio (en Disqus ) antes de instalar (es gratis y rápido).

Si está usando WordPress 2.7 o superior, seleccione Agregar nuevo Plugins en el panel izquierdo de su administración. En el campo de búsqueda agregar "Disqus Comment" y seleccione Instalar . Para las versiones mas antiguas de WordPress, descargar el plug-in después desde la web oficial, descomprimirlo y alojarlo en su directorio de plugins.

Activar el plugin y navegar a los comentarios.

Iniciar sesión Disqus ( regístrate aquí ) y continuar con el proceso de instalación.

Si desea exportar sus comentarios WordPress existentes ha Disqus, seleccione Opciones avanzadas y localizar la exportación.

• Después de este proceso, todos los comentarios futuros automáticamente sincronizar Disqus y WordPress.
• Nota: Como medida de precaución, se recomienda que respalde su base de datos antes de importar o exportar comentarios.

60 grandes themes surgidos en los últimos meses

Nikko — Wed, 21 Apr 2010 13:45:32 +0000

Parece ser, que cada vez más se buscan nuevas técnicas para los themes desarrollados en wordpress. Y en base a eso, los themes diseñados por terceros en algún momento pueden ser útil para aprender esas técnicas estudiando el código escrito para su armado. A continuación webdesignerdepot presento más de 60 grandes themes surgidos en los últimos meses (octubre 09 a Abril 10), que invito a que vean.

Enlace 60+ Awesome New WordPress Themes

Mostrar distintos single.php por categoria

Nikko — Mon, 05 Apr 2010 21:34:22 +0000

Si se encuentran desarrollando un proyecto un tanto complejo, como puede ser un periódico online basado en wordpress, puede que deseen en algún momento diferenciarse de lo que tradicionalmente encontramos en un blog. Este tips podrá ayudarles a crear secciones que se diferencien de las demás, dependiendo de la categoría que nuestros usuarios deseen indagar. La idea es crear un single.php (base), que los redireccione a un single2.php (opción 2), single3.php (opción 3), etc, dependiendo de su categoría. Esto permitirá diagramar nuevas estructuras o formas de presentar los artículos dependiendo de los temas que tratemos.

Tips:

En nuestro single.php (base), ahora vacío, pegamos el siguiente código. Nos traerá la versión “1″ para cierta categoría, “2″ para una segunda o la versión “3″ para el resto de categorías.

PLAIN TEXT

PHP:

if (in_category(1)) { // Si el post pertenece a la cat 1, redirigir a single-1.php
include(TEMPLATEPATH . '/single1.php');
} elseif (in_category(2)) { // Si el post pertenece a la cat 2, redirigir a single-2.php
include(TEMPLATEPATH . '/single2.php');
} else { // Si el post pertenece a la cat 3, redirigir a single-3.php
include(TEMPLATEPATH . '/single3.php');
} ?>

Via todowp

Dribbble – Para compartir tus trabajos de diseño

Nikko — Mon, 05 Apr 2010 21:14:24 +0000

dribbble.com es nueva red donde podrán compartir sus trabajos todos aquellos que se encuentren relacionados al mundo del diseño web y/o diseño grafico. Una buena iniciativa para conocer nuevos diseñadores, observar nuevas técnicas, ampliar ideas, y/o recibir críticas constructivas como cumplidos. Podrán subirse capturas web que tengamos en desarrollo, bocetos de diseños para graficas, wallpapers y demás, todo etiquetado para facilitar las búsquedas de nuevos usuarios.

Enlace dribbble.com

Via wwwhatsnew

Presentation Cycle – Presentacion de imágenes con barra de progreso

Nikko — Wed, 10 Mar 2010 13:22:34 +0000

Presentation Cycle, un bonito plugin para jQuery que nos permitirá construir fácilmente presentaciones de imágenes con una barra de progreso bastante llamativa. Este script soporta una gran cantidad de efectos y en lugar de generar una lista de números donde hacer click para navegar, Presentation Cycle genera una barra de progreso que muestra cuando la nueva diapositiva aparecerá.

Ver Demo - Descarga e info Presentation Cycle

Via infectedfx