CosasParaMiBlogs

lunes, 19 de septiembre de 2011

Mundo Google, Navegando, Promoción, X-Topic

Compartir con el boton +1 – programmers

A finales de Agosto Google anuncio una serie deinnovaciones para su botón +1. La principal por su trascendencia, es que el botón servirá en breve para enviar contenido directamente a Google+, de la misma manera que ahora lo hacemos con elbotón de Twitter o el deCompartir de Facebook.

Actualmente, al pinchar o pasar el puntero por encima del botón, sólo obtenemos información sobre si habíamos hecho +1 y si queríamos deshacer la acción.

La nueva función sólo es visible de momento para los usuarios delgrupo de pruebas de laplataforma de Google+, pero en los enlaces anteriores podrás registrarte si es que quieres empezar a usarla. A partir de ese momento, los botones +1 de cualquier sitio web te mostrarán un nuevo cajetín con la leyenda "Compartir en Google+".

Sólo con hacer click en ese recuadro, se incorporarán automáticamente el título del artículo, una miniatura (si existe imagen) y un breve resumen. Más abajo se podrá seleccionar como es habitual, si el enlace lo quieres hacer público o enviar a determinado círculos.

Como veis, salvando el tema de laprivacidad del que siempre habla mi colega Pizcos, esta nueva utilidad resulta bastante cómoda para -una vez hecho el login- enviar enlaces a Google+ sin tener que abrir una nueva ventana y sin dejar de navegar por dónde andemos.

La otra ventaja evidente es para los administradores de sitios, ya que por los mismos motivos de antes,cualquier lector puede compartir con facilidad nuestros artículos con un par de clics.

boulder personal injury lawyers structured annuity settlement PHD IN COUNSELING EDUCATION orlando criminal attorney How to Donate A Car in California Forensics Online Course cheap car insurance in virginia CRIMINAL DEFENSE ATTORNEYS FLORIDA Seo services CAR INSURANCE QUOTES COLORADO Business management software mesothelioma lawyer houston Low Credit Line Credit Cards Life Insurance Co Lincoln injury lawyer houston tx Dwi lawyer cash out annuity Online motor insurance quotes Christmas cards dallas mesothelioma lawyer Donate Your Car for Kids CHEAP CAR INSURANCE IN VIRGINIA domain yahoo Online casino Casino reviews Custom Christmas cards annuity payment Social media platforms for business what is structured settlement Better Conference Calls lawsuit mesothelioma refinance with poor credit Attorney Dedicated Hosting Dedicated Server Hosting DONATE YOUR CAR SACRAMENTO sell my structured settlement asterisk call center software Mobile casino Gas/Electricity mesothelioma claims Cheap Car Insurance in Virginia Donate your Car for Money Criminal lawyer Miami Casino Nunavut Culture Bankruptcy lawyer ANNUITY SETTLEMENT Make money online Australia Holland Michigan College Best social media platforms benchmark lending DUI lawyer Health Records Personal Health Record Live casino Social media campaigns firm law mesothelioma mesothelioma care Hire php developers LIFE INSURANCE CO LINCOLN Online Motor Insurance Quotes refinance with bad credit Online Stock Trading Hire php programmers Massage School Dallas Texas DONATE CARS IN MA mesothelioma lawsuits Donating Used Cars to Charity Best social media platforms for business Criminal lawyer Service business software How to donate a car in California Criminal defense lawyer adverse credit remortgage car accident lawyers west palm beach Php programmers for hire Computer science classes online Car Insurance Quotes Utah Adobe illustrator classes HOW TO DONATE A CAR IN CALIFORNIA federal criminal defense attorney Hire php developer sell your structured settlement payments Donate a Car in Maryland car accident lawyers Php programmers tucson car accident attorney HOLLAND MICHIGAN COLLEGE MESOTHELIOMA LAW FIRM Dayton Freight Lines Seo companies CHEAP AUTO INSURANCE IN VA attorney lawyer mesothelioma World trade center footage CAR INSURANCE IN SOUTH DAKOTA Photo Christmas cards New social media platforms Structures Annuity Settlement Online Colleges mesothelioma lawyer dallas car insurance quotes pa hair removal washington dc DONATE YOUR CAR FOR MONEY Business finance group Psd to WordPress Custom WordPress theme designer sell structured settlement calculator event management security car insurance in south dakota motorcycle accident attorney chicago Donating used cars to charity donating used cars to charity selling my structured settlement Best Seo company illinois law lemon Seo company Cheap Car Insurance for Ladies Psychic for free harddrive data recovery services Psd to html accident car florida lawyer Automobile Accident Attorney Online Christmas cards Car insurance in South Dakota Dayton freight lines WordPress themes for designers Virtual Data Rooms WordPress hosting Social media examiner Social media management accident lawyers in los angeles car donate Tech school Html email Social media platforms domain name yahoo Proud Italian cook Asbestos Lung Cancer Email Bulk Service Italian cooking school Annuity Settlements car accident lawyer san bernardino Donate Car for Tax Credit Criminal Defense Attorneys Florida Donate Cars in MA ONLINE COLLEDGES los angeles auto accident attorneys mesothelioma survival rates WordPress theme designers Met Auto anti spam appliance Cheap car insurance in Virginia mesothelioma law suit structured settlements annuities Online Criminal Justice Degree Social media strategies Social media tools Learning adobe illustrator primary pulmonary hypertension Mesothelioma Law Firm Donate car to charity California mesothelioma help Donate Car to Charity California Car Insurance Quotes MN mesotheliama earthlink business internet Donate Your Car Sacramento broward county dui lawyer pharmacist jobs in chicago auto accident attorney DONATE A CAR IN MARYLAND DAYTON FREIGHT LINES Sell Annuity Payment Car insurance quotes MN motor insurance quotes Asbestos Lawyers personal injury attorney ocala fl Car Insurance Quotes Colorado car insurance quotes mn CAR INSURANCE QUOTES PA Donating a Car in Maryland mesothelioma attorney selling annuity payments for cash Hard drive Data Recovery Services mesothelioma suit Motor Replacements Cheap Domain Registration Hosting saskatchewan auto insurance Donate Cars Illinois mesothelioma settlements Online Classes Best Criminal Lawyers in Arizona FORENSICS ONLINE COURSE donate your car for kids BETTER CONFERENCING CALLS mesothelioma attorney assistance asbestos lung cancer injury lawyers west palm beach Business VOIP Solutions SELL ANNUITY PAYMENT google affiliate Neuson auto accident attorney Torrance Royalty Free Images Stock Paperport Promotional Code World Trade Center Footage Data Recovery Raid car insurance companies Psychic for Free structured settlemen Donate Old Cars to Charity

viernes, 16 de septiembre de 2011

Artilugios, Blogger

Próxima novedad Blogger ¿ventanas modales de serie? – Law Firm

AyerRaúl me comentaba por correo que le había aparecido una especie de ventana modal indeseada en sus imágenes y que eso le había estropeado parte del diseño que tenía en su blog Blogger. Estuve haciendo unas pruebas, pero como no pude reproducir el efecto y por otra parte, él tenía un script para un acordeón en las imágenes que formaban su menú principal, finalmente concluimos que tenía que ser algún tipo de fallo de ese script.

Pero hete aquí que hoy Pizcos nos anuncia queBlogger ha incorporado el efecto lightbox a nuestras imágenes y en su blog, sí que funciona.

Total que siguiendo con las pruebas y las consultas, unos tienen ese efecto y otros no, lo cual unido a que no ha existido anuncio oficial alguno, ni enDraft ni enBuzz, me hace pensar que Blogger sólo está experimentando o bien ha tenido un fallo a la hora de instalar cosas dónde no debía hacerlo todavía.

El caso es que la idea es bastante buena, porque como sabéis, siempre ha sido un problema (menor, pero un problema) alojar scripts en esta plataforma. Así que si de serie viene algún sistema de ventanas modales, seguro que será bienvenido para empezar a quitar otros códigos que tuviéramos.

Para los que no sepan qué es una ventana modal, esto es simplemente un sistema mediante el cual, al pinchar en una imagen, la ventana se vuelve generalmente oscura (semi-transparente) y sobre esa capa se muestra la imagen seleccionada ampliada al máximo de su dimensión o a lo que permita la resolución de la ventana. Además, cuando se marcan varias imágenes como parte de la misma colección, la ventana incorpora un sistema de navegación para ir desplazándose por las diversas imágenes.

En el caso de Blogger, lo que de momento se ve es esto...

Como decía, en algunos blogs funciona y en otros no y parece que no depende exclusivamente de si la plantilla es de las del nuevo diseñador o de otras. En mi otro blog -muy modificado-funciona esta nueva ventana modalsin problemas. Pero también es de destacar que si se tiene ya otro sistema implantado, en las imágenes marcadas paraventana modal,ambos sistemas se solapan. En los dos enlaces anteriores podéis ver el funcionamiento, bien y regular, respectivamente. En el regular aparece la ventana de Blogger y por encima la que yo uso (lytebox).

Lo anterior son otras señales de que, de momento, esto es sólo un proyecto y no una realidad. Otra pista la podéis ver en la captura y es que la primera de las miniaturas (que está incluso numerada como tal), aparece siempre gris y no ocurre nada al pinchar en ella (bug).

En fin, que algo bueno saldrá de aquí, pero de momento se trata de una novedad a medias. No descarto que mañana ya no le aparezca a nadie, por lo que si alguien tiene ya otro sistema, recomendaría no anularlo todavía y si se hace, que sea recuperable de manera rápida. Veremos como queda esto.

¡Ah! Y si a alguno le molesta esta ventana modal, como le sucedió a Raúl, sólo tiene que quitar el enlace que "envuelve" la imagen para que no funcione:

div class="separator" style="clear: both; text-align: center;"
~~a href="http://4.bp.blogspot.com/..patatin.jpg" imageanchor="1" style="margin: 0px auto;"~~img border="0" src="http://4.bp.blogspot.com/..patatin.jpg" width="600" //a/div

martes, 13 de septiembre de 2011

Navegando, Promoción

Premios Bitácoras 2011. Comienzan las nominaciones. – Negocios

Ayer ser presentó la nueva edición de losPremios Bitácoras. Eso quiere decir que volvéis a tener una buena oportunidad de que, cómo mínimo, vuestro blog pueda ser conocido por curiosos que visiten las clasificaciones.

Y por qué no, incluso llegar a ser premiados con una estatuilla conmemorativa y algunos de los regalos previstos para los finalistas: cámaras fotográficas, vídeo-cámaras, impresoras multifunción, escáners, módem USB libre, calculadora-ratón-teclado o incluso hosting gratuito para tu sitio.

Presentar tu nominación es el único esfuerzo que tienes que hacer. Entre el 12 de septiembre y el 1 de noviembre los usuarios registrados votarán sus favoritos (hasta cinco por categoría) y a partir de ahí, un jurado elegirá de entre los finalistas aquellos que a su juicio merecen el galardón. Este es el calendario completo.

Una novedad sobre lametodología es que este añopodrás registrarte para votar con tu cuenta de Facebook o de Twitter.

Bueno y si quieres currar un poco más (muy poco más) y animar a tus lectores al voto, también puedes colocar uno de losbotones oficiales en los que puedes incluir la dirección de tu blog para que el proceso sea semi-automático.

Que tengáis mucha suerte, que un servidor con lo poco que está escribiendo últimamente va a tener que esperar sentado un año más ;)

mesothelioma law firms best mesothelioma lawyers CAR INSURANCE QUOTES COLORADO MASSAGE SCHOOL DALLAS TEXAS WordPress theme designers accident car florida lawyer Hire php developers CAR DONATE Hire php programmers car accident lawyer san bernardino illinois mesothelioma lawyer structured settlement investments business administration masters car accident lawyer michigan Mesothelioma Law Firm WordPress themes for designers mesothelioma symptoms hughes net business Casino ANNUITY SETTLEMENT world trade center footage Business finance group Online casino DUI lawyer pharmacist jobs in chicago Live casino Motor Replacements CAR INSURANCE IN SOUTH DAKOTA Php programmers Dwi lawyer Car insurance quotes pa earthlink business internet Nunavut culture DONATE YOUR CAR SACRAMENTO Business Voip Solutions Photo Christmas cards Auto Mobile Shipping Quote truck accident attorney los angeles Donate Cars Illinois Mobile casino Make money online Australia Automobile Accident Attorney Donate your car for kids criminal defense attorneys florida Business management software Casino reviews virtual data rooms Cheap Car Insurance for Ladies Home Phone Internet Bundle DONATE A CAR IN MARYLAND Sell Annuity Payment Paperport Promotional Code offshore accident lawyer sell structured settlement calculator CAR INSURANCE QUOTES PA selling my structured settlement Best Criminal Lawyers in Arizona car accident lawyers west palm beach DONATE YOUR CAR FOR MONEY Psd to WordPress mesothelioma claim Life Insurance Co Lincoln student loan consolidation program Car Insurance Companies Paperport promotional code NEUSON How to Donate A Car in California Car Insurance Quotes Utah Online motor insurance quotes Cheap car insurance in Virginia Online Classes Donate a car in Maryland mesothelioma survival rates Social media campaigns integrated ehr houston tx auto insurance CHEAP CAR INSURANCE FOR LADIES baltimore mesothelioma attorneys World Trade Center Footage low credit line credit cards primary pulmonary hypertension mesothelioma lawyer chicago structered settlement ashely madis mesothelioma charities Bankruptcy lawyer Structures Annuity Settlement CAR INSURANCE QUOTES UTAH Criminal lawyer life insurance co lincoln accident lawyers in los angeles Service business software Best social media platforms for business Car Insurance Quotes WordPress hosting Criminal defense lawyer Hard drive Data Recovery Services structured settlement brokers Php programmers for hire Hire php developer Proud Italian cook Computer science classes online caraccidentlawyer Forensics online course st louis mesothelioma attorney Custom WordPress theme designer Seo companies Holland Michigan College Social media strategies Criminal Defense Attorneys Florida Personal Injury Law Firm FORENSICS ONLINE COURSE Donate Car To Charity CALIFORNIA New social media platforms SELL ANNUITY PAYMENT how to donate a car in california saskatchewan auto insurance World trade center footage Social media platforms for business Asbestos Lawyers selling structured settlement car insurance quotes colorado Seo services data recovery raid Social media examiner Donate Cars in MA mesothelioma litigation supportpeachtreecom Nunavut Culture Best Seo company structured settlements companies miami personal injury lawyer Car Insurance Quotes PA CHEAP AUTO INSURANCE IN VA Best social media platforms new york mesothelioma law firm Seo company injury attorney baton rouge PHD IN COUNSELING EDUCATION mesothelioma attorney assistance Online Christmas cards Custom Christmas cards motorcycle accident lawyer san francisco CAR ACCIDENT LAWYERS personal injury accident lawyer mesothelioma settlements mesothelioma help Psychic for free Psd to html Car insurance quotes MN boulder personal injury lawyers most profitable internet business Social media management Tech school Html email criminal defense federal lawyer Social media platforms Christmas cards mesothelioma attorneys california Italian cooking school uk homeowner loans Adobe illustrator classes Mortgage Donate Your Car for Kids FUTURISTIC ARCHITECTURE Learning adobe illustrator Social media tools Low credit line credit cards Car insurance quotes Utah motorcycle lawyer los angeles Donate Car to Charity California Donate Car for Tax Credit Donate Your Car Sacramento business email web hosting Car Donate Better Conference Calls utah mesothelioma lawyer Met Auto mesothelioma lawyer california Donating Used Cars to Charity Donating used cars to charity phd in counseling education cheap auto insurance in va Car Insurance Quotes Colorado Annuity Settlements Low Credit Line Credit Cards Cheap auto insurance in VA Dayton Freight Lines Business VOIP Solutions Criminal lawyer Miami adverse remortgage Donate a Car in Maryland Cheap Domain Registration Hosting Donating a Car in Maryland asbestos mesothelioma lawsuit Car Insurance Quotes MN HOME PHONE INTERNET BUNDLE event management security Online Motor Insurance Quotes Car Accident Lawyers city college in miami structured settlement agreement cheaper insurance companies ONLINE MOTOR INSURANCE QUOTES Online Colleges annuity payment Register Free Domains Psychic for Free car crash attorneys REGISTER FREE DOMAINS

jueves, 25 de agosto de 2011

CSS

100 tutoriales para 100 tipos distintos de menús – Money – Teleconferencias – Negocios

Esto más que un post es una simple referencia, pero me ha parecido tan completo y práctico este artículo deNoupe, que creo que merece la pena que lo conozcáis al tiempo que lo dejo grabado en mi bitácora para mi propia memoria.

Se trata de una genial recopilación con 100 tipos de menús distintos de la que destaco queincluye siempre un tutorial sobre cómo construirlos y, en la mayoría de casos, una demo para comprobar previamente cómo van a funcionar una vez instalados.

Hay incluso algunos que anteriormente ya vimos sólo comofuente de inspiración, pero que en esta ocasión aparecen también explicados. Varios funcionan con resultados espectaculares gracias a jQuery u otras librerías, pero muchos de los que están hechos simplemente con CSS tampoco le van a la zaga.

Los agradecimientos, en su caso, deben ir para@DanielUlczyk (Diseniorweb yUlczyk), que nos dió a conocer esta entrada mediante un tweet.

miércoles, 24 de agosto de 2011

Mundo Google, Navegando

Jugando a adivino con la API de Google Plus – Plataforma – Law Firm – Promotional Code

No me parece que sea improvisación el quetodavía no esté disponible la API para desarrolladores de Google Plus.Aunque parezca el bombazo del siglo y G+ haya tenido un bestial crecimiento inicial y metido millones de usuarios en la saca, esto no quiere decir que tenga ya la posición de líder a la que están acostumbrados.

De momento es hasta natural que un buen montón nos hayamos puesto a probarlo.Las cosas nuevas llaman la atención y nadie quiere quedarse atrás. Digamos que hasta es obligatorio hablar de ellas porque de lo contrario ¿de qué íbamos a escribir todos los sitios que publicamos cosas sobre el mundo digital? El sistema viral de invitaciones y las expectativas generadas previamente por todos los medios, han hecho también su parte.

Pero lejos de encontrarse en una posición de liderazgo,G+ simplemente está recuperando posiciones en la parrilla de salida y ahora mismo está en plena pelea paraacercarse a Facebook, la red social más similar y con el mayor trozo del pastel hoy día. Algunos dicen que también va a por un cacho de Twitter e intentar mojarle la oreja a otros, pero esto último no lo veo tan claro por la sustancial diferencia en cuanto a concepto.

El caso es que en generalmuchos somos muy comodones y nos gusta más aquello a lo que estamos acostumbrados y dominamos por puro tiempo de dedicación. Experimentar está bien, pero modificar hábitos, ajustar programas y andar locos buscando cómo se hace ahora eso que ya sabíamos de memoria cómo se hacía en nuestra aplicación habitual, cuesta trabajo (#yoconfieso que sigo usando Word 2000). En definitiva, nos cuesta cambiar si no hay una mejora muy evidente.

Con esta premisa, imaginad que existiera desde el principioalgo que nos permitiera publicar automáticamente desde nuestros actuales sitios a Google Plus. Pues eso, posiblemente la nueva red se convertiría en una simple réplica de lo publicado en esos otros lugares, lo que conllevaría menos originalidad de contenidos, menor interacción entre usuarios y probablemente un mayor desinterés por acceder a ella ¿Podría ser este el motivo por el que Google Buzz o Wave no cuajaron? Pues a lo mejor sí y por eso Google, tirando de memoria, ha hecho las cosas ahora de otra manera.

Se ha anunciado que habráAPI para desarrolladores, pero dados los tiempos que corren, lo sorprendente sería que no fuera así.La cuestión es cuándo y aquí mi opinión es que será cuando la gráfica de nuevas incorporaciones comience a suavizar su actual tendencia fuertemente ascendente. O sea, el plan sería conseguir usuarios (ocuriosos) y el mayor contenido posible (un sitio así con poco movimiento es muy triste) y cuando se agote un nicho incorporar otras cosas y conseguir otro trocito.

La segunda fase comenzó con la incorporación dejuegos, esos que tanto hicieron por Facebook y que crean dependencia de la red que los ofrece cuando consiguen que los usuarios interactúen con ellos y entre ellos.

La siguiente la desconozco porque si fuera capaz de crear una buena estrategia para este tipo de cosas, probablemente me ganaría la vida con ello. Sin embargo, haciendo una apuesta -seguramente equivocada-antes que publicar la API intentaría conseguir una mayor integración con otros servicios Google de éxito ya contrastado, dar una vueltecita de tuerca creando alguna utilidad específica paramóviles (quizás pensando en Twitter) y cosas por el estilo que consiguieran más usuarios y más actividad.

Por otro lado no pasa desapercibido para nadie queChrome está ganando cuota de mercado ¿verdad? Pues ahora reflexionad sobre la gran cantidad de extensiones que están saliendo para este navegador relacionadas con G+ y que permiten enviar contenido desde allí a otros sitios. Lo dicho, yo dejaría lo dela API para cuando más tarde mejor.

motorcycle accident lawyer california DUI lawyer car accident lawyers west palm beach Better conferencing calls injury attorney baton rouge Criminal defense lawyer mesothelioma information business voice mail service How to Donate A Car in California Paperport Promotional Code boca raton personal injury attorney Mobile casino ONLINE COLLEDGES car insurance quotes Donating a car in Maryland Insurance Social media platforms for business Online casino Donate a Car in Maryland mesothelioma lawyer dallas Best social media platforms for business Donate your Car for Money Casino donate your car for money Email bulk service PSYCHIC FOR FREE Structures Annuity Settlement Social media platforms WordPress theme designers Low Credit Line Credit Cards Mortgage Adviser CHEAP DOMAIN REGISTRATION HOSTING mesothelioma trial attorney Auto Mobile Shipping Quote student loan consolidation program mesothelioma lawyer chicago Donating a Car in Maryland buying an annuity calculator washington mesothelioma attorney CAR INSURANCE IN SOUTH DAKOTA buy gift card Computer science classes online Criminal lawyer mesothelioma lawyer houston Annuity Settlements Mortgage Donate a car in Maryland Cheap Domain Registration Hosting donate old cars to charity Insurance Companies Proud Italian cook Psychic for Free Make money online Australia ONLINE MOTOR INSURANCE QUOTES miami personal injury attorney Online Christmas cards Casino reviews Hire php programmers Html email Bankruptcy lawyer WordPress themes for designers Paperport promotional code tucson car accident attorney Live casino orlando criminal attorney home phone internet bundle Business management software mesothelioma attorneys HOW TO DONATE A CAR IN CALIFORNIA mesothelioma suit life insurance co lincoln motorcycle accident attorney chicago Cheap Auto Insurance in VA Hire php developers Italian cooking school buyer of structured settlement annuity Seo services Dwi lawyer new york mesothelioma law firm Car insurance quotes pa Better Conference Calls truck accident attorney texas accident attorneys orange county Social media examiner CAR INSURANCE QUOTES PA sell my structured settlement car insurance companies Seo companies car insurance in south dakota Service business software Life insurance co Lincoln canada personals yahoo Php programmers for hire CAR INSURANCE QUOTES MN hair removal washington dc Best social media platforms Social media campaigns Hire php developer Psd to WordPress Php programmers CAR INSURANCE QUOTES COLORADO dallas mesothelioma lawyer structured settlement brokers DONATE YOUR CAR FOR KIDS New social media platforms asbestos mesothelioma lawsuit Business finance group structured annuity settlement uk homeowner loans DONATE OLD CARS TO CHARITY ANNUITY SETTLEMENT Donate your car for kids AUTO ACCIDENT ATTORNEY st louis mesothelioma attorney STRUCTURED ANNUITY SETTLEMENT LIFE INSURANCE CO LINCOLN houston motorcycle accident lawyer Nunavut culture email bulk service Custom WordPress theme designer Best Seo company business voip solutions mesothelioma law suits Dayton Freight Lines truck accident attorney los angeles Seo company Custom Christmas cards Donate cars in ma onlineclasses Photo Christmas cards Online Criminal Justice Degree WordPress hosting Criminal Defense Attorneys Florida Car Insurance Quotes BEST CRIMINAL LAWYER IN ARIZONA houston mesothelioma attorney Holland Michigan College structured settlement purchasers Social media management Tech school Massage school Dallas Texas Christmas cards Data Recovery Raid Neuson bus accident attorney los angeles Social media strategies quotes car Psd to html Learning adobe illustrator motor insurance quotes personal injury attorney springfield mo integrated ehr Adobe illustrator classes SELL ANNUITY PAYMENT peritoneal mesothelioma Donate Your Car for Kids Social media tools Car insurance quotes MN Donate Car To Charity CALIFORNIA personal injury accident lawyer Mesothelioma Law Firm Donate Car to Charity California Donate Car for Tax Credit phd in counseling education Donate Cars in MA mesothelioma personal injury lawyers Donate Your Car Sacramento anti spam exchange server Sell Annuity Payment Asbestos Lawyers Royalty Free Images Stock Auto Mobile Insurance Quote DONATE CARS IN MA Dedicated Hosting Dedicated Server Hosting Injury Lawyers Donate Cars Illinois MORTGAGE ADVISER FORENSICS ONLINE COURSE asterisk call center software Online College Course WEBEX COSTS Car Insurance Quotes Colorado Nunavut Culture Hard drive Data Recovery Services verizon sip hughes net business selling structured settlement Motor Replacements accident car florida lawyer Met Auto business email web hosting Dallas mesothelioma attorneys CHEAP CAR INSURANCE IN VIRGINIA Donate your car Sacramento Health Records Personal Health Record Best Criminal Lawyers in Arizona Car Insurance Quotes Utah Life Insurance Co Lincoln Online Motor Insurance Quotes Online Colleges earthlink business internet best mesothelioma lawyers automobile accident attorney Online Classes World Trade Center Footage Car Insurance Quotes PA Massage School Dallas Texas dallas mesothelioma attorneys best accident attorneys Donate Old Cars to Charity

viernes, 19 de agosto de 2011

JavaScript

Rotador con transición (fade) para imágenes con enlaces – Plataforma – cancer

El Javascript que veremos más adelante sirve para lo que anuncia el título de la entrada, mostrar diversas imágenes con sus correspondientes enlaces, dentro del mismo espacio. Esto es lo que normalmente se entiende comorotar imágenes. Además lleva incorporado un efectofade que consiste en desvanecer una imagen poco a poco y hacer aparecer la siguiente en el mismo sitio de idéntica manera.

Lo bueno que tiene es que es un código relativamente corto que se puede insertar en la plantilla directamente y que no es necesaria ninguna librería adicional. Por contra, presenta el inconveniente de que no se puede usar más de una vez por página. Esto quiere decir que se puede usar en la barra lateral si no se usa además en alguna entrada, ya que en ese caso nos fallaría uno de los dos cuando se viera esa entrada en concreto.

Pasa lo mismo si se usa en entradas sucesivas, que se muestran enteras en la página Inicio y en las de navegación. Al coincidir dos en la misma página, como se ha dicho, una de ellas no funcionaría.

Sin embargo, si el blog tiene entradas resumidas, tipo sumarios, el problema desaparece. La razón es evidente y es que en los sumarios no se cargaría el rotador, sino simplemente una imagen ilustrativa.

Aquí tenéis un ejemplo en funcionamiento en el que el enlace es la dirección original de cada imagen. Tiene añadido una ventana modal (lightwindow), pero eso es sólo para lucirme un poco :) y para que veáis una variante distinta del simple enlace a otra dirección:

El siguiente trozo de código es el que tenéis que insertar antes del/head en vuestra plantilla. He puesto juntos la parte CSS y el script para facilitar su instalación y desinstalación, aunque lo más recomendado es poner cada cosa en su sitio, es decir el estilo con el resto del CSS y en el head, el script.

!-- ROTADOR IMAGENES --
style type='text/css'
#rotator {
border:0;
padding:0;
margin: 10px auto;
overflow: hidden;
position: relative;
width:500px;
height:280px;
}
#rotator img {
border: 0;
padding: 0;
width: 100%;
}
/style

script type='text/javascript'
//![CDATA[
/* CREDITOS: http://slayeroffice.com/code/imageCrossFade/index.html */

window.addEventListener?window.addEventListener('load',so_init,false):window.attachEvent('onload',so_init);
var d=document, imgs = new Array(), zInterval = null, current=0, pause=false;

function so_init() {
if(!d.getElementById || !d.createElement)return;
css = d.createElement('link');
css.setAttribute('href','slideshow2.css');
css.setAttribute('rel','stylesheet');
css.setAttribute('type','text/css');
d.getElementsByTagName('head')[0].appendChild(css);
imgs = d.getElementById('rotator').getElementsByTagName('img');
for(i=1;iimgs.length;i++) imgs[i].xOpacity = 0;
imgs[0].style.display = 'block';
imgs[0].xOpacity = .99;
setTimeout(so_xfade,3000);
}

function so_xfade() {
cOpacity = imgs[current].xOpacity;
nIndex = imgs[current+1]?current+1:0;
nOpacity = imgs[nIndex].xOpacity;
cOpacity-=.05;
nOpacity+=.05;
imgs[nIndex].style.display = 'block';
imgs[current].xOpacity = cOpacity;
imgs[nIndex].xOpacity = nOpacity;
setOpacity(imgs[current]);
setOpacity(imgs[nIndex]);
if(cOpacity=0) {
imgs[current].style.display = 'none';
current = nIndex;
setTimeout(so_xfade,3000);
}
else {
setTimeout(so_xfade,50);
}

function setOpacity(obj) {
if(obj.xOpacity.99) {
obj.xOpacity = .99;
return;
}
obj.style.opacity = obj.xOpacity;
obj.style.MozOpacity = obj.xOpacity;
obj.style.filter = 'alpha(opacity=' + (obj.xOpacity*100) + ')';
}
}
//
/script

Una vez que tenemos esto en la plantilla, para crear un rotador de este tipo ya sólo hay que hacer una relación de imágenes con enlace y encerrarlo en undiv con la claserotator, como ya se ha dicho, bien en un gadget, bien en una entrada.

Para Blogger habrá que redactarlo todo quitando los saltos de línea para evitar efectos indeseados.

div id="rotator"
a href="URL_ENLACE1"img alt="" src="URL_IMAGEN1" //a
a href="URL_ENLACE2"img alt="" src="URL_IMAGEN2" //a
a href="URL_ENLACE3"img alt="" src="URL_IMAGEN3" //a
a href="URL_ENLACE4"img alt="" src="URL_ENLACE4" //a
/div

Los retoques personalizados que se pueden hacer están destacados en verde en el código y son los siguientes:

Elwidth y elheight de#rotator en la parte de estilo, es lo que marca el tamaño de la caja que contendrá las imágenes. Hay que tener en cuenta que esta caja no se adapta a las imágenes, sino al revés, estas se ven limitadas por la caja y ocuparán todo el ancho disponible redimensionándose proporcionalmente en altura.

Así, en un principio, todas deberán tener las mismas dimensiones o al menos ser proporcionales. Aunque no quede perfecto, tampoco hay demasiado problema si esto no es así, ya que lo que pudiera exceder del alto disponible simplemente no se verá. Con lo que si hay que tener más cuidado es con usar imágenes mucho más pequeñas que la caja, ya que al agrandarse se verán con una calidad mala. También hay que cuidar de no usar imágenes con formato vertical y una caja horizontal. El resultado no será muy bonito que digamos.

Otra posible configuración es la velocidad de cambio. En el script están programados 3 segundos (3000 milisegundos), pero en esta línea podéis cambiar ese valor:

setTimeout(so_xfade,3000);