Botones elegantes para Blogger – Platform – Virtual – Register

Hola, me llamo Abraham Santos Fernández. Quiero informarles que soy otro nuevo autor enAyuda Bloggers. Esta es la primera entrada que hago en este maravilloso blog. n esta oportunidad les traigo unos botones elegantes, los cuales se ven bien a la vista de muchas personas (por lo menos a mi).

El mensaje que dice: "Ir a la página principal", se llama tiptip, y lo pueden encontrar en el enlace siguiente: Usar tiptip en Blogger.

El tutorial:

Antes de/b:skinpegamos los siguientes estilos:

.btn {

display: inline-block;

border: 1px solid rgba(0,0,0,0.4);

padding: 2px 3px 2px 3px;

font-weight: bold;

text-shadow: 1px 1px 1px rgba(255,255,255,0.5);

-moz-border-radius: 15px;

-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);

-webkit-border-radius: 5px;

-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);

}

.blue { background-color: #CCC; color: #141414; }

.blue:hover {background-color: #00C0DD; color: #FFFDFC; }

.orange { background-color: #CCC; color: #141414; }

.red:hover {background-color: #FF7979; color: #FFFDFC; }

Lo que está de color naranja y azulse puede cambiar, y lo que dice blue y redtambiénse puede cambiar por el nombre que gusten; Y lo que está en negrita, es decir,#00C0DDy#FF8C3F, lo pueden cambiar por el color que guste en Colores web (Ayuda Bloggers) o en la siguiente página: HTML Color Codes, que también es muy buena, intutiva y muy fácil de usar.

Ahora, para poder implementar esto, lo que hemos dado, hemos de poner lo siguiente:

div class='btn blue' style='font-size: 11px;'Aquí el texto/div

Si se fijaronde lo que está en negrita, lo primero (btn) dice que los estilos o cssque les hemos agregado, se les agrega a blue. Esto nos permite cambiarlo por el otro, el cual es red, que sería de la siguiente manera:

div class='btn red' style='font-size: 11px;'Aquí el texto/div

Y se le agregarían los estilos de red,lo cual haría, que al pasar el mause por encima del botón, el color de fondo sea naranja. Ahora, para poder ver este efecto funcionando, visiten esta página. Si se fijan, arriba del título del blog, podrán ver estos botones.

Opcional

Si quieren que el efecto hoversea igual a la del blog ya mencionado, que el cambiar de color sea despacio, como con un efecto de desvanecimiento, entonces agreguen el siguiente código donde dice .btn:

-moz-transition:all 1s;
-webkit-transition:all 1s;
-o-transition:all 1s;
transition:all 1s;

Que quedaría de la siguiente manera:

.btn {
display: inline-block;
border: 1px solid rgba(0,0,0,0.4);
padding: 2px 3px 2px 3px;
font-weight: bold;
text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
-moz-border-radius: 15px;
-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
-webkit-border-radius: 5px;
-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
-moz-transition:all 1s;
-webkit-transition:all 1s;
-o-transition:all 1s;
transition:all 1s;
}

Esto ha sido todo por hoy. Si alguna duda o comentario, por favor, déjenlo en los comentarios de esta entrada. ¡Hasta la próxima!.

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDMundial Football free legal advice,FIFA World Cup cheap web hosting donde me dieron un available domain name,cheap domain name registration,pero salio muy caro y mejor me hice student credit card ,accept credit pero me recomendaron mejor utilizar credit counseling service donde tienen un mejor soporte y credito support stocking pero mejor me compre un linux hosting y mejor me afilie a affiliate programs pero buy �web position gold�,microsoft certification,Mesothelioma law firm,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

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLAND

Injury Lawyers home phone internet bundle Car Insurance Quotes MN DONATE OLD CARS TO CHARITY mesothelioma lawyer asbestos cancer lawsuit Asbestos Lawyers Hard drive Data Recovery Services DAYTON FREIGHT LINES Online Christmas cards Online casino holland michigan college Online Classes Business management software structured settlement broker Criminal defense lawyer Photo Christmas cards car accident lawyer in san diego Online Stock Trading Car insurance quotes MN Better Conference Calls Donating used cars to charity lease management software Dwi lawyer Social media tools Casino georgia truck accident lawyer harddrive data recovery services Bankruptcy lawyer forensics online course CRIMINAL DEFENSE ATTORNEYS FLORIDA buy gift card adverse remortgage asbestos mesothelioma lawsuit Mobile casino Make money online Australia personal injury lawyer Casino reviews Cheap Car Insurance in Virginia webex costs Php programmers for hire structured settlement purchasers Live casino DUI lawyer Criminal lawyer Hire php programmers bowne virtual data room Email Bulk Service Psd to html Donate Car for Tax Credit adverse credit remortgage Hire php developers florida car insurance company insurance medical temporary CAR ACCIDENT LAWYERS Nunavut culture Car Insurance Quotes PA Donate a Car in Maryland Social media platforms REGISTER FREE DOMAINS Nunavut Culture Massage school Dallas Texas houston mesothelioma attorney Best Seo company Online classes structured settlement buyer Html email google affiliate MORTGAGE ADVISER register free domains ROYALTY FREE IMAGES STOCK domain name yahoo DONATING A CAR IN MARYLAND lawsuit mesothelioma dui lawyer scottsdale Low Credit Line Credit Cards EMAIL BULK SERVICE auto insurance yuba city ca Service business software pharmacist jobs in chicago Hire php developer SELL ANNUITY PAYMENT Auto Mobile Shipping Quote structured settlement cash out personal injury accident lawyer Donate Your Car Sacramento WORLD TRADE CENTER FOOTAGE World Trade Center Footage PHD IN COUNSELING EDUCATION New social media platforms DONATE CAR FOR TAX CREDIT Computer science classes online Business VOIP Solutions mesothelioma care Home Phone Internet Bundle Futuristic Architecture Php programmers Car Insurance Quotes Seo companies Best social media platforms for business illinois law lemon Mesothelioma Law Firm mesothelioma litigation mesothelioma law firms life insurance quotes miami personal injury lawyer Donate your car for money Dedicated Hosting Dedicated Server Hosting Business finance group Seo services Custom WordPress theme designer Social media platforms for business Cheap Auto Insurance in VA Proud Italian cook Low credit line credit cards workers compensation lawyer los angeles