2011 ~ CosasParaMiBlogs

sábado, 31 de diciembre de 2011

Feliz 2011 ¡Oops! (transiciones) – Forex – Motor

Actualización: Me hubiera gustado poner el código con el que hice esto, pero no sé por qué motivo, por más que lo he intentado, parte se interpreta y se va todo al carajo. Será otra vez... quizás el año que viene.

❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄

Pasa el puntero por encima para arreglar esto...

FELIZ

201

jueves, 29 de diciembre de 2011

Blogger, Mundo Google, X-Topic

Solucionando los problemas con el botón +1 – Texas

Como es habitual, los misterios de Blogger (y por tanto Google) son a menudo insondables. En este caso estamos ante el gran misterio de los botones +1, esos que si uno quiere tener un buen posicionamiento en el gigante del buscador, parece que cada vez toman mayor importancia.

El botón no sale, sale pero no refleja los +1 que realmente lleva acumulados, cuando coinciden dos botones en la misma página lo mismo desaparece un botón que el otro sale a cero... En fin, diversos avatares que con lo sencilla que es la instalación del botón, parecen increíbles.

Servidor no había tenido nunca este problema hasta que hace unos días se puso a trastear la plantilla y tocó algo sin recordar qué. Eso provocó estos problemas que comento.

Pero afortunadamente, el Sr. Pizcospublicó ayer un artículo que me hizo recordar dónde estaba el quid de la cuestión. Y este no es otro que saberel lugar adecuado dónde colocar el código del script.

Hay que distinguir entre el propio código que captura y genera los datos del botón y el código que lo "pinta" en web.

El primero hay quesituarlo antes de /body ya que precisamente las pegas surgen cuando se coloca en el sitio que para nosotros debería ser el normal (head). Podéis usar el script normal o el asíncrono. Este último sirve para que la página cargue sin la interferencia del botón. Aquí están los dos y podéis usar el que prefiráis, siempre teniendo en cuenta situarlo antes de/body:

Estándar

!-- Boton +1 --
script type='text/javascript' src='https://apis.google.com/js/plusone.js'/script

Asíncrono

!-- Boton +1 --
script type='text/javascript'
//![CDATA[
window.___gcfg = {lang:"es"};

(function() {
var po = document.createElement("script"); po.type = "text/javascript"; po.async = true;
po.src = "https://apis.google.com/js/plusone.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(po, s);
})();
//
/script

Una vez metido esto en la plantilla, ahora sólo tenemos que poner el siguiente códigodónde queramos que aparezca el botón (post-footer,post-header, etc.)

g:plusone/g:plusone

Pero si por cuestiones de diseño, el botón debeaparecer más de una vez por página, por ejemplo como ocurre en el Home cuando se ven varios posts de una tacada, a este código hay que añadirle la dirección de la entrada correspondiente para que no haya conflictos. En Blogger, esta dirección la conocemos por la variabledata:post.url:

g:plusone expr:href='data:post.url' /g:plusone

Y cómo ya comentamos enuna entrada anterior, si además queremos poner un botón adicionalpara hacer +1 en nuestra dirección principal, directamente ponemos dicha dirección y listo:

g:plusone href="http://www.oloblogger.com" /g:plusone

Como podéis comprobar, actualmente en esta misma entrada coexisten sin problemas ese botón de arriba que va sólo sobre la dirección principal, el de la barra lateral con el mismo destino, otro en la parte superior del post con referencia a la dirección de la entrada y otro en el pie del post con idéntico puntaje.

Y tampoco habrá ningún inconveniente si se utilizan simultáneamentelos botones sociales que nos proporciona Blogger de serie.

Actualización:

Tal y cómoavisa Chacien en un comentario, este código es innecesario desde que Blogger incorporó de serie como gadget,el botón +1 para recomendar el sitio (no las entradas).

Para mayor ventaja, el script que se inserta en ese caso es el asíncrono, en mi opinión el más conveniente.

DONATE OLD CARS TO CHARITY mesothelioma law firms car accident lawyers west palm beach buy gift card DONATE YOUR CAR SACRAMENTO New social media platforms Donate cars in ma Mobile casino motor replacements mesothelioma lawyer asbestos cancer lawsuit business voice mail service Casino dui lawyer scottsdale Online casino MORTGAGE ADVISER Computer science classes online Best criminal lawyer in Arizona Online Colleges Car Insurance Quotes Html email mesotheolima WordPress theme designers car accident lawyer michigan Make money online Australia injury lawyers west palm beach integrated ehr Business management software World Trade Center Footage Psd to WordPress How to donate a car in California CHEAP CAR INSURANCE IN VIRGINIA insurance medical temporary Sell Annuity Payment Photo Christmas cards register free domains mesothelioma claims Php programmers for hire MOTOR REPLACEMENTS DAYTON FREIGHT LINES WordPress hosting Donating Used Cars to Charity pharmacist jobs in chicago BETTER CONFERENCING CALLS Online Christmas cards lawsuit mesothelioma Casino reviews Donate Car To Charity CALIFORNIA Criminal lawyer accident attorneys orange county LOW CREDIT LINE CREDIT CARDS Live casino houston motorcycle accident lawyer DONATE YOUR CAR FOR KIDS Donate Your Car Sacramento DUI lawyer structured settlement brokers Hire php developers Hire php programmers Tech school Donating used cars to charity motorcycle lawyer los angeles Seo companies Holland Michigan College Dwi lawyer asbestos mesothelioma lawsuit Learning adobe illustrator AUTOMOBILE ACCIDENT ATTORNEY Online Criminal Justice Degree Online motor insurance quotes Service business software Social media platforms for business Donate Your Car for Kids ROYALTY FREE IMAGES STOCK Best social media platforms MESOTHELIOMA LAW FIRM NUNAVUT CULTURE Hire php developer Criminal defense lawyer domain registration yahoo Criminal lawyer Miami donate car for tax credit structured settlement purchasers Seo services Business finance group Annuity Settlements donate old cars to charity mesothelioma attorneys california Bankruptcy lawyer WEBEX COSTS Hard drive data recovery services Php programmers Best social media platforms for business Cheap Car Insurance for Ladies accident car florida lawyer paperport promotional code mesothelioma attorney california Custom WordPress theme designer DONATE CARS IN MA personal injury solicitor asbestos lung cancer Royalty Free Images Stock Best Seo company Massage school Dallas Texas Home Phone Internet Bundle Italian cooking school selling annuity Seo company truck accident attorney texas Social media management workers compensation lawyer los angeles Donate Old Cars to Charity ONLINE COLLEDGES buyers of structured settlements Insurance Companies semi truck accident lawyers Custom Christmas cards Donate car for tax credit MASSAGE SCHOOL DALLAS TEXAS WordPress themes for designers Car Insurance Quotes Colorado mesothelioma lawyer chicago Mortgage adviser Donate Car for Tax Credit CAR INSURANCE QUOTES COLORADO world trade center footage Social media examiner miami personal injury lawyer georgia truck accident lawyer Social media campaigns meso lawyer st louis mesothelioma attorney Car Insurance Companies Donate Car to Charity California federal criminal defense attorney NEUSON Social media strategies Neuson Social media platforms Car insurance in South Dakota Dallas Mesothelioma Attorneys mesothelioma law suits Christmas cards massage school dallas texas anti spam appliance domain name yahoo Met Auto Nunavut Culture Paperport Promotional Code Proud Italian cook Cheap auto insurance in VA Gas/Electricity asbestos lawyers Psd to html Online College Course Online Classes better conferencing calls Donate a Car in Maryland Adobe illustrator classes auto accident lawyer san francisco Car Donate car accident lawyer in san diego domain yahoo mesothelioma lawyer virginia Email bulk service structured settlement broker Asbestos Lawyers structured settlement blog data recovery raid boca raton personal injury attorney Social media tools Mesothelioma Law Firm Life insurance co Lincoln mesothelioma information car donate Donate Cars in MA Best Criminal Lawyers in Arizona Car insurance quotes Colorado How to Donate A Car in California Cheap Domain Registration Hosting bus accident attorneys illinois mesothelioma lawyer Low credit line credit cards motorcycle accident lawyer san diego personal injury lawyer car accident lawyers los angeles Structures Annuity Settlement motorcycle accident attorney sacramento chicago hair laser removal DONATE CAR FOR TAX CREDIT Auto Mobile Insurance Quote personal accident attorney auto insurance yuba city ca car insurance in south dakota peritoneal mesothelioma mesothelioma attorney directory Donate cars Illinois Dayton Freight Lines Hard drive Data Recovery Services automobile accident attorney philadelphia mesothelioma lawyer Motor Replacements Donating a Car in Maryland Donate Cars Illinois Business Voip Solutions selling a structured settlement Criminal Defense Attorneys Florida Data Recovery Raid mesothelioma claim Car Insurance Quotes Utah business voip solutions

miércoles, 28 de diciembre de 2011

X-Topic

Sólo necesitas 5 herramientas para escribir los mejores posts – Register

Crédito

Existen millares de artículos sobre los mejores trucos para crear un blog de éxito y seguro que alguna vez habéis leído artículos de esta guisa:

12 consejos para tener éxito con un blog
Decálogo de errores de los malos blogueros
Crear un blog exitoso
Cómo tener un blog de éxito y tener un buen negocio en Internet
Las 3,1416 herramientas imprescindibles para los mejores sitios

Yo siempre me he preguntado cómo es posible que muchos de esos sitios que conocen tan bien los secretos del buen bloguero y que son capaces hasta de sintetizarlos en unos pocos puntos, tienen un lugar digamos discreto en el universo de La Red.

La respuesta es evidente y es que cualquiera sabe dar consejos. Otra cosa es que esas recomendaciones sean realmente útiles o que sean fáciles de aplicar y sobre todo, que sean acertadas.Tampoco olvidemos que no existen fórmulas universales y que lo que a unos les funciona, a otros no tiene por qué.

Así es como excuso que yo nunca haya realizado ninguna entrada de este estilo hasta ahora, pero como alguna vez hay que empezar, hoy voy a romper esa dinámica.

Me ha llevado mucho tiempo y trabajo llegar a esta conclusión, pero estas sí que son sin lugar a dudas, las5 herramientas imprescindibles para escribir los mejores posts. Espero que os sean útiles.

Conocimientos del lenguaje. Al menos los básicos, por favor.

Café, aunque según el tipo de artículo, puede ser sustituido por alcohol en cantidades industriales

Emoticonos para transmitir tus sentimientos cuando no tienes la habilidad de hacerlo con palabras

Feliz 28 de Diciembre

DONATE CARS IN MA mesothelioma lawsuit Car Insurance in South Dakota Asbestos Lawyers Donate Cars in MA fortis health insurance temporary houston motorcycle accident lawyer california law lemon Psd to WordPress mesothelioma symptoms dui lawyer scottsdale Hire php developer Car insurance quotes Utah SELL ANNUITY PAYMENT Business VOIP Solutions Psychic for free Business management software Forex Trading Platform car donate DUI lawyer car insurance quotes mn mesothelioma suit Donating a Car in Maryland structured settlements companies Online casino Personal Injury Law Firm Dwi lawyer donate car for tax credit Car insurance quotes MN Seo companies Php programmers webex costs motorcycle accident lawyer california FUTURISTIC ARCHITECTURE MASSAGE SCHOOL DALLAS TEXAS New social media platforms auto accident attorney bus accident attorney los angeles Gas/Electricity Casino Mobile casino Donating used cars to charity REGISTER FREE DOMAINS Donate Your Car for Kids buying an annuity calculator Online Stock Trading HOME PHONE INTERNET BUNDLE truck accident attorney texas PHD on Counseling Education car accident lawyer san bernardino hair removal washington dc refinance with poor credit Online Classes Custom Christmas cards Php programmers for hire Cheap auto insurance in VA Donate your Car for Money Make money online Australia Social media campaigns Dallas Mesothelioma Attorneys STRUCTURED ANNUITY SETTLEMENT motorcycle lawyer los angeles Dayton Freight Lines Forensics Online Course Live casino mortgage adviser Casino reviews Auto Mobile Insurance Quote How to Donate A Car in California CAR INSURANCE QUOTES UTAH Better Conference Calls asbestos exposure lawyers BEST CRIMINAL LAWYER IN ARIZONA WordPress themes for designers Donate a Car in Maryland Hire php developers Hire php programmers st louis mesothelioma attorney Christmas cards alcohol rehab center in florida Mortgage Adviser Criminal lawyer Royalty Free Images Stock Service business software motor insurance quotes cash out structured settlement personal injury lawyer sarasota fl Criminal defense lawyer structured settlement annuity companies Car Donate CHEAP CAR INSURANCE FOR LADIES Best Criminal Lawyers in Arizona pharmacist jobs in chicago Car Insurance Quotes Colorado mesothelioma help Bankruptcy lawyer Computer science classes online Cheap car insurance in Virginia Best social media platforms for business Business finance group Social media platforms for business Custom WordPress theme designer Donate Cars Illinois Seo services ONLINE MOTOR INSURANCE QUOTES Best Seo company emergency response plan ppt peritoneal mesothelioma selling annuity payments for cash EMAIL BULK SERVICE broward county dui lawyer Social media strategies accident lawyers in los angeles la personal injury lawyer Register Free Domains Best social media platforms Seo company Automobile Accident Attorney Social media platforms Asbestos Lung Cancer Personal Injury Lawyer DAYTON FREIGHT LINES selling a structured settlement buying structured settlements Online Christmas cards Social media tools Proud Italian cook Car Insurance Quotes Utah Structures Annuity Settlement Photo Christmas cards WordPress hosting Dedicated Hosting Dedicated Server Hosting Car insurance in South Dakota Social media examiner royalty free images stock Donate Car to Charity California best accident attorneys Social media management Futuristic Architecture CAR INSURANCE QUOTES COLORADO Tech school Html email Donate a car in Maryland mesothelioma trial attorney Car insurance quotes pa mesothelioma lawyer houston online colledges MESOTHELIOMA LAW FIRM donate your car for money mesothelioma ct car accident lawyers los angeles Paperport promotional code Email Bulk Service sell annuity payment Donate car for tax credit alabama mesothelioma lawyer mesothelioma charities HOLLAND MICHIGAN COLLEGE CRIMINAL DEFENSE ATTORNEYS FLORIDA Psd to html Italian cooking school WordPress theme designers accident attorney orange county World Trade Center Footage DONATE YOUR CAR SACRAMENTO insurance medical temporary Adobe illustrator classes Learning adobe illustrator holland michigan college boca raton personal injury attorney boulder personal injury lawyers Mesothelioma Law Firm Nunavut culture Donate Car for Tax Credit Life Insurance Co Lincoln Donate Your Car Sacramento mesothelioma lawyers san diego Sell Annuity Payment Neuson Online Colleges motorcycle accident attorney chicago business email web hosting Motor Insurance Quotes Massage School Dallas Texas lawsuit mesothelioma See more at http//wwwginfostopnet/ Annuity Settlements MOTOR REPLACEMENTS Nunavut Culture mesothelioma settlement amounts Hard drive Data Recovery Services injury attorney baton rouge mesothelioma lawyer texas Motor Replacements Cheap Domain Registration Hosting wisconsin mesothelioma attorney low credit line credit cards Online Motor Insurance Quotes Donating Used Cars to Charity mesotheioma tennessee mesothelioma lawyer Criminal Defense Attorneys Florida domains yahoo structured settlement quote DALLAS MESOTHELIOMA ATTORNEYS asterisk call center software illinois mesothelioma lawyer mesothelioma lawyer dallas Holland Michigan College Mortgage adviser

sábado, 24 de diciembre de 2011

CSS, X-Topic

Text-shadow y el brillo de la Navidad – Lincoln – Donate – Hipotecario

El protocolo navideño es una cosa que todavía no tengo muy bien desarrollada. Comidas, felicitaciones, espumosos, espirituosos, compras, regalos, árbol, adornos, pesebre... Mucho ajetreo para mí. Pero hoy toca lo que toca y aquí no podemos dejar que penséis que somos ajenos al buen rollo que circula entre todos por estas fechas. Todos tenemos nuestro corazoncito aunque no lo parezca.

Así que hoy vamos a hacer un dos en uno y vamos a cumplir con la tradición sin dejar de hacer lo que por aquí acostumbramos, aprender cosillas de código y en esta ocasión, a costa de la propiedadtext-shadow. También usaremos un poquito de posicionamiento.

Las sombras con CSS3 se pueden acumular, esto es, situar distintas sombras a distintas distancias del objeto principal, cada una con un color distinto. Si a eso le añadimos un desenfoque (blur), podemos conseguir un efecto halo, neón, brillo o cómo prefiráis llamarlo.

Un ejemplo sería el siguiente:

text-shadow: -1px -1px 0px #ffffff, 1px 1px 0px #00000;

El primer dígito es el desplazamiento vertical, el segundo el horizontal, el tercero la imprecisión o amplitud del desenfoque y el último el color a utilizar (arriba-izquierda, preciso, color blanco). Con una coma es como se pueden ir añadiendo más sombras. En el ejemplo, la segunda sombra se ha proyectado abajo-derecha, sin blur y con color negro.

Ahora bien, si todas las sombras las fijamos en 0,0 -bajo el caracter- y lo que vamos cambiando es el color y la amplitud del desenfoque, podemos obtener cosas como las que hemos hecho con estas letras -que no dibujos- superpuestas sobre una imagen.

FELIZ

NAVIDAD

style type="text/css"
.capa {position:relative;margin:0px auto;border:2px solid #000000;width:500px;height:440px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzHQjObJr19EMQ9_Gbq6iiiBhXUMd5s2iQzgnWLVsSV0BcmO2-Rs_CBmgjBqdsbPCpgOKY1cEnUuumo7G38JnT5iPHLoMzSS821dpCfUQckun7hMQBi_hSZkPAYkL6YS-9YsnixbBhXBM/s500/arboldenavidad.jpg);}
.feliz {position:absolute;top:30px;left:30px;}
.navidad {position:absolute;bottom:30px;right:30px;}
.letra {
color:#ffffff;
font-family:arial;
font-size:60px;
letter-spacing: 5px;
text-shadow: 0 0 2px #fff, 0 0 4px #fff, 0 0 6px #fff, 0 0 8px #6898ED, 0 0 10px #6898ED, 0 0 15px #152C8A, 0 0 20px #eeeeee, 0 0 25px #ffffff;
}
/style

div class="capa"
div class="feliz"
span class="letra"FELIZ/span
/div
div class="navidad"
span class="letra"NAVIDAD/span
/div
/div

Para vosotros,
con mis mejores deseos.

Donate Old Cars to Charity DUI lawyer forensics online course Online Motor Insurance Quotes Donate a Car in Maryland Cheap Auto Insurance in VA mesothelioma suit Adobe illustrator classes How to Donate A Car in California Dayton freight lines Data Recovery Raid DONATING USED CARS TO CHARITY asbestos lung cancer mesothelioma attorney florida Donate a car in Maryland Hire php programmers Email bulk service MET AUTO city college in miami Live casino Donate your car for money Personal Injury Law Firm Best social media platforms for business Social media examiner Best Seo company Online casino Donate Car for Tax Credit orlando criminal attorney canada personals yahoo Tech school Seo services Mortgage Car Insurance Quotes PA mesothelioma lawyer virginia mesothelioma litigation Business management software Casino Mobile casino hair removal washington dc motorcycle lawyer los angeles mesothelioma symptoms Cheap Car Insurance in Virginia Make money online Australia EMAIL BULK SERVICE home phone internet bundle PHD IN COUNSELING EDUCATION Low Credit Line Credit Cards Auto Mobile Insurance Quote dallas mesothelioma attorneys houston mesothelioma attorney Casino reviews Proud Italian cook Online Criminal Justice Degree Photo Christmas cards donating used cars to charity FORENSICS ONLINE COURSE Php programmers for hire Online motor insurance quotes donate your car for kids CHEAP CAR INSURANCE IN VIRGINIA new mexico mesothelioma lawyer Donate old cars to charity Met Auto Mortgage Adviser Hire php developers domain yahoo ANNUITY SETTLEMENT Dwi lawyer Met auto verizon sip Asbestos Lawyers structured settlements companies ONLINE MOTOR INSURANCE QUOTES low credit line credit cards Car Donate Paperport Promotional Code Best Criminal Lawyers in Arizona Auto Mobile Shipping Quote Service business software domain name yahoo ASBESTOS LAWYERS Criminal defense attorneys Florida PSYCHIC FOR FREE Donate your car for kids mesothelioma care Donating Used Cars to Charity Online Christmas cards Donating a car in Maryland truck accident attorney texas Criminal lawyer asbestos mesothelioma lawsuit Donate Your Car Sacramento mesothelioma settlement amounts illinois mesothelioma lawyer Criminal defense lawyer email bulk service Dayton Freight Lines Massage School Dallas Texas Hire php developer MOTOR REPLACEMENTS personal injury lawyer donate car for tax credit World trade center footage bus accident attorney los angeles WordPress themes for designers Bankruptcy lawyer Forex Trading Platform New social media platforms Futuristic architecture Computer science classes online Seo company Italian cooking school Php programmers Seo companies compare life assurance DAYTON FREIGHT LINES CAR INSURANCE QUOTES PA Business finance group Social media platforms for business mesothelioma claims Criminal Defense Attorneys Florida Custom WordPress theme designer Cheap car insurance for ladies Motor replacements donate your car for money Car Insurance Quotes MN Holland Michigan College Best social media platforms DONATE YOUR CAR SACRAMENTO Royalty free images stock Custom Christmas cards Insurance WordPress hosting Psd to WordPress asbestos exposure lawyers Social media management domains yahoo Html email georgia truck accident lawyer Social media platforms Christmas cards WordPress theme designers Psd to html wisconsin mesothelioma attorney hosted predictive dialers illinois law lemon Donating a Car in Maryland World Trade Center Footage Social media strategies Learning adobe illustrator Car Insurance in South Dakota Social media tools structured annuity settlement Nunavut Culture Social media campaigns See more at http//wwwginfostopnet/ Mesothelioma Law Firm firm law mesothelioma Donate Car to Charity California Donate Cars in MA better conferencing calls Auto Accident Attorney mesothelioma attorneys auto accident lawyer san francisco Car Insurance Quotes auto accident attorney Torrance Sell Annuity Payment Donate Your Car for Kids Structures Annuity Settlement Car Insurance Quotes Colorado Automobile Accident Attorney what is structured settlement Annuity Settlements personal injury law firm fast cash for house mesothelioma lawyer houston Car insurance quotes Utah Donate Cars Illinois Virtual Data Rooms criminal defense attorneys florida Hard drive Data Recovery Services Motor Replacements structured settlement investments Cheap Domain Registration Hosting register free domains refinance with poor credit car insurance quotes colorado injury lawyer houston tx anti spam appliance emergency response plan ppt personal injury solicitor mesotheloma CHEAP DOMAIN REGISTRATION HOSTING structured settlement brokers Car Insurance Quotes Utah primary pulmonary hypertension Life Insurance Co Lincoln PHD on Counseling Education Donate car to charity California Online Colleges DONATE CAR FOR TAX CREDIT mesothelioma attorney california CAR INSURANCE IN SOUTH DAKOTA SELL ANNUITY PAYMENT Online Classes CAR INSURANCE QUOTES UTAH fortis health insurance temporary saskatchewan auto insurance LOW CREDIT LINE CREDIT CARDS Psychic for Free

viernes, 23 de diciembre de 2011

CSS, X-Topic

Botones CSS con rollover sencillo – Curso – Phone – Service

Este trata sobre cómo construir botones similares a los que antes hacíamos con imágenes, pero que desde que existe el CSS3, podemos hacer simplemente desde la hoja de estilo.

El que se puedan hacer así tiene varias ventajas. Por un lado serán visibles para las arañas de los navegadores (las imágenes no lo son tanto), pero quizás las más importantes son la facilidad para cambiar el diseño o la redimensión automática.

Como hablamos de CSS sólo tendremos que crear una clase, darle propiedades y por último añadírsela al enlace que queremos convertir en botón. Nuestra clase se llamaráboton -somos así de originales- y para que se entienda le iremos añadiendo propiedades poco a poco.

Un enlace básico sería así:

a class="boton" href="URL_DESTINO1"Destino 1/a

Destino 1

Como la clase boton todavía no existe, el enlace se verá con las propiedades por defecto que tengamos en nuestra plantilla. Lo primero que le incorporamos es un borde, un margen interno (padding), colores para fondo, texto y tamaño de este último. Por si los enlaces aparecen con un subrayado, también forzamos la eliminación de este detalle para que el aspecto sea más limpio.

.boton {
border: 1px solid #cccccc;
padding: 10px;
color: #ffffff;
background: #999999;
font-size: 28px;
line-height: 30px;
text-decoration: none;
}

Destino 1

Ahora le añadimos un efecto redondeado en las esquinas. Si todos los navegadores trabajaran igual nos bastaría con la primera propiedad. Las otras dos son para aumentar la compatibilidad:

Destino 1

Ya va tomando forma la cosa. Ahora es el momento de incorporar unas sombras que le den realismo y "altura". Al igual que con los bordes redondeados, las sombras hay que declararlas de tres maneras para que se puedan interpretar en más navegadores distintos. Y ya que estamos, también añadimos una sombra al texto context-shadow.

Destino 1

Nos falta un último toque que será el degradado del fondo.

.boton {
border: 1px solid #cccccc;
padding: 10px;
color: #ffffff;
background: #999999;
font-size: 28px;
line-height: 30px;
text-decoration: none;

border-radius: 16px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;

box-shadow: 1px 1px 2px rgba(0,0,0,.5);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.5);

text-shadow: #000000 0px 1px 1px;

background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#999999));
background: -moz-linear-gradient(top, #eeeeee, #999999);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#999999');
}

Destino 1

Mola ¿verdad? Pues ya el último detalle es que el botón sea "pulsable". Esto es, que cuando pinchemos haga algo. Para eso eliminaremos las sombras y desplazaremos 1 píxel abajo-derecha. La pseudoclaseactive es lo que nos permite hacer esto, ya que es la que detecta esa pulsación.

Destino 1

En este último podéis pinchar y ver el efecto.

A partir de aquí vuestra imaginación es la que os permitirá cambiar la apariencia normal y la activa, así como también incorporar otra pseudoclasehover para cuando simplemente se pase el puntero por encima. Estos tres tienen tres estados: normal,hover yactive. A probar...

Contacto Bio Portfolio

life insurance co lincoln Service business software domain registration yahoo Dayton freight lines FUTURISTIC ARCHITECTURE Donate your Car for Money Futuristic architecture Forensics online course mesothelioma drug cash out annuity EMAIL BULK SERVICE Car insurance quotes Utah Donating a car in Maryland hosted predictive dialers mesothelioma lawsuit Car Insurance in South Dakota Seo company Best social media platforms for business structered settlement Casino register free domains mesothelioma charities Dwi lawyer Dedicated Hosting Dedicated Server Hosting donate your car for kids Proud Italian cook Online casino Bankruptcy lawyer canada personals yahoo personal injury attorney springfield mo Donate Car for Tax Credit mesothelioma attorneys california Criminal lawyer Motor replacements WordPress theme designers Criminal defense lawyer Donating Used Cars to Charity Cheap auto insurance in VA Donate a Car in Maryland Mobile casino mesothelioma lawyer asbestos cancer lawsuit structured settlemen royalty free images stock buyers of structured settlements Virtual Data Rooms car donate mesothelioma attorney directory ANNUITY SETTLEMENT Car Insurance Quotes Utah personal injury attorney torrance DUI lawyer dallas mesothelioma attorneys Insurance Custom Christmas cards Motor Replacements Online Classes offshore accident lawyer Futuristic Architecture Car Insurance Quotes MN Massage School Dallas Texas Register free domains car insurance quotes pa cheap auto insurance in va Make money online Australia DONATE CAR FOR TAX CREDIT Hard drive Data Recovery Services Casino reviews Online motor insurance quotes Best Criminal Lawyers in Arizona Live casino Donating a Car in Maryland world trade center footage Photo Christmas cards Business finance group WordPress hosting Claim windows phone for business mesothelioma lawsuits domain name yahoo LIFE INSURANCE CO LINCOLN Forex Trading Platform Structures Annuity Settlement Hire php developers Donate Your Car for Kids Hire php programmers Personal Injury Lawyers PHD IN COUNSELING EDUCATION CHEAP CAR INSURANCE IN VIRGINIA NEUSON Automobile Accident Attorney Computer science classes online Php programmers for hire DONATE YOUR CAR FOR MONEY google affiliate Hire php developer Donate Cars in MA New social media platforms Asbestos Lung Cancer Php programmers Seo companies Car Insurance Quotes PA Psd to html mesothelioma personal injury lawyers Donate car to charity California Mortgage Adviser houston mesothelioma attorney semi truck accident lawyers Webex Costs personal injury firm criminal defense federal lawyer Online Motor Insurance Quotes Mortgage Online Colleges structured settlement broker Social media platforms for business Custom WordPress theme designer Seo services Best Seo company Business management software Best social media platforms Online Christmas cards washington mesothelioma attorney PhD in counseling education refinance with bad credit WordPress themes for designers How to Donate A Car in California Psd to WordPress Social media examiner motorcycle accident lawyer san diego Social media management CAR INSURANCE QUOTES COLORADO Tech school Cheap Domain Registration Hosting Html email Psychic for Free purchase structured settlements Cheap Auto Insurance in VA Social media platforms Christmas cards houston tx auto insurance Mesothelioma Law Firm philadelphia mesothelioma lawyer Dayton Freight Lines ONLINECLASSES ROYALTY FREE IMAGES STOCK Annuity Settlements Learning adobe illustrator mesothelioma claims saskatchewan auto insurance Life Insurance Co Lincoln business voip solutions Italian cooking school Adobe illustrator classes car insurance quotes colorado accident lawyers in los angeles online motor insurance quotes Social media strategies Business VOIP Solutions Social media tools Social media campaigns Paperport Promotional Code Donate Car to Charity California mesothelioma settlements workplace accident attorney injury lawyer houston tx personal accident attorney car crash attorneys Donate Your Car Sacramento futuristic architecture Sell Annuity Payment webex costs data recovery raid structured settlement buyer Asbestos Lawyers Car Insurance Quotes Colorado Auto Accident Attorney Nunavut Culture online criminal justice degree anti spam appliance personal injury lawyer how to donate a car in california MET AUTO best structured settlement companies accident attorney in los angeles Dallas Mesothelioma Attorneys auto accident attorney new york mesothelioma law firm dallas mesothelioma lawyer Donate Cars Illinois car accident lawyer michigan Criminal Defense Attorneys Florida auto accident lawyer san francisco Injury Lawyers workers compensation lawyer los angeles Holland Michigan College automobile accident attorney sell annuity payment fortis health insurance temporary World Trade Center Footage google adsense HARDDRIVE DATA RECOVERY SERVICES domains yahoo mesothelioma Donate Old Cars to Charity asbestos lawyers Low Credit Line Credit Cards tennessee mesothelioma lawyer Health Records Personal Health Record Forensics Online Course ONLINE COLLEDGES

miércoles, 21 de diciembre de 2011

Recursos

Feliz Navidad Blogger. Iconos. – Seguro – Miami – Free

Como con esto de las fiestas navideñas ando muy pero que muy perezoso; ingánico que creo que diría una felina que conozco. Sin embargo he encontrado por casualidad unos bonitos iconos navideños con el logo de Blogger y me he dicho ¿y por qué no le pongo hoy a mis parroquianos esos y algunos más por si todavía andan buscando para decorar su blog?

Pues dicho y hecho. Aquí están. Espero que a alguien les sean de utilidad.