[ un desarrollo de PATAGONIA CREATIVE ]

Archivos en Categoria: Tutoriales

  • Iconos | Tutoriales

    18 /09 / 2007 - 2:38 am

    Publicado por Nikko.

    • 15
    • 2.374

    Social Link

    Creando nuestros propios Iconos RSS

    Probablemente uno de los iconos más populares y mas reconocibles en Internet sean los Iconos de nuestros feed, Rss Icon, iconos de alimentación o como prefieras llamarlos.
    Evidentemente esto debido a que prácticamente todos los sitios web poseen sus Iconos Rss para indicar la disponibilidad de suscripción a una alimentación. Sin duda tendrás tu buena colección de iconos Rss, en variedad de tonos y variedad de diseños. Aun así, si eres un poco detallista en cuanto a diseño, te agradaría tener para tu sitio un icono realmente original, personalizado y siguiendo la gama del diseño de tu blog, entonces aquí comienza el problema, es difícil dar con un icono original partiendo de la base que la mayoría de ellos son similares. Entonces, lo mejor será que aprendas a crear tus propios iconos, utilizando herramientas de edición como Fireworks o Photoshop, a continuación les dejo unos tutoriales que podrán guiarlos en la creación de sus propios iconos RSS.

    Tutorial: Design a custom RSS feed icon
    Category: Adobe Photoshop Tutorials

    Diseñar un botón de alimentación RSS usando adobe Photoshop. La técnica permite cambios fáciles de color de modo que el botón de RSS se adaptara a tu estilo del sitio.

     

    Tutorial: Glassy & Vibrant Rss feed icon Tutorial - Descarga PSD

    Un excelente iconos creado en photoshop. Con un diseño bastante original, ya que por lo general no se acostumbra a usar este tipo de diseños para nuestros feed.

     

    Tutorial: Create a Vector RSS Icon with Illustrator

    Un icono con diseño muy bonito creado con Illustrator. El tutorial es muy intuitivo y fácil de seguir.

     

     

    Tutorial: Make your own RSS Feed iconDescarga Psd
    Otro icono muy bonito y los pasos son sencillos de seguir, todo esta muy bien explicado .Aun estando el artículo en ingles podrán seguir cada paso sin problemas. Como notaron pondremos descargar también el archivo psd.

     

    Tutorial: RSS-Icon: Standard in Variationen

    Una variación de los tradicionales iconos, pero con un estilo lejos mucho mas agradable. El tutorial explica como obtener varias tonalidades tambien.

     

     

    Tutorial: RSS icons in Fireworks
    Este tutorial les explicara como obtener el icono que figura arriba utilizando Fireworks. Desde ya, el icono es muy bonito.

  • Pownce o Twitter: Mostrando las actualizaciones desde tu blog

    Twitter y Pownce son dos redes sociales que no han parado de crecer desde que surgieron. Ambos servicios nos permiten realizar exactamente lo mismo, contar y compartir por medio de un mini-blog las cosas que estamos haciendo en un determinado momento. Todas esas actualizaciones, que se hacen desde la página principal a través de un simple cuadro de texto, aparecen en una página personal pública que el resto podrá leer. Básicamente la idea de estos servicios, es que puedes escribir cualquier cosa que estés haciendo de forma muy natural, saliendo un poco de lo que escribís siempre en tu blog.

    Ahora, para compartir desde nuestro blog las cosas que escribimos en Twitter o Pownce podemos dejar un link a la cuenta que estamos utilizando en algunos de los servicios (Mi cuenta en Pownce) . Pero una forma aun mas practica, es la de compartir directamente desde nuestro blog las actualizaciones en tiempo real.

    Pownce for WordPress 1.23 y Twitter for WordPress son dos plugin que nos permitirán integrar nuestra cuenta de Twitter o Pownce fácilmente a nuestro blog.

     

    Pownce para WordPress

    Instalación:

    1. Descargamos el Plugin Pownce for WordPress 1.23 - Web
    2. Descomprimir el fichero
    3. Subir el contenido de la carpeta a /wp-content/plugins/
    4. Activar desde el menú administrador

    Uso

    Insertamos en nuestro sidebar o donde quieras el código siguiente para exhibir tus mensajes públicos de Pownce: La forma estandar sera

    PHP:
    <?php pownce_messages('Tu nombre de usuario'); ?>

    Y mostara el mensaje asi:

     

    Personalizar:
    Como ves al utilizar el código estándar luego del mensaje, aparece un cero “(O)” y una fecha. El cero equivale a las respuestas que ha tenido nuestro mensaje, y la fecha el momento en que lo hemos publicado.
    Si esto no nos agrada, podremos utilizar otro código diferente al estándar, y en el configurar ciertos parámetros, por ejemplo con la idea de que solo se muestre el mensaje.
    El nuevo código a usar será:

    PHP:
    <?php pownce_messages('Nombre de usuario', Nº de mensajes q deseamos mostrar, mostrar como lista, mostrar fecha, Mostrar cantidad de respuestas); ?>

    En caso de que solo deseamos visualizar un único mensaje sin nada mas, el código será algo como el siguiente:

    PHP:
    <?php pownce_messages('Nikko', 1, false, false, false); ?>

    Resultado:

    pownce foto ejemplo

    divisor

    foto twitter

    Twitter para WordPress

    Instalación:

    1. Descargamos el Plugin Twitter for WordPress - by Rick jinlabs
    2. Descomprimir el fichero
    3. Subir el contenido de la carpeta a /wp-content/plugins/
    4. Activar desde el menú administrador

    Uso:
    Básicamente muy similar a Pownce, el código estándar será:

    PHP:
    <?php twitter_messages('username'); ?>

    Mostrara todos tus escritos públicos
    Personalizar:
    El plugin Twitter para WordPress también tiene varias opciones configurables. Aquí lo que puedes configurar:

    PHP:
    <?php twitter_messages('username', [msgs], [list], [timestamp], [linked]); ?>

    username: Tu nombre de usuario
    msgs: número de mensajes a mostrar
    list: mostrar tus mensajes en una lista desordenada
    timestamp: mostrar tiempo de publicación de tus mensajes
    linked: crear un link a tu comentario

    EJ: para mostrar: 3 mensajes, no en una lista, con fechas y con enlace a tu comentario utilizarías el siguiente código:

    PHP:
    <?php twitter_messages(Nikko, 3, false, true, true); ?>

    Invitaciones para pownce (Me Quedan dos)
    invitaciones.jpg

  • CSS | Tutoriales

    23 /08 / 2007 - 10:22 am

    Publicado por Nikko.

    • 15
    • 20.151

    Social Link

    Lograr tablas bonitas con css

    Veerle nos deja dos bonitas técnicas basadas en CSS que nos permitirán lograr tablas agradables y con estilo. Algo que vendrá muy bien cuando necesiten mostrar estadísticas o datos en sus web.

    1. A CSS styled table - Demo
    2. A CSS styled table version 2 - Demo


Pagina 4 de 4«1234