[ un desarrollo de PATAGONIA CREATIVE ]
  • CSS

    13 /09 / 2007 - 12:01 pm

    Publicado por Nikko.

    • 2
    • 4.361

    Social Link

    CSS para alinear nuestras imágenes

    En Snipplr publican una sencilla forma para conseguir mediante CSS tener siempre nuestras imágenes bien alineadas. Visto en intenta

    1. img.centered {
    2.     display: block;
    3.     margin-left: auto;
    4.     margin-right: auto;
    5.     }
    6.  
    7. img.alignright {
    8.     padding: 4px;
    9.     margin: 0 0 2px 7px;
    10.     display: inline;
    11.     }
    12.  
    13. img.alignleft {
    14.     padding: 4px;
    15.     margin: 0 7px 2px 0;
    16.     display: inline;
    17.     }
    18.  
    19. .alignright {
    20.     float: right;
    21.     }
    22.  
    23. .alignleft {
    24.     float: left
    25.     }

  • Themes

    13 /09 / 2007 - 4:35 am

    Publicado por Nikko.

    • 1
    • 1.527

    Social Link

    WordPress CSS Gallery – Theme pago, para crear galerías bajo wordpress

    Sin duda los themes gratuitos son un recurso extraordinarios, pero tal cual escribio Javier en Loogic muchas veces ver tantos blog con los mismos diseños hacen perder un poco la originalidad los propios diseños. Es por ello que mas de una vez he recomendado Storelicious si desean adquirir themes pagos a bajo costo y realmente muy agradables, Pero siguiendo con los themes pagos, acabo de encontrar uno muy agradable, WordPress CSS Gallery, es un theme (pago) para WordPress creado para diseñar una galería de diseños en CSS al mejor estilo cssmania, y también ideal para blogs sobre fotos. Más allá de sus características de base, viene con 5 diversos esquemas de color y 8 variaciones . Ver Demo

    • Caracteristicas

    Diseño para exhibir imágenes de la galería – diseño muy limpio y ordenado, que será fácil modificarlo a adaptarlo a lo que realmente buscas obtener.
    Menú al pasar el ratón por encima de las imágenes- Un bonito truco que resulto a la vez muy útil. Puedes colocarlo de nuevo para hacer que aparezca donde lo deseas.
    Pre-styled Sidebar Button Banners – si tu galería no será un álbum de foto personal, se diseño un bloque en el sidebar para exhibir anuncios
    Plugins integrados: WP-PostRatings y WP-PageNavi – WP-PageNavi para lograr una mejor navegación entre paginas. El WP-PostRatings un plugin que permite realizar votos sobre cada post

    5 diversos esquemas de color – junto con el esquema blanco y gris del diseño por defecto, el paquete viene con una variación de nuevos tonos que podrás elegir. Que son una pequeña muestra de lo que podrás lograr
    8 variaciones para cambiar – posee 8 variaciones de diseños con respecto a la estructura base.
    • Widget Sidebars listo – la columna (sidebar derecha) se compone de 3 sidebars listos para ser utilizado mediante widget separados.
    Títulos optimizados Search Engine en Sidebar

    El theme ronda los $70 dolares dependiendo la licencia que deseas adquirir, el pago es por PayPal y el diseño fue realizado por wpdesigner. Ver Demo
    Si deseas comprarlo, aquí les dejo el enlace >>>

  • Themes

    12 /09 / 2007 - 12:40 am

    Publicado por Nikko.

    • 6
    • 1.261

    Social Link

    WP Theme: Resurrection by yichi

    Cuando pienso en diseño web rápidamente se vienen a mi cabeza mis referentes, personas que admiro mucho por el trabajo que realizan, vikiworks, bartelme, mi amigo InfectedFX. Cada uno de ellos dedicado de lleno a este mundillo extraordinario que es el diseño web. Y con tiempo para desarrollar themes que todos ustedes puedan disfrutar.

    Esta vez vikiworks pone para la descarga el diseño actual de su blog WP Theme: Resurrection, con algunas pequeñas modificaciones.

    Solo se han quitado cosas personales como cellphone, PSP, imagen de fondo, etc con la idea de que tu lo personalices un poco trabajando la nueva imagen de fondo que llevara con photoshop.

    Este theme para su buen funcionamiento requiere instalar los plugins que figuraran a continuación y debes tener en cuenta cuando ya tengas instalado el theme lo siguiente:

    • Guardar un linkback ha vikiworks
    • Modificar el archivo sidebar.php para sustituir los adsense de google por el tuyo.
    • No soporta widgets todavía.
    • Se incluyen 3 imagenes de fondo.
    • Y recordar instalar los plugin que necesita el theme UTW tag, Page Navi y Twitter-tool . Los plugins vienen inluidos en el paquete de descarga.

    Visitar vikiworks para la descarga de WP Theme: Resurrection

  • Generadores | Patterns

    11 /09 / 2007 - 11:18 am

    Publicado por Nikko.

    • 6
    • 5.088

    Social Link

    Stripemania – Generador de fondos diagonales con degradados

    Stripemania otro bello sitio que nos permitirá generar en simples pasos fondos con líneas diagonales para nuestras web. Podremos configurar como ya imaginaras, grosor de líneas, colores a utilizar, si deseamos utilizar líneas diagonales o rectas, etc. Pero un detalle muy agradable es una opción que nos permite generar degradados en nuestras líneas, algo que le da al diseño un estilo muy bonito. Sin duda, Stripemania me ha gustado más que otros sitios diseñados para este mismo propósito.

    Enlace Stripemania

  • AdIcons para WordPress – Poner a la venta pequeños recuadros en tu sitio web

    AdIcons para WordPress, es un plugin que te deja fácilmente agregar y manejar AdIcons (pequeños iconos de venta o promoción) en tu blog.
    AdIcons es muy personalizable: Puedes ajustar las filas como columnas y los usuarios podrán comprar el espacio que ellos deseen, ya que configurar cual es el espacio a ocupar es sumamente fácil desde el panel.
    AdIcons puede ser utilizado para varios propósitos:

    • Puedes utilizarlo como blogroll agregando favicons de todos tus amigos.
    • Puedes vender/espacio de AdIcon a usuarios de tu sitio

    INSTALACIÓN:

    • Descargar plugin: adicons.zip
    • Descomprimir y alojar todo el contenido en tu carpeta /wp-content/plugins (la carpeta entera debe estar allí, lo que seria `/wp-content/plugins/adicons/’)
    • Activar el plugin desde panel de Administración
    • Ir a Opciones >> AdIcons y configurar el plugin.

    Opciones que encontraremos para configurar

    1. Rows / Columns: Esto define la forma de tu área de AdIcon. Puedes hacer 1×50 y dejarlo extender por todas partes, o hacer 5×5 una caja minúscula, lo que desees.
    2. Default Ad Status: Dejar como esta
    3. Same Url Twice: Esta opción permite configurar si una URL puede aparecer más de una vez en el bloque de AdIcon.
    4. Rows For Sale: La cuenta de filas que tienes para la venta. Por defecto es 0.
    5. Sale Price: Precio de venta de los AdIcons.
    6. Empty Link (Cuadrado vacio): Si no hay AdIcons en un punto, la imagen sobre el cuadrado llevara un enlace hacia por ej tu pagina de contacto.
    7. Empty For Sale Image (venta): Si no hay AdIcons en un punto para la venta, la imagen de este cuadrado. Por defecto es una imagen incluida en la instalación. Que podremos configurar.
    8. Empty For Rent Image (Alquiler): Igual que arriba, para el resto de los cuadros vacíos.

    USO

    Donde deseamos mostrar nuestros AdIcons pegamos el siguiente codigo (Sidebar, footer etc)

    1. <?php AI_Interface::adIconShow();?>

    Agregar un nuevo AdIcons

    Ir a Opciones >> AdIcons y luego a Add New AdIcon

    Buenos sitios de uso:

    • Footer de lado a lado
    • Header de lado a lado
    • Sidebar

    Ejemplos:

  • Iconos

    10 /09 / 2007 - 4:56 am

    Publicado por Nikko.

    • 5
    • 3.173

    Social Link

    Toolbar Icons

    Un pack de 45 iconos toolbar gratis. Todos los iconos en este set son imágenes png con transparencias. Este pequeño set es una muestra de lo que podrán encontrar al comprar el pack 264 iconos de la versión pro toolbar.

    Enlace Descarga

  • Themes

    07 /09 / 2007 - 10:35 pm

    Publicado por Nikko.

    • 5
    • 1.066

    Social Link

    Smashing Theme WordPress

    Festejando el aniversario de smashingmagazine el sitio ha lanzado su primer theme Smashing Theme, el cual posee un diseño muy agradable. A la hora de su desarrollo se ha pensado en la integración con AdSense; por lo tanto han dividido el área del contenido en 3 secciones (columnas). Cada uno de ellas para una unidad específica de AdSense (468 x 60), (180×150), (160×600). Como bien dicen ellos, el diseño que han querido realizar es un diseño “simplista” no tanto “minimalista” ya que en el se ha utilizado una gama variada de tonos muy suaves para expresarse de una manera más colorida.

    Ver DemoDescarga en smashingmagazine