[ un desarrollo de PATAGONIA CREATIVE ]
  • BlogDay 2007 en xyberneticos

     

    bloday.jpg

    Ayer se celebro el BlogDay, un día en el cual los bloggers que quieran celebrarlo tendrán que recomendar 5 blogs a sus lectores, aunque estaré un día atrasado, no podía dejar pasar mi primer año de BlogDay sin recomendarles mis 5 blog. Pues bien, realizada la introducción, aquí les dejo mis recomendados de hoy. Por cierto, gracias a todos aquellos que han mencionado xyberneticos en su BlogDay ^_^.

    1. Cubik.es: Un bonito blog que conocí hace muy poquito dedicado al diseño, las tipografías, motion graphics, web, flash y todas estas cosas que nos gustan tanto.
    2. Artegami: Un blog enfocado también en el diseño web, recursos online, y demas, artículos muy variados y muy agradables.
    3. Forobloggers: Es un proyecto lanzado este año por juanguis, este foro tiene la idea de ser un punto de encuentro para blogger. Básicamente se centra en intercambiar experiencias, brindar ayuda a blogger que recién comienzan, en fin, interactuar con otros blogger que disfrutan tanto como nosotros de este universo online. Sin duda, cuando surjan inquietudes relacionadas a tu blog, aquí encontraras un blogger dispuesto a ayudarte siempre.
    4. CSS Lab: Un excelente blog donde podrás aprender cada día un poquito mas sobre css. Los artículos son siempre muy buenos, y los tips que nos muestra siempre nos hace las cosas más fáciles. Muy recomendado.
    5. Unijimpe: Un blog enfocado en tutoriales y noticias acerca de PHP, ActionScript, WordPress. Los tutoriales son siempre extraordinarios, un sitio también muy recomendado.
    6. Por ultimo mi Blogroll, mis blog siempre recomendados ^_^

  • CSS | Diseño Web | Themes

    01 /09 / 2007 - 6:17 pm

    Publicado por Nikko.

    • 1
    • 2.658

    Social Link

    8 técnicas básicas de plantillas CSS

    Mitchbryson nos deja 8 plantillas css gratuitas que podremos descargar. La idea es utilizar esta pequeña colección como punto de partida básico para llevar adelante cualquier proyecto personal. Los diseños son bastante variados, con sidebar tanto de lado derecho como izquierdo, como también diseños realizados en 1, 2 y 3 columnas, y contenido fluido o fijo.
    Podrán ver la opción de descargar cada plantilla a medida que van visualizando el diseño previo de cada una de ellas.

    Enlace 8 Basic CSS Templates

    Via sentidoweb

  • Javascript | Scripts

    31 /08 / 2007 - 1:48 am

    Publicado por Nikko.

    • 9
    • 3.578

    Social Link

    Sweet Titles: Bonitos Tooltips semi transparente para nuestros enlaces

    Sweet Titles es un script que nos permite generar en nuestros enlaces tooltips. Los tooltips si aun no sabes son esos mensajes emergentes que vemos al poner nuestro cursor sobre un enlace determinado. En este caso los mostraremos en una caja emergente semi transparente muy agradable y que podemos personalizar a nuestros gustos mediante css.
    De forma default una vez instalado el script nos mostrara automáticamente las url de los enlaces, ahora, si deseamos agregar una información extra al tooltips , simplemente lo haremos por medio del atributo “Title”. Ver Demo
    Instalación:

    • Descargamos el script Sweet Titles
    • Incluimos en nuestra cabecera entre las etiquetas < head > y < / head > la llamada.
    1. <script type="text/javascript" src="js/addEvent.js"></script>
    2. <script type="text/javascript" src="js/sweetTitles.js"></script>

    NOTA: Verificamos bien en “src” que la localización de loa script sea la correcta. ///
    En nuestra hoja de estilo agregamos:

    1. /* Fading Tooltips */
    2. div#toolTip {
    3. position:absolute;
    4. width:220px;
    5. background:#000;
    6. border:2px double #fff;
    7. text-align:left;
    8. padding:5px;
    9. -moz-border-radius:5px;
    10. z-index:1000;
    11. }
    12. div#toolTip p {
    13. margin:0;
    14. padding:0;
    15. color:#fff;
    16. font:11px/12px verdana,arial,serif;
    17. }
    18. div#toolTip p em {
    19. display:block;
    20. margin-top:3px;
    21. color:#f60;
    22. font-style:normal;
    23. font-weight:bold;
    24. }

    Usos:
    Si tenemos instalado el script en realidad no necesitaremos hacer nada más en caso de que solo deseemos mostrar las url en los tooltips.
    Ahora si a estos tooltips deseamos agregarle una información adicional, (como las letras blancas que vemos en el ejemplo), lo haremos mediante el atributo “Title” seguido de lo que deseamos mostrar. Ejemplo (siguiendo con la imagen del post)

    1. <a href="http://www.xyberneticos.com/personalizar-nuestro-contador"
    2. title="plugin wordpress que nos permitirá seguir la cantidad de usuarios suscriptos mediante un contador personalizado mediante CSS." />Personalizar nuestro contador de suscripciones para lograr un estilo agradable </a>

    Ver demo Online – Web Oficial dustindiaz

  • Iconos

    31 /08 / 2007 - 1:01 am

    Publicado por Nikko.

    • 0
    • 1.340

    Social Link

    123 Iconos mini pixel

    Otro pequeño pack de iconos, esta vez píxel de 16×16 que podrás usar en proyectos web personales.

    Enlace pixelpressicons iconos Pixel

    Via blogandweb

  • Personalizar nuestro contador de suscripciones para lograr un estilo agradable

    FeedCount es un bonito plugin wordpress que nos permitirá seguir la cantidad de usuarios suscriptos a nuestros feed pero dándole un poco mas de personalización a nuestro contador. Básicamente remplazaremos el tradicional contador para usar este nuevo personalizado mediante CSS.
    Instalación:

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

    Configuración:
    Necesitaremos configurar el plugin para que siga la cantidad de usuarios suscriptos a nuestros feed, entonces debemos:

    • Dirigirnos a “Opciones” en nuestro panel de control.
    • Dentro de estas opciones seleccionaremos la Opción “Feed Count

    • Aquí nos encontraremos con el cuadro que figura arriba, que posee dos casilleros importantes para rellenar. En el primero deberemos ingresar la URL de nuestro feed y en el segundo casillero el link de ha donde deseamos sean dirigidos los usuarios al hacer click sobre nuestro contador. La mejor idea aquí, es poner en ambos casilleros la Url de nuestro feed. Esto con la idea de seguir aumentando la suscripciones.

    Llamada al contador:
    Para que nuestro contador se muestre necesitaremos ingresar una pequeña línea de código, donde deseamos que aparezca nuestro nuevo contador: Ej en tu Sidebar. El código tradicional es el siguiente:

    1. <?php if (function_exists('fc_feedcount')) fc_feedcount(); ?>

    Personalizar nuestros contadores mediante CSS:
    Si bien los pasos detallados arriba nos permitirán ya estar visualizando nuestro contador, la idea es que nosotros mismo creemos nuestros propios contadores personalizados mediante CSS, aquí les dejo un ejemplo para lograr el siguiente diseño.

    1. .feedcountdiv p{
    2. margin-top:5px;
    3. font-size: 20px;
    4. }
    5. .subscribers {
    6. font-family: Georgia, "Trebuchet MS";
    7. font-size:35px;
    8. padding:-5px;
    9. margin: 0px;
    10. line-height:8px;}
    11. .feedcount {font-size:20px;
    12. line-height:12px;color:#F7E0A9;
    13. }
    14. .contador {
    15. background: #3B2F23;
    16. margin-bottom: 10px;
    17. position: relative;
    18. padding: 10px 10px;
    19. font-size:11px;
    20. }
    21. .contador a {
    22. color:#BFE3DA;
    23. }
    24. .contador .rssicon {
    25. float: left;
    26. background: url(images/feedicon48x48.gif) no-repeat ;
    27. width:48px;
    28. height:48px;
    29. padding-right:5px;
    30. }
    31. .contador .Contador_link {
    32. font-size:12px;
    33. }

    Llamada

    1. <div class="contador">
    2. <div class="rssicon" onClick="location.href='http://feeds.feedburner.com/webxyberneticos/'"></div>
    3. <div class="Contador_link"><a title="RSS feed" href="http://feeds.feedburner.com/webxyberneticos/">Suscriptos por feed </a></div>
    4. <div class='feedcountdiv'><?php if (function_exists('fc_feedcount')) fc_feedcount(); ?></div></div>

    Descarga Icono Utilizado en el ejemplo.

    Actualización

    feed

    En viciao2k3 podrán descargar un bonito estilo con una imagen de fondo que me ha gustado bastante. La descarga incluye los CSS, e imágenes utilizadas.
    Los pasos son exactamente los mismos, descargamos el plugin personalizado esta vez, el cual incluye las imágenes.
    Incluimos en nuestra hoja de estilo los CSS para personalizar

    1. #rss_c{font-family:Arial,Helvetica,sans-serif;background:url('images/boto_fons.gif') left top no-repeat;width:120px;height:60px;text-align:center}
    2. #rss_c div{padding-top:11px}
    3. #rss_c span{font-size:xx-small;position:relative}
    4. #rss_c a{background:url('images/rssp1.gif') no-repeat left center;padding-left:28px;font-weight:bold;font-size:22px;text-decoration:none;color:#000}
    5. #rss_c a:hover{color:#F37421}

    Luego simplemente incluimos la llamada donde deseamos se muestre nuestro nuevo contador de feed.

    1. <?php if (function_exists(’fc_feedcount’))fc_feedcount(); ?>

  • Diseño

    28 /08 / 2007 - 11:31 pm

    Publicado por Nikko.

    • 2
    • 809

    Social Link

    Se comienzan a ver los primeros diseños del concurso de Mister Wong

    Hace unos días hablamos del lanzamiento del concurso para diseñar el nuevo logo de Mister Wong, como premio 6.000 dólares. A partir de ahora ya podremos comenzar a ver los primeros 127 diseños que comienzan a competir. Hay varios muy creativos y bellos, lo que hace pensar que será muy difícil elegir aun único ganador. Si tú aun no haz presentado tus diseños, aun estas a tiempo, la fecha límite para presentar tus diseños es hasta el de 8 de Septiembre del 2007. Mientras podrás ir viendo los diseños con los cuales deberás de competir. A ser creativos y a participar. Por cierto, mucha suerte.

    Enlace a los primeros 127 diseños compitiendo en el concurso

  • Fotografia

    28 /08 / 2007 - 10:32 pm

    Publicado por Nikko.

    • 1
    • 1.173

    Social Link

    FotoFlexer, Editor online de imágenes que se integra a Flickr, Picassa, etc

    FotoFlexer es otra aplicación online que podremos agregar a la gran lista de editores online de imágenes que ya hemos ido descubriendo. Bajo su bonita interfaz realizada en flash nos permite corregir nuestras imágenes de una forma sumamente sencilla, entre las opciones encontraremos para ajustar color, distorsionar nuestras imágenes, realizar varias mejoras, insertar textos y varias herramientas avanzadas con las cuales jugar. Un dato interesante de FotoFlexer es que mas haya que nos permite subir fotos desde nuestro ordenador también permite una completa integración con servicios como Flickr, MySpace, Picassa y Facebook para la importación y exportación de imágenes, lo que básicamente nos permitirá corregir todas nuestras imágenes siempre trabajando en línea. A esto sumarle que podremos realizar capturas de imágenes con nuestra webcam o buscar imagenes utilizando el buscador de yahoo. FotoFlexer es sin duda una buena opción para tener en cuenta, si deseas trabajar de forma online corrigiendo tus imágenes almacenadas en servicios populares.

    Enlace FotoFlexer – Via Genbeta