Galería de imágenes para Blogger – php – Virtual – Dominios

Esta galería de imágenes hecha con CSS3 permite mostrar una cierta cantidad de imágenes y al pasar el cursor sobre alguna, esta aumenta de tamaño o si lo desea, se puede hacer que la imagen gire. Está realizada gracias a transformaciones CSS nivel 3, con ellas podremos dar las animaciones y no será necesario recurrir a scripts.

NOTA: No funciona en Internet Explorer.

Puedes ver los siguientes ejemplos:

Efecto zoom:

Efecto Giratorio:

¿Cómo añadir la galería a Blogger?

Paso 1: Añadiendo los estilos y transformaciones:

En ''Diseño | Edición HTML'', buscaremos la siguiente sección:

/b:skin

Arriba de esta, pegaremos el siguiente código:

#galeria {
padding:10px;
margin:0px auto;
width:500px;
height:auto;
background:#fafafa;
border:1px solid #d2d2d2;
}
#galeria img {
margin-left:12px;
margin-right:12px;
margin-bottom:10px;
padding:5px;
border:1px solid #d2d2d2;
box-shadow:2px 2px 2px #2d2d2d;
}
.aumentar {
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;

}
.aumentar:hover {
-moz-transform: scale(2.0);
-webkit-transform: scale(2.0);
text-decoration: none;
z-index:2;
}

.girar {
-webkit-transition-duration: 1.8s;
-moz-transition-duration: 1.8s;
}
.girar:hover {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
z-index:2; /*Ignorar*/
}

Guarda los cambios y listo.

Paso 2: Usando la galería:

Cada vez que quieras utilizar la galería, deberás ir a ''Edición de HTML'' en la entrada y ahí deberás pegar el siguiente código:

div id="galeria"
img class="efecto" height="150" src="IMAGEN1" width="200" /img class="efecto" height="150" src="IMAGEN2" width="200" /img class="efecto" height="150" src="IMAGEN3" width="200" /img class="efecto" height="150" src="IMAGEN4" width="200" /img class="efecto" height="150" src="IMAGEN5" width="200" /img class="efecto" height="150" src="IMAGEN6" width="200" /
/div

Consideraciones:

• Tienes que escoger el efecto que se le aplicará, puedes utilizar ''girar'' o''aumentar'', de lo contrario no aparecerá ninguno.


• Para añadir otra imagen, basta con pegar el siguiente código después de la última:

img class="efecto" height="150" src="IMAGENEXTRA" width="200" /

• Recuerda que al añadir otra, no puedes dejar espacios ya que no se cuadrarán, debes pegar el código justo después de la última imagen.


• Las transiciones sólo funcionan en Firefox y los navegadores webkit (Safari, Opera, Chrome, etc). En Internet Explorer no funcionará.

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetPero tuve que ser Mundial Football consolidating FIFA World Cup web host rating,register web address,online psychology degree,her first lesbian sex, make extra money ,make money fast and easy,addwords y mejor obtuve un credit application,visa gift carda,Mesothelioma law firm,voip phone service,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

adverse remortgage uk homeowner loans DONATE CARS IN MA Bankruptcy lawyer world trade center footage donate your car for money car insurance quotes MET AUTO virtual data rooms WordPress theme designers boulder personal injury lawyers Injury Lawyers Adobe illustrator classes CAR INSURANCE QUOTES PA Computer science classes online Dwi lawyer Online casino Make money online Australia Cheap domain registration hosting Donate Car To Charity CALIFORNIA Hire php developers integrated ehr Dallas Mesothelioma Attorneys mesothelioma information Data Recovery Raid Social media tools Casino Mobile casino Online Colleges Custom Christmas cards mesothelioma claim dallas mesothelioma lawyer mesothelioma attorneys selling annuity payments for cash Donate a car in Maryland CHEAP CAR INSURANCE FOR LADIES MASSAGE SCHOOL DALLAS TEXAS Seo services colorado auto accident attorney Better Conference Calls asbestos lawyers Custom WordPress theme designer mesothelioma charities Psd to html Seo companies Auto Mobile Shipping Quote Online Motor Insurance Quotes mesothelioma lawyer texas EMAIL BULK SERVICE DUI lawyer cheap domain registration hosting Hire php developer Personal Injury Law Firm Life Insurance Co Lincoln Casino reviews Live casino Dallas mesothelioma attorneys selling annuity How to Donate A Car in California forensics online course Donate Car for Tax Credit Tech school Claim CAR ACCIDENT LAWYERS Hire php programmers Car Insurance Quotes Colorado PHD on Counseling Education new mexico mesothelioma lawyer Best social media platforms for business Forensics Online Course FUTURISTIC ARCHITECTURE business administration masters Best Seo company Php programmers PhD in counseling education New social media platforms Criminal lawyer Social media platforms for business SELL ANNUITY PAYMENT Nunavut Culture Service business software Donate Cars in MA Criminal defense lawyer Low Credit Line Credit Cards california mesothelioma attorney Php programmers for hire car insurance quotes colorado los angeles motorcycle accident lawyer Email Bulk Service domain registration yahoo royalty free images stock Futuristic architecture mesothelioma settlements structured settlement sell Proud Italian cook structured settlement purchasers best accident attorneys holland michigan college motorcycle accident lawyer san diego motorcycle accident lawyer california auto accident attorney Torrance Social media examiner Christmas cards Business finance group lawyers accidents Massage School Dallas Texas PSYCHIC FOR FREE WebEx costs CAR INSURANCE IN SOUTH DAKOTA Seo company injury attorney baton rouge Holland Michigan College WordPress hosting Business management software Best social media platforms