mayo 14, 2008

Comentarios (0)

Mostrar un gráfico mientras se cargan las imágenes con css

Uno de los elementos que más tardan en cargar en cualquier sitio web o blog son las imágenes y hay que tener un especial cuidado cuando el contenido depende mucho de ellas. Algo que puede ayudar cuando manejamos imágenes de alta calidad (por tanto más pesadas) es incluir un pequeño gráfico que indique que las imágenes están siendo cargadas y esto puede conseguirse en pocos pasos con css.

El método se basa en usar una propiedad aplicable a la gran cantidad de etiquetas html: el background o fondo, colocando como fondo la imágen de precarga a la etiqueta correspondiente a la imágenes, es decir, a img de este modo:

img {background:  transparent url(imagen-precarga.gif) no-repeat center center;}

Donde imagen-precarga.gif es la ruta (dirección) completa de la imagen a mostrar durante la precarga y bien puede obtenerse con un generador en linea.

Para el caso de Blogger este código bien puede ir justo antes de la etiqueta “]]></b:skin>”.Y en wordpress, en la hoja de estilos externa comúnmente llamada “style.css”.

Esto puede ser útil cuando el protagonista de nuestro sitio son las imágenes, como es el caso de los photologs.

mayo 10, 2008

Comentarios (0)

RT Chromatophore – Apr 08 Joomla Template

RT Chromatophore - Apr 08 Joomla Template 

RT Chromatophore – Apr 08 Joomla Template

RT Chromatophore – Apr 08 Joomla Template | 3.6MB

Disponible Hoy para Joomla 1.0xx y Joomla 1.5xx!! 

 

The incredible new Chromatophore template features the amazing
ability to adapt itself to any color combination you desire, without
the need to use an image editor. Chromatophore is completely CSS color
controlled, offering you the most flexibility and the easiest
customization, allowing you to change the colors of your entire site on
the fly in seconds.

Chromatophore also comes bundled with a versatile 20 module
positions, impressive dynamic javascript module functionality, an
assortment of module variations, and a whole slew of preset font
configurations.

Overview

An overview of the key features of this template are as follows:

  • * Joomla 1.0+ compatible
  • * Joomla 1.5 Native version available (Now with 1.5 RokZoom plugin!)
  • * NEW 1.0 & 1.5 Native RocketLauncher now available! – Create your own site just like the demo site with only a few clicks
  • * NEW MooRainbow powered Color Chooser system!
  • * Optional IE6 Warning / Upgrade Notification
  • * The immensely popular RokSlide based tabbed module system
  • * 20 fully collapsible Module Positions
  • * Variety of module variations
  • * Ability to utilise 1, 2, and 3 column layouts
  • * 3 built-in menu options – The exclusive RokMooMenu menu system,
    Suckerfish, SplitMenu, as well as a module position to use your own
    custom menu module (Module)
  • * RokZoom Integration – custom slimbox variant built from the ground-up with cool zoom effect and a brand new look
  • * Built-in IE6 PNG fix
  • * W3C XHTML 1.0 Transitional. W3C CSS Valid
  • * Fully compatible IE7, Safari 2, Firefox 1.5+, Opera 9, OmniWeb,
    Shira, Netscape.(Due the advanced web techniques used in Chromatophore,
    Internet Explorer 6 support is limited. The template is compatible with
    IE6 and will function properly, however some of the graphics and visual
    effects have been reduced.)
  • * Source Adobe Fireworks PNGs included

Color and Style variations:

Chromatophore features an amazing new dynamic Color Chooser system
allowing you to customize and change the color scheme of the template
on the fly in real time. Also included are several color style presets
and overlays to get your started. Some of the available presets are
featured below:

The New MooRainbow powered Color Chooser

Chromatophore has a spectacular new feature, the mootools controlled
color chooser. With this feature, you can change almost everything in
the template, in respects to its color within seconds. Just click the
dropdown at the top and experiment with the options.

RokSlide Powered Tabbed Modules Return

Harnessing the power and functionality of the popular RokSlide
module, Chromatophore offers the ability to present your modules in
sliding tabs. Publish multiple modules into to a single tab module
position as well as customize the titles that appear in each tab.

Organize large amounts of information in easy to navigate tabbed
panes and reduce the clutter and space needed to display your content.
By default, Advert 1-5 module positions appear in the bottom tabbed
module pane. You can also add more module positions if needed.

The Exclusive RokMooMenu

Our highly popular exclusive menu is called RokMooMenu. This menu
has been developed from scratch using the latest and greatest MooTools
JavaScript framework. The RokMooMenu is a highly advanced and fully
customizable menu system is accessible and degrades to a standard
SuckerFish menu if JavaScript is not enabled or supported. Some of the
great features include:

* Hover support for IE6 using the sfHover javascript class just like in Suckerfish.

* Fully degradable to standard SuckerFish menu if javascript is not supported.

* Configurable mouse-out delay to allow for accidental mousing out of the menu.

* Completely customizable animation effects using MooTools transitions. Can be configured in X and/or Y directions.

* Support for fade-in transparency

* Experimental support for IE6 z-index bug using the iFrame hack.

Learn more about RokMooMenu on the Menu Options Demo Page.

Menu Information

The exclusive RocketTheme menu systems in this template use the
mainmenu by default and this menu is configured in the admin
administator. For these to function correctly, understand that the ‘top
level’ menu items will show up as the horizontal buttons across the top
of the template. For sub menu items, assign Parent Item to these top
menus to the top-level item. These will then show up below in a
sub-horizontal menu when you click on a top-level item. For an example
of this check out the demo server

For more details on the menu configuration options in Chromatophore, check out the instructions on the demo site

Installation Instructions

We’ve created a guide that covers how to set up your new
Chromatophore template on your Joomla site. Full details on how to
install and setup the template can be found on the “demo server”:
http://demo.rockettheme.com.

Module positions are summarized in the diagram below:

NOTES:

1. This template fully supports full width configurations for use
with galleries or forums, make sure you do not publish any modules in
the side module positions ‘mainbody’ will fill the entire width.

Configuration

There are a couple of configuration options for this template. The
configuration variables are located in the template’s own index.php
file. This way you can use the Edit HTML button in the Template Manager
to quickly and easily make changes to these options. This is how you
can choose the color variations and also configure some default
variables. Also you can select which menu the system should use.


Chromatophore Configuration Options

 

// *************************************************

// Change the variables below to adjust the template

//

// If you have any issues, check out the forum at

// http://www.rockettheme.com

//

// *************************************************

$default_style = "Blueberry Lime:overlay-stripes-vert,#263248,#d1d4de,#95ad2a,#ffffff,

#6e7791,#e1e3f0";

$enable_colorchooser = "true"; // true | false

$enable_ie6warn = "true"; // true | false

$enable_rokzoom = "true"; // true | false

$font_family = "helvetica"; // geneva | optima | helvetica | trebuchet | lucida |

georgia | palatino

$template_width = "962"; // width in px

$leftcolumn_width = "220"; // width in px

$rightcolumn_width = "220"; // width in px

$splitmenu_col = "rightcol"; // leftcol | rightcol

$menu_name = "mainmenu"; // mainmenu by default, can be any Joomla menu name

$menu_type = "moomenu"; // moomenu | suckerfish | splitmenu | module

$default_font = "default"; // smaller | default | larger

$show_pathway = "false"; // true | false

$show_moduleslider = "true"; // true | false

// module slider configuration

$max_mods_per_row = 3; // maximum number of modules per row (adjust the height if this wraps)

$modules_list = array(array("title"=>"Group 1 Stuff", "module"=>"advert1&quota ia iiaiai,

array("title"=>"Group 2 Panel", "module"=>"advert2&quota ia iiaiai,

array("title"=>"Group 3 Collection", "module"=>"advert3&quota ia iiaiai,

array("title"=>"Group 4 Assortment", "module"=>"advert4&quota ia iiaiai,

array("title"=>"Group 5 Items", "module"=>"advert5&quota ia iiaiai);

Chromatophore 1.0.x

rt_chromatophore_j10.tgz

chromatophore_pdf_tutorials_j10.zip

chromatophore-sources.zip

chromatophore-extensions-j10.zip

Quote:

Chromatophore 1.0.x Quickstart

rt_chromatophore_j10_quickstart

Quote:

Chromatophore 1.5.x

rt_chromatophore_j15.tgz

chromatophore_pdf_tutorials_j15.zip

chromatophore-sources.zip

chromatophore-extensions-j15.zip

Quote:

Chromatophore 1.5.x Quickstart

rt_chromatophore_j15_quickstart

Quote:

Download all in one

Quote:

mayo 2, 2008

Comentarios (0)

Red Box Joomla Template March 07

Debido a la demanda popular y nuestros deseos del cliente, se publican las Red Box Color Pack. Ahora puede elegir entre 3 colores de alta calidad diseños. Rojo, Azul y, Orange. Todas 3 Joomla vienen con las plantillas de las delicias de características tales como, suckerfish menú desplegable, 12 totalmente plegable módulo de posiciones, bella tipografía para hacer detalles en su sitio web se destacan, y módulo adicional de estilo. Precio por plantilla es de $ 5,00, o usted puede conseguir las 3 de alta calidad Joomla Plantillas de diseños de forma gratuita.

Cuadro de color rojo paquete de características:

* 100% Diseño Tableless
* Válido XHTML es?
* Válido CSS es?
508 * Válido
* 12 totalmente plegable módulo de posiciones
* Módulo adicional de estilo
* División del Sector Privado archivos incluidos
* División del Sector Privado de negocios incluyó consignas
* Joomla 1.0.x compatible
* Mambo 4.5 + compatible
* 2 opción de menú: por defecto Joomla y Suckerfish dropdown
* Ligero y rápido de carga

http://rapidshare.com/files/98637521/Color_Pack_webgraf.ru.rar

http://depositfiles.com/files/4051685



Page 8 of 8« First...45678