Transparencias con CSS en Blogger – Forex – Virtual

Una de las cosas más significativas en la estética de un blog son los distintos efectos que podemos darle a los objetos, uno de estos es la transparencia. Recuerda que esta guía es sobre CSS, es aplicable bajo cualquier plataforma. Acá especificaré el uso en Blogger ya que es la plataforma en la que trabajo.

Como se puede apreciar en los siguientes ejemplos, el resultado puede llegar a ser excelente.

Ejemplos:

Sin transparencias:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. Donec dictum malesuada magna. Curabitur id nibh auctor tellus adipiscing pharetra. Fusce vel justo non orci semper feugiat. Cras eu leo at purus ultrices tristique.

Con transparencias (Al 80%):

Todo está hecho con CSS, sólamente se ha utilizado una imagen para definir un fondo.

¿Cómo usar transparencias en algunos objetos en Blogger?

Para ello debemos conocer el nombre de la sección a la cual le aplicaremos las transparencias, usaremos como ejemplo las entradas:

Sabemos bien que la línea (Selector) que define una entrada es la siguiente:

.post {Atributos CSS}

Para aplicarle transparencias necesitamos pegar el siguiente contenido dentro del contenedor de los estilos:

opacity:0.50; /*Transparencias- Código estándar*/
-moz-opacity:0.50; /*Transparencias en Firefox*/
filter:alpha(opacity=′50′); /*Transparencias en IE*/

De tal forma que quede así:

.post {
opacity:0.50; /*Transparencias- Código estándar*/
-moz-opacity:0.50; /*Transparencias en Firefox*/
filter:alpha(opacity=′50′); /*Transparencias en IE*/
otros atributos de la hoja de estilos;
}

La zona CSS de nuestro blog se encuentra arriba de /b:skin, es ahí donde deberás pegar todo los códigos.

Definiendo el nivel de transparencias:

Como puedes apreciar en el código existen 3 atributos para distintos navegadores, tanto el estándar como el de Firefox están definidos en números decimales, el de Internet Explorer en números enteros, veamos un ejemplo:

Seteando el 40% de transparencias:

Como los valores de los 2 primeros atributos son en decimales, lo que debemos hacer es hacer el porcentaje considerando el primer decimal, es decir que queden 0.40 (Para definir el 40%), mientras que en el tercer atributo sólamente seteas un valor de 40.

El código deberá quedar así:

opacity:0.40;
-moz-opacity:0.40;
filter:alpha(opacity=′40′);

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDIT DONATE CARS IN MA DONATE YOUR CAR SACRAMENTO HOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINES HARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDNos ofrece Mundial Football eloan com, FIFA World Cupuna gran variedad para contratar mesothelioma info y obtener un equity line of credit y una buena estructura de negocio SEO consolidate loans y visitar su casa matriz Mesothelioma law firm,home equity loans domain name search Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

BEST CRIMINAL LAWYER IN ARIZONA Car Insurance Quotes Utah Virtual Data Rooms Data Recovery Raid Bankruptcy lawyer fortis health insurance temporary all about mesothelioma mesothelioma litigation DUI lawyer Met Auto Criminal defense lawyer Online casino Business VOIP Solutions BETTER CONFERENCING CALLS CHEAP CAR INSURANCE FOR LADIES Best social media platforms for business mesothelioma law suits tennessee mesothelioma lawyer Better conferencing calls Hire php developer Home Phone Internet Bundle Donate Car for Tax Credit motorcycle accident attorney chicago Sell Annuity Payment Casino domains yahoo life insurance quotes cash annuity accident car florida lawyer motorcycle lawyer los angeles Online Classes structured settlements annuities Christmas cards Mobile casino Hire php developers mesothelioma personal injury lawyers Social media tools Make money online Australia Cheap car insurance in Virginia Mortgage Adviser personal accident attorney CAR INSURANCE QUOTES UTAH Holland Michigan College STRUCTURED ANNUITY SETTLEMENT Business finance group Online Christmas cards Psychic for free Neuson Casino reviews Criminal defense attorneys Florida Live casino low credit line credit cards peritoneal mesothelioma structured settlement broker personal injury attorney torrance CAR INSURANCE QUOTES PA Learning adobe illustrator Email Bulk Service motor replacements car accident lawyers Injury Lawyers mesothelioma lawyer virginia Psd to WordPress lawsuit mesothelioma Hire php programmers Online Stock Trading data recovery raid business voip solutions Dwi lawyer Social media platforms for business purchase structured settlements selling annuity FORENSICS ONLINE COURSE Asbestos Lawyers Criminal lawyer Service business software google affiliate MESOTHELIOMA LAW FIRM buying structured settlements structured settlement annuity companies arizona auto accident attorney mesothelioma charities Attorney Better Conference Calls Php programmers for hire register free domains integrated ehr How to Donate A Car in California student loan consolidation program donate your car for kids WEBEX COSTS Computer science classes online donate your car for money Social media examiner Php programmers Seo companies WordPress themes for designers New social media platforms best structured settlement companies mesothelioma care Cheap Car Insurance for Ladies emergency response plan ppt mesothelioma attorney california primary pulmonary hypertension best consolidation loan student orlando criminal attorney Custom WordPress theme designer paperport promotional code Car insurance quotes Colorado Seo services DONATE A CAR IN MARYLAND Car Insurance Quotes MN Motor Replacements mesothelioma lawsuit Photo Christmas cards

Cosas Para Blogueros

Transparencias con CSS en Blogger – Forex – Virtual – Culture

Categories