Nuevo interfaz de Blogger. Cargar plantillas pre-diseñadas. – Forex – Teleconferencias – Shipping

Aunque están casi todas las herramientas a la vista, con la nueva interfaz a algunos nos cuesta encontrar ciertas cosas que antes localizábamos en segundos. Es normal, son los daños colaterales que tienen todos los cambios aunque sean para mejor.

Y no quiero decir que en este caso sea así, pues personalmente todavía no he tenido oportunidad de trabajar mucho con el nuevo escritorio. El motivo es que algo tiene mi plantilla (seguro que algún script chapucero), que provoca que al ir precisamente al apartadoPlantilla, la interfaz se vuelva loca y se quede colgada con un símbolo de carga permanente.

Así que si un día veis un cambio urgente y radical en el aspecto de este sitio, ya sabéis que es porque Blogger hizo obligatorio el uso del nuevo escritorio y servidor no tuvo tiempo o ganas de ponerse a buscar cual es el origen de ese problema que acabo de comentar.

---

Pero a lo que vamos, que hoy es muy breve. Si queréis cargar una plantilla suministrada por un tercero, como por ejemplo las que podéis encontrar enPlantillas de Blogger,BTemplates,Plantillas para Blogger o las deBlog and Web, entre otros muchos, lo que hay que hacer en primer lugar es descargar el fichero con extensión .xml que nos proporcionarán.

Luego accedemos al escritorio y una vez allí, abrimos el desplegable de opciones del blog que queréis modificar. Pinchando enPlantilla vamos al sitio que nos interesa.

Ahí es justo dónde podemos encontrar, juntas en el mismo botón, las utilidades tanto para Crear una copia de seguridad, como para restablecerla. Esa segunda parte (Restablecer) es la que nos servirá precisamente para instalar cualquier plantilla pre-diseñada.

Hubiera sido más fácil que pusieran en el rótulo "Instalar nueva plantilla" o algo así, pero lo cierto es que es lo mismo restaurar una copia de seguridad que cargar una plantilla nueva. En ambos casos, lo único que hacemos es subir un fichero .xml con los datos de una plantilla y es indiferente que sea la misma que teníamos u otra distinta..

Una vez que nos sale la siguiente ventana emergente, ya sólo nos quedaSeleccionar archivo localizando el anteriormente descargado en nuestro disco duro y por último, pinchar en el botónSubir para hacer literalmente lo que indica ese rótulo.

Fácil ¿verdad? Y bueno, ya hemos visto también de paso desde dónde poderhacer una copia de seguridad. Sí, unade esas de las que siempre se nos olvida hacer.

BEST CRIMINAL LAWYER IN ARIZONA Online casino mesothelioma trial attorney Online Classes Car Insurance Quotes DAYTON FREIGHT LINES dui lawyer scottsdale NEUSON Custom Christmas cards Donate cars in ma Hire php developers mesothelioma law firm canada personals yahoo Cheap Car Insurance in Virginia Neuson utah mesothelioma lawyer WordPress theme designers accident attorney orange county insurance medical temporary Social media platforms Webex Costs Cheap auto insurance in VA Psd to html Best social media platforms for business Data Recovery Raid Car insurance quotes MN Donate Cars in MA best consolidation loan student Injury Lawyers california law lemon Casino Php programmers for hire Social media management Psd to WordPress Make money online Australia Donate cars Illinois Seo company personal injury attorney ocala fl mesothelioma litigation Computer science classes online Mobile casino chicago hair laser removal donating used cars to charity Car Insurance Quotes MN FUTURISTIC ARCHITECTURE selling my structured settlement mesothelioma lawyer virginia Donate a Car in Maryland pharmacist jobs in chicago motorcycle accident attorney sacramento Mesothelioma Law Firm car insurance quotes colorado hair removal washington dc michigan motorcycle accident lawyer Dedicated Hosting Dedicated Server Hosting buy gift card asbestos exposure lawyers Donating a car in Maryland ashely madis los angeles auto accident attorneys Proud Italian cook DUI lawyer data recovery raid sell annuity payment Cheap car insurance for ladies what is structured settlement Tech school Holland Michigan College New social media platforms yahoo web hosting mesothelioma ct Live casino Casino reviews Donating Used Cars to Charity CAR INSURANCE QUOTES COLORADO world trade center footage injury lawyers west palm beach domains yahoo fortis health insurance temporary paperport promotional code Bankruptcy lawyer Service business software Hire php programmers business voip solutions buyer of structured settlement annuity Dwi lawyer Criminal lawyer online criminal justice degree Automobile Accident Attorney Criminal defense lawyer Social media platforms for business Hire php developer WebEx costs Donate Your Car for Kids primary pulmonary hypertension Seo services dallas mesothelioma attorneys Php programmers Seo companies Car Accident Lawyers small business administration sba mesothelioma charities Hard drive Data Recovery Services Best Criminal Lawyers in Arizona Personal Injury Lawyer mesothelioma information business email web hosting life insurance quotes Business finance group mesothelioma lawyer houston WEBEX COSTS CAR INSURANCE IN SOUTH DAKOTA Custom WordPress theme designer car accident lawyer san bernardino motorcycle lawyer los angeles buy structured settlements Best Seo company refinance with bad credit Donating a Car in Maryland workers compensation lawyer los angeles Auto Accident Attorney Business management software Best social media platforms PAPERPORT PROMOTIONAL CODE Asbestos Lawyers Car Insurance Companies hosted predictive dialers Mortgage Online Christmas cards ONLINE MOTOR INSURANCE QUOTES Photo Christmas cards Learning adobe illustrator WordPress themes for designers buying an annuity calculator uk homeowner loans WordPress hosting peritoneal mesothelioma World Trade Center Footage PHD IN COUNSELING EDUCATION Social media examiner Futuristic Architecture Html email MOTOR REPLACEMENTS Social media strategies harddrive data recovery services Christmas cards mesothelioma lawyers san diego CAR INSURANCE QUOTES MN Italian cooking school Dayton Freight Lines FORENSICS ONLINE COURSE los angeles motorcycle accident lawyer Donate your Car for Money Adobe illustrator classes Car insurance in South Dakota Psychic for Free asterisk call center software Car insurance quotes Utah mesothelioma suit How to Donate A Car in California Social media tools Car insurance quotes pa Auto Mobile Insurance Quote broward county dui lawyer Massage School Dallas Texas auto accident attorney Torrance accident car florida lawyer benchmark lending Social media campaigns Donate Car to Charity California Donate Car for Tax Credit Car Insurance in South Dakota Mortgage adviser houston motorcycle accident lawyer Donate Your Car Sacramento Sell Annuity Payment Car Insurance Quotes Colorado DONATE A CAR IN MARYLAND structured settlemen Structures Annuity Settlement Car Insurance Quotes Utah forensics online course Annuity Settlements Nunavut Culture verizon sip structured settlements annuities Motor Replacements CAR DONATE Cheap Domain Registration Hosting adverse remortgage Donate Cars Illinois criminal defense attorneys florida Criminal Defense Attorneys Florida Claim better conferencing calls Life Insurance Co Lincoln business administration masters Online Motor Insurance Quotes Online Colleges Paperport Promotional Code AUTOMOBILE ACCIDENT ATTORNEY World trade center footage Donate Old Cars to Charity lawsuit mesothelioma Donate car to charity California CRIMINAL DEFENSE ATTORNEYS FLORIDA REGISTER FREE DOMAINS personal injury attorney springfield mo dallas mesothelioma lawyer DONATE CAR FOR TAX CREDIT

Cambiar el aspecto del puntero. Propiedad CURSOR. – Settlement – Abogado – Auto

La propiedad CSSCURSOR es la que controla el aspecto del puntero. Por defecto, el valor de esta propiedad esauto lo que hace que el puntero cambie según el contexto y el tipo de elemento sobre el que se sitúa.

Las formas que estamos más acostumbrados a ver son una flecha (default), una línea vertical para el texto marcable (text) y una mano para los enlaces (hand), pero hay muchos más valores para esta propiedad.

La forma de declarar el estilo del puntero es la misma que la de cualquier otra propiedad CSS, por lo que se puede hacer o en la parte de estilo o bien directamente en la parte HTML.

El primero de estos ejemplos sería para la hoja de estilo y afectaría a todos los elementos que tengan la etiqueta de párrafo (p). El siguiente muestra cómo incluirlo directamente en el HTML y afectaría sólo al párrafo al que se le ha añadido la etiqueta style:

p {cursor: help;}

p style='cursor:help;'Texto del párrafo/p

De igual manera que hemos hecho con el tag para párrafos, podemos cambiar el cursor sólo en una parte del blog, siempre que este esté bajo determinada clase o id:

.post {cursor: help;}
...
div class="post"Al pasar por encima de este texto, el puntero se verá como un signo de interrogación./div

Al pasar por encima de este texto, el puntero se verá como un signo de interrogación.

---

Estos son los estilos disponibles, aunque muchos sólo son visibles en determinadas circunstancias. Pasando el puntero por encima de los nombres de los valores de esta tabla sombreados en gris, podréis visualizar el aspecto de cada uno.

Valor	Utilidad y apariencia
default	Cursor por defecto que suele ser una flecha.
auto	El navegador elige el puntero en función del contexto
[URL]	Permite usar un cursor personalizado. La sintaxis es cursor: url(URL_IMAGEN); Si se indican varias direcciones separadas por comas, se usará la que sea funcional, empezando por la izquierda. Conveniente añadir un auto como última opción.
pointer	Elemento activo seleccionable, como por ejemplo un enlace. Normalmente una mano.
move	Indica que el elemento se puede mover. Una cruz con flechas en las cuatro puntas.
text	Texto seleccionable. Normalemente una barra vertical con pequeñas barras en los extremos con forma de I.
wait	Un reloj de arena que indica que el usuario debe esperar porque alguna aplicación está a medias o el programa está ocupado.
help	Indica que hay ayuda disponible para el elemento. Usualmente es un signo de interrogación.
hand	Prácticamente igual que pointer, también se visualiza con una mano.
no-drop	Se usa para indicar que un objeto arrastrado no se puede soltar en el lugar dónde este icono aparece. Una señal de prohibición.
not-allowed	La acción solicitada no se puede realizar. También se suele usar un círculo con una barra diagonal atravesándolo.
crosshair	Un signo más o una cruz para resaltar un elemento.
vertical-text	Texto vertical seleccionable. Una barra horizontal.
alias	Indica un marcador, enlace o alias a otro elemento y tiene el aspecto de una flecha con otra pequeña flecha curva sobre ella.

Para completar la lista, estos otros valores menos usuales:

Valor	Utilidad y apariencia
inherit	El elemento hereda el valor de esta propiedad que tuviera el elemento padre.
all-scroll	Cruz con flechas en todas las puntas que se usa para indicar que el contenido puede moverse en cualquier dirección.
col-resize	Símbolo de redimensión horizontal de una columna. Barra vertical doble con dos flechas en sentidos opuestos.
row-resize	Símbolo de redimensión vertical de una fila. Barra horizontal doble con dos flechas en sentidos opuestos.
n-resize	Diversos valores que se usan para indicar cuando una caja puede ser redimensionada y en qué dirección. Los valores usan el sistema de puntos cardinales en inglés (N, E, S, W) así como los correspondientes intermedios (NE, SE, NW, SW).
ne-resize
e-resize
se-resize
s-resize
sw-resize
w-resize
nw-resize
progress	Alguna aplicación sigue cargando pero no afecta a la interacción con la página. Una flecha con un pequeño reloj de arena junto a ellas.
cell	Para marcar celdas que pueden ser seleccionadas. Representado por una cruz con los brazos anchos.
copy	Indica que el contenido seleccionado puede ser copiado. Una flecha con un signo más dentro.
count-down	Usado para indicar una operación de cuenta atrás de un programa.
count-up	Usado para indicar una operación de cuenta adelante de un programa.
count-up-down	Usado para indicar que un programa está haciendo operaciones de cuenta atrás y adelante en sucesión.
grab	Usado para indicar que el contenido es arrastrable. A menudo una mano abierta.
grabbing	Usado para indicar que el contenido está siendo arrastrado. A menudo es una mano cerrada.
spinning	Usado para indicar que hay un proceso en curso del programa. Algo diferente del valor “wait” — wait debería indicar que el usuario no podrá interactuar con el programa mientras el cursor esté en ese estado mientras spinning indica que el usuario todavía puede seguir interactuando con el programa.

Social media campaigns donate your car for kids Hire php developer Neuson Motor Insurance Quotes donate car for tax credit saskatchewan auto insurance Business management software Royalty Free Images Stock Motor Replacements AUTO ACCIDENT ATTORNEY Casino Casino reviews New social media platforms CAR DONATE chicago hair laser removal asbestos lawyers DUI lawyer PHD IN COUNSELING EDUCATION Criminal defense attorneys Florida LIFE INSURANCE CO LINCOLN Service business software la personal injury lawyer HOME PHONE INTERNET BUNDLE Automobile Accident Attorney low credit line credit cards motorcycle accident lawyer san francisco Low Credit Line Credit Cards car accident lawyers los angeles Online casino Virtual Data Rooms houston mesothelioma attorney Live casino DONATE YOUR CAR FOR MONEY MET AUTO webex costs DONATE OLD CARS TO CHARITY Seo services Mobile casino personal injury solicitor Donate your car Sacramento mesothelioma law firm Data Recovery Raid miami personal injury lawyer dallas mesothelioma lawyer Make money online Australia PhD in counseling education best criminal lawyer in arizona Webex Costs DONATE CARS ILLINOIS injury lawyers west palm beach injury lawyers WORLD TRADE CENTER FOOTAGE Cheap car insurance for ladies Italian cooking school DALLAS MESOTHELIOMA ATTORNEYS Donate Cars in MA Social media platforms buyer of structured settlement annuity STRUCTURED ANNUITY SETTLEMENT Hire php developers Motor replacements Better conferencing calls annuity payment online criminal justice degree Hire php programmers motorcycle accident attorney chicago MOTOR REPLACEMENTS cloud identity and access management Donate Your Car Sacramento CAR INSURANCE QUOTES COLORADO st louis mesothelioma attorney Dwi lawyer Adobe illustrator classes Criminal lawyer royalty free images stock Html email ONLINE COLLEDGES FUTURISTIC ARCHITECTURE Car Insurance in South Dakota Criminal defense lawyer mesotheloma Met Auto Mesothelioma Law Firm insurance medical temporary Car Accident Lawyers Dayton Freight Lines home phone internet bundle buying an annuity calculator futuristic architecture Home phone internet bundle Php programmers for hire mesothelioma lawyer houston Hard drive Data Recovery Services Online Colleges Car Insurance Companies Personal Injury Law Firm primary pulmonary hypertension Online Stock Trading Online Motor Insurance Quotes Bankruptcy lawyer personal injury lawyer domains yahoo accident attorneys orange county online colledges Seo company DONATE YOUR CAR SACRAMENTO Donate Cars Illinois Car Insurance Quotes MN Custom Christmas cards Criminal lawyer Miami pharmacist jobs in chicago mesothelioma claim Futuristic Architecture CAR ACCIDENT LAWYERS WordPress hosting Social media examiner Nunavut culture World trade center footage CHEAP CAR INSURANCE FOR LADIES Computer science classes online mesothelioma attorney directory Psychic for Free car insurance quotes colorado Business finance group Php programmers Seo companies Donating a Car in Maryland Best social media platforms for business Proud Italian cook Donate old cars to charity mesothelioma help Best Seo company auto insurance yuba city ca federal criminal defense attorney Photo Christmas cards Learning adobe illustrator Donate Car to Charity California Social media platforms for business Donate car for tax credit Custom WordPress theme designer VIRTUAL DATA ROOMS Structures Annuity Settlement Best social media platforms BEST CRIMINAL LAWYER IN ARIZONA Online Christmas cards Life Insurance Co Lincoln event management security WordPress themes for designers refinance with poor credit Psd to WordPress Social media management PAPERPORT PROMOTIONAL CODE houston tx auto insurance Tech school illinois mesothelioma lawyer selling a structured settlement CHEAP CAR INSURANCE IN VIRGINIA Christmas cards mesothelioma lawyer texas lawsuit mesothelioma Psd to html mesothelioma law firms cheaper insurance companies HARDDRIVE DATA RECOVERY SERVICES auto accident attorney Torrance WordPress theme designers Social media strategies buying structured settlements Social media tools life insurance quotes Home Phone Internet Bundle automobile accident attorney Annuity Settlements Donating a car in Maryland benchmark lending Donate Car for Tax Credit Low credit line credit cards See more at http//wwwginfostopnet/ MESOTHELIOMA LAW FIRM ashely madis Sell Annuity Payment How to Donate A Car in California Donate Your Car for Kids Asbestos Lawyers Car Insurance Quotes Colorado emergency response plan ppt Business VOIP Solutions Nunavut Culture florida car insurance company Life insurance co Lincoln Donate a Car in Maryland Attorney Cheap Domain Registration Hosting Paperport Promotional Code structured settlement agreement Mortgage adviser Criminal Defense Attorneys Florida Best Criminal Lawyers in Arizona compare life assurance alcohol rehab center in florida mesothelioma settlement amounts mesothelioma care Car Insurance Quotes Utah Holland Michigan College CHEAP DOMAIN REGISTRATION HOSTING criminal defense attorneys florida Injury Lawyers mesothelioma lawyer california refinance with bad credit

Las vistas dinámicas de Blogger ahora personalizables – php – Colleges – Dominios

Desde hace casi siete meses se puedeacceder a las distintas vistas dinámicas de un blog Blogger de manera indirecta y desde hace aproximadamente un mes, se habilitó la posibilidad deusarlas como plantillas en lugar de las habituales (clásicas, de diseño y nuevo diseñador).

La novedad publicada hace unas horas enBlogger Buzz (versión en inglés) es que desde ya,se pueden personalizar algunos elementos de este nuevo formato.

Para ello hay que acceder alEscritorio, seleccionarPlantilla, elegir (o estar usando ya) una de las siete vistas posibles y entrar enPersonalizar. Con esto podremos utilizar el nuevo diseñador de la misma manera que en las plantillas normales.

De momento no hay mucha cosa, pero es lógico teniendo en cuenta que el formato es bastante cerrado. No obstante podemos cambiar el fondo, las fuentes y los colores. Y quizás lo más importante, agregar una imagen de cabecera que identifique del todo nuestro espacio.

En la noticia también se informa de que está previsto habilitar la inclusión de gadgets, así que aunque esosupondría tener que dejar de jugar con los códigos, lo mismo un día me decido a cambiar a una de estas plantillas. Las ventajas de rapidez, navegabilidad y adaptabilidad a los distintos tipos de terminales. parecen importantes razones para hacerlo.Unos 500.000 blogs ya las utilizan.

diagnosed with mesothelioma Donate Your Car Sacramento illinois mesothelioma lawyer utah mesothelioma lawyer Seo services Mobile casino CAR DONATE Car Insurance Quotes Colorado Webex Costs Met Auto Structures Annuity Settlement mesothelioma attorney directory miami personal injury attorney Online casino mesothelioma information Mesothelioma Law Firm Service business software PAPERPORT PROMOTIONAL CODE auto insurance yuba city ca Social media platforms for business WordPress theme designers Cheap Auto Insurance in VA mesothelioma lawyer houston Photo Christmas cards CRIMINAL DEFENSE ATTORNEYS FLORIDA structured settlement purchasers uk homeowner loans Register free domains Dwi lawyer DONATING A CAR IN MARYLAND Casino Holland Michigan College structured settlement buyer pharmacist jobs in chicago mesothelioma lawyer chicago ROYALTY FREE IMAGES STOCK Donate Old Cars to Charity Make money online Australia world trade center footage How to Donate A Car in California mesothelioma charities life insurance co lincoln ONLINE MOTOR INSURANCE QUOTES Hire php developers Casino reviews motor replacements Online Christmas cards Best Seo company Cheap Car Insurance in Virginia Donate Cars Illinois Online Colleges new york mesothelioma law firm car donate DONATE CAR FOR TAX CREDIT Live casino injury lawyers Hire php developer World Trade Center Footage mesothelioma DUI lawyer mesothelioma care car insurance quotes mn mesothelioma claims WordPress hosting Dayton freight lines HARDDRIVE DATA RECOVERY SERVICES personal accident attorney Health Records Personal Health Record domain registration yahoo Hire php programmers peritoneal mesothelioma mesothelioma claim Forex Trading Platform ANNUITY SETTLEMENT accident attorney in los angeles MESOTHELIOMA LAW FIRM refinance with bad credit georgia truck accident lawyer Criminal lawyer Social media tools dallas mesothelioma attorneys home phone internet bundle Criminal defense lawyer forensics online course Php programmers for hire mesothelioma attorney assistance Better Conference Calls Best social media platforms for business domain yahoo Bankruptcy lawyer Computer science classes online Php programmers Donate Your Car for Kids adverse remortgage integrated ehr st louis mesothelioma attorney CHEAP CAR INSURANCE IN VIRGINIA Seo companies Online Classes New social media platforms colorado mesothelioma lawyers Business finance group personal injury firm new mexico mesothelioma lawyer DONATING USED CARS TO CHARITY Italian cooking school Asbestos Lawyers Custom WordPress theme designer Tech school holland michigan college Cheap Domain Registration Hosting Learning adobe illustrator verizon sip Business management software CHEAP DOMAIN REGISTRATION HOSTING Online classes WORLD TRADE CENTER FOOTAGE Best social media platforms domains yahoo Cheap domain registration hosting Social media examiner Seo company state of california car insurance purchase structured settlements Custom Christmas cards mesothelioma lawyer asbestos cancer lawsuit insurance medical temporary donate your car for kids WordPress themes for designers mesothelioma lawyer dallas Psd to WordPress PHD on Counseling Education Social media management Social media platforms workers compensation lawyer los angeles SELL ANNUITY PAYMENT Christmas cards Html email phd in counseling education online motor insurance quotes CAR INSURANCE QUOTES MN best accident attorneys mesothelioma ct Proud Italian cook florida car insurance company Online College Course primary pulmonary hypertension Psd to html massage school dallas texas event management security low credit line credit cards asbestos lung cancer personal injury lawyer Adobe illustrator classes cheap auto insurance in va fortis health insurance temporary Social media strategies cash out annuity Social media campaigns Donate Car to Charity California Donate Car for Tax Credit Donate Cars in MA Car Donate Gas/Electricity Dayton Freight Lines mesothelioma settlements amounts Sell Annuity Payment Online Criminal Justice Degree Car Insurance Quotes MN truck accident attorney los angeles Hard drive Data Recovery Services FORENSICS ONLINE COURSE mortgage adviser Criminal Defense Attorneys Florida Annuity Settlements personal injury solicitor Nunavut Culture car insurance quotes pa Mortgage Adviser Donate a Car in Maryland HOW TO DONATE A CAR IN CALIFORNIA Motor Replacements selling structured settlement PSYCHIC FOR FREE Donating a Car in Maryland Car insurance quotes Colorado Car Insurance in South Dakota structured annuity settlement Insurance Companies data recovery raid Best Criminal Lawyers in Arizona Car Insurance Quotes Utah futuristic architecture AUTO ACCIDENT ATTORNEY Life Insurance Co Lincoln BETTER CONFERENCING CALLS Home Phone Internet Bundle AUTOMOBILE ACCIDENT ATTORNEY Online Motor Insurance Quotes Paperport Promotional Code sell structured settlement calculator orlando criminal attorney auto insurance cost by state google adsense Massage School Dallas Texas structured settlemen Psychic for Free Low Credit Line Credit Cards mesothelioma lawsuit Dallas Mesothelioma Attorneys

Blur Menu. Para practicar transiciones CSS3 – Plataforma

EnTympanus hay varios tutoriales interesantes, pero el que hoy ha llamado mi atención ha sido uno sobre una serie de menús con efecto blur (que más o menos es lo mismo que decir borroso o desenfocado), en los que lastransiciones CSS3 tienen un especial protagonismo... sin olvidar lastransformaciones.

En esta página tenéis una serie deejemplos y esta otra, elcódigo para conseguir cada uno de esos menús.

Y como con este tipo de cosas es mejor una imagen que mil palabras, a continuación tres de los allí ofrecidos y el código correspondiente. Hay que tener en cuenta que ambas propiedades funcionan correctamente en Chrome y Safari, que en Firefox no se aprecian las transiciones y que en Explorer no funciona ninguna a menos que tengas la versión 9.

• Blogger
• HTML
• CSS
• JavaScript
• Diseño
• Contacto

Ver/Ocultar código

.bmenu {
padding: 0px;
margin: 0 0 10px 0;
position: relative;
font-family: arial;
}
.bmenu li {
font-size: 40px;
display: block;
}
.bmenu li a {
text-decoration: none;
white-space: nowrap;
color: transparent;
display: block;
text-transform: uppercase;
text-align: center;
text-shadow: 0px 0px 6px #fff;
letter-spacing: 1px;
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: all 0.6s linear;
-moz-transition: all 0.6s linear;
-o-transition: all 0.6s linear;
-ms-transition: all 0.6s linear;
transition: all 0.6s linear;
}
.bmenu:hover li a {
text-shadow: 0px 0px 15px #fff;
}
.bmenu li a:hover {
text-decoration:none;
text-shadow: 0px 0px 1px #fff;
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}

• Blogger
• HTML
• CSS
• JavaScript
• Diseño
• Contacto

Ver/Ocultar código

.bmenu3 {
padding: 0;
margin: 0 0 10px 0;
position: relative;
font-family:'Times New Roman', Times, serif;
}
.bmenu3 li {
font-size: 50px;
display: block;
}
.bmenu3 li a {
text-decoration:none;
display: block;
text-transform: uppercase;
text-shadow: 1px 1px 2px rgba(89,22,20,0.3);
color: #581514;
padding: 5px 20px;
margin: 2px;
background: rgba(255,255,255,0.2);
letter-spacing: 1px;
-webkit-transform: skew(-12deg);
-moz-transform: skew(-12deg);
-o-transform: skew(-12deg);
-ms-transform: skew(-12deg);
transform: skew(-12deg);

-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.bmenu3:hover li a {
color: transparent;
text-shadow: 0px 0px 10px #fff;
background: rgba(88,22,22,0.2);
-webkit-transform: skew(0deg);
-moz-transform: skew(0deg);
-o-transform: skew(0deg);
-ms-transform: skew(0deg);
transform: skew(0deg);
}
.bmenu3 li a:hover {
text-decoration:none;
background: transparent;
text-shadow: 1px 1px 10px rgba(89,22,20,0.6);
color: #581514;
}

• Blogger
• HTML
• CSS
• JavaScript
• Diseño
• Contacto

Ver/Ocultar código

.bmenu2 {
padding: 50px 0px;
margin: 0 auto;
position: relative;
background: rgba(0,0,0,0.7);
width: 400px;
height: 480px;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
-webkit-transition: background-color 0.5s ease-in-out;
-moz-transition: background-color 0.5s ease-in-out;
-o-transition: background-color 0.5s ease-in-out;
-ms-transition: background-color 0.5s ease-in-out;
transition: background-color 0.5s ease-in-out;
font-family: 'Courier New', Courier, monospace;
}
.bmenu2:hover {
background: rgba(0,0,0,0.2);
}
.bmenu2 li {
font-size: 40px;
display: block;
line-height: 66px;
}
.bmenu2 li a {
text-decoration:none;
white-space: nowrap;
color: transparent;
display: block;
text-align: center;
text-transform: uppercase;
text-shadow: 0px 0px 3px #fff;
letter-spacing: 1px;
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
transition: all 0.4s linear;
}
.bmenu2:hover li a {
text-shadow: 0px 0px 10px #fff;
}
.bmenu2 li a:hover{
text-decoration:none;
text-shadow: none;
color: #fff;
background: rgba(129,6,29,0.8);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}

La parte HTML sería una lista simple con la clase correspondiente al tipo de menú que queremos utilizar:

ul class="bmenu3"
lia href="URL_ENLACE1"Enlace 1/a/li
lia href="URL_ENLACE2"Enlace 2/a/li
lia href="URL_ENLACE3"Enlace 3/a/li
lia href="URL_ENLACE4"Enlace 4/a/li
/ul

Este es un sitio al que llegué gracias a un tweet deDaniel Ulczyk (@DanielUlczyk).

BETTER CONFERENCING CALLS integrated ehr asterisk call center software Seo services Donate Car To Charity CALIFORNIA Email bulk service car crash attorneys Social media campaigns phd in counseling education Casino Hire php programmers Online casino CAR ACCIDENT LAWYERS MASSAGE SCHOOL DALLAS TEXAS hair removal washington dc Business finance group Online Christmas cards DUI lawyer HARDDRIVE DATA RECOVERY SERVICES WordPress hosting Hire php developers Mobile casino automobile accident attorney Custom WordPress theme designer sell annuity payment Tech school truck accident attorney texas Bankruptcy lawyer Business VOIP Solutions Car Insurance Quotes Utah cheap auto insurance in va Best Seo company Donate your Car for Money criminal defense attorneys florida Make money online Australia structured settlement sell donate old cars to charity Hire php developer adverse credit remortgage google adsense seattle mesothelioma lawyer Holland Michigan College Online Motor Insurance Quotes Criminal defense attorneys Florida colorado mesothelioma lawyers Casino reviews Criminal lawyer Live casino att call conference best accident attorneys Psd to html Met Auto Seo company Cheap Car Insurance for Ladies World Trade Center Footage Asbestos Lawyers Social media platforms for business Better Conference Calls mesothelioma attorney florida Dwi lawyer mesothelioma attorneys california Psychic for free Auto Mobile Insurance Quote mesothelioma settlement amounts car accident lawyers west palm beach Personal Injury Lawyers Computer science classes online Insurance mesothelioma care Business Voip Solutions small business administration sba Service business software LOW CREDIT LINE CREDIT CARDS illinois mesothelioma lawyer WordPress theme designers Criminal defense lawyer Php programmers for hire Life Insurance Co Lincoln criminal defense federal lawyer Italian cooking school CAR INSURANCE IN SOUTH DAKOTA data recovery raid st louis mesothelioma attorney Car Donate massage school dallas texas mesothelioma lawyer dallas Php programmers donate your car for money Dayton Freight Lines florida car insurance company Psychic for Free Donating a car in Maryland houston motorcycle accident lawyer Seo companies Donating Used Cars to Charity accident attorneys orange county Business management software Best social media platforms for business ANNUITY SETTLEMENT Email Bulk Service mesothelioma personal injury lawyers semi truck accident lawyers Car Accident Lawyers Home Phone Internet Bundle Criminal lawyer Miami New social media platforms Mortgage Automobile Accident Attorney Royalty Free Images Stock mesothelioma law firms alabama mesothelioma lawyer CAR INSURANCE QUOTES COLORADO Social media tools Motor replacements Donate Car for Tax Credit buying structured settlements Low credit line credit cards Dedicated Hosting Dedicated Server Hosting selling a structured settlement mesotheliama workers compensation lawyer los angeles Donate a Car in Maryland personal injury lawyer WordPress themes for designers Best social media platforms Christmas cards DONATE CARS IN MA cloud identity and access management Photo Christmas cards Custom Christmas cards personal injury accident lawyer saskatchewan auto insurance life insurance quotes Psd to WordPress Online Classes structured settlement company Social media examiner uk homeowner loans Social media management mesothelioma mesothelioma cases Html email Social media platforms Hard drive Data Recovery Services Proud Italian cook best consolidation loan student asbestos lung cancer structured settlements companies lawsuit mesothelioma Online College Course Injury Lawyers Mortgage Adviser car insurance in south dakota arizona auto accident attorney Adobe illustrator classes fortis health insurance temporary Donate cars in ma Social media strategies How to Donate A Car in California Learning adobe illustrator CAR INSURANCE QUOTES UTAH Online Colleges state of california car insurance accident attorney san bernardino Mesothelioma Law Firm Low Credit Line Credit Cards FUTURISTIC ARCHITECTURE Neuson Donate Car to Charity California FORENSICS ONLINE COURSE Donate Cars in MA mesothelioma lawyer houston Donate Your Car Sacramento mesothelioma compensation Sell Annuity Payment MOTOR REPLACEMENTS sell structured settlement calculator Donate Your Car for Kids Structures Annuity Settlement AUTOMOBILE ACCIDENT ATTORNEY Car Insurance Quotes Colorado Annuity Settlements mortgage adviser Futuristic architecture washington mesothelioma attorney CAR INSURANCE QUOTES PA PAPERPORT PROMOTIONAL CODE Nunavut Culture car donate Car insurance quotes Colorado benchmark lending Motor Replacements better conferencing calls car insurance quotes mn Cheap auto insurance in VA Cheap Domain Registration Hosting Donating a Car in Maryland Donate Cars Illinois Criminal Defense Attorneys Florida Best Criminal Lawyers in Arizona la personal injury lawyer Forex Trading Platform Dallas Mesothelioma Attorneys car accident lawyer san bernardino domain name yahoo SELL ANNUITY PAYMENT Donate a car in Maryland Paperport Promotional Code ONLINE MOTOR INSURANCE QUOTES Massage School Dallas Texas

Sonido al pasar el puntero por encima de una imagen – Service – Promotional Code

Este sistema hecho con JavaScript está desarrollado -a petición de un lector del blog- para añadir un efecto de sonido a una imagen, pero también se puede utilizar para reproducir música a demanda con un reproductor "invisible".

Lo primero de todo es conseguir un alojamiento para audio que admita el hotlink, o lo que es lo mismo, que nos permita tirar directamente del alojamiento para reproducir online y no sólo en modo descarga.

Servidor ha hecho las pruebas conKiwi6 y parece que funciona bastante bien, con la ventaja de que ni siquiera es necesario registrarse. El que haya leído nuestroanterior post, podrá comprobar que últimamente nos ha dado por laActinidia Deliciosa, pero es que somos así de dulces :)

El bloque principal lo he redactado de forma que se pueda poner como simple gadget (tipo HTML/JavaScript) en la barra lateral, ya que como os he anticipado, no habrá nada visible para el usuario. Veréis que no tiene mucha ciencia y que, secuencialmente, sólo se trata de lo siguiente:

• un estilo para que el reproductor tenga tamaño cero y no se vea
• una variable (sonido) para incluir en ella la dirección del sonido a reproducir
• otra variable (audio) que contiene las instrucciones necesarias para embeber un reproductor estándar y unos parámetros para que no se reproduzca si no pulsamos antes en algún sitio (autoplay) y para que sea controlable desde JavaScript (enablejavascript)
• la "impresión" en la página del reproductor para que quede cargado desde el principio
• una función para comenzar a reproducir el sonido (reproducirmusica)

style type="text/css"
#musica {height:0;width:0;}
/style
script type="text/javascript"
var sonido = 'http://k003.kiwi6.com/hotlink/5b6r3mpa5k/coche.mp3';

var audio ='embed id="musica" src="'+sonido+'" autoplay="false" type="audio/mpeg" enablejavascript="true"/embed';
document.write(audio);

function reproducirmusica() {
var tocando = document.getElementById('musica');
tocando.Play();
}
/script

Con esto instalado ya podemos activar ese sonido dónde queramos, siendo opción de vuestras necesidades si se hace al pasar el puntero por encima del elemento o si preferís que sea necesario hacer click.

En el primer caso, este sería el tipo de enlace que habría que montar englobando la imagen o lo que sea. Aquí hemos puesto sólo la palabraPLAY, pero justo después podréis ver el ejemplo que hemos hecho con una imagen cambiando esa palabra por el correspondienteimg src="...:

a href='javascript:void(0);' onmouseover="javascript:reproducirmusica();"PLAY/a

Para que sea necesario hacer click para la reproducción, el código iría de esta otra manera:

a href='javascript:reproducirmusica();'PLAY/a

Al cargar la página con este script, puede que os salga un aviso de que se está intentando ejecutar un plugin y que tenéis que dar vuestro permiso, pero sólo se trata del reproductor por defecto del navegador, así que podéis aceptar su uso sin problemas.

Y no he sido muy afortunado con la elección del sonido del ejemplo, porque cuando parece que ha terminado, todavía queda un poco de pista a muy bajo volumen. Así que si le dais muy seguido y os parece que no funciona, no es por eso, es porque todavía está reproduciendo el final del anterior fichero. Vamos, que el coche no ha terminado de pasar...

Hire php programmers houston mesothelioma attorney CAR INSURANCE QUOTES COLORADO arizona auto accident attorney Hard drive Data Recovery Services Online Criminal Justice Degree Business finance group how to donate a car in california How to Donate A Car in California mesothelioma attorneys california DONATE A CAR IN MARYLAND FUTURISTIC ARCHITECTURE Psd to html Best social media platforms for business Automobile Accident Attorney Car Accident Lawyers car insurance quotes colorado Asbestos Lawyers Online casino buying structured settlements Bankruptcy lawyer DONATE OLD CARS TO CHARITY car accident lawyers Casino best consolidation loan student mesothelioma attorney assistance Donate Car to Charity California dui lawyer scottsdale integrated ehr Futuristic Architecture dallas mesothelioma attorneys selling a structured settlement NEUSON DONATE CAR FOR TAX CREDIT Php programmers Donate your car for money Mobile casino mesothelioma claim Car Insurance Quotes PA Make money online Australia alcohol rehab center in florida CHEAP DOMAIN REGISTRATION HOSTING motorcycle accident attorney chicago Dallas mesothelioma attorneys Proud Italian cook Email bulk service Casino reviews Adobe illustrator classes Cheap domain registration hosting Better conferencing calls DUI lawyer Live casino WORLD TRADE CENTER FOOTAGE Dallas Mesothelioma Attorneys insurance medical temporary la personal injury lawyer Social media platforms for business Php programmers for hire Hire php developers injury attorney baton rouge CAR INSURANCE QUOTES MN Better Conference Calls ANNUITY SETTLEMENT Service business software Criminal lawyer Donate cars Illinois cell cycle regulation ppt structured settlement buyer Best Criminal Lawyers in Arizona structured settlement cash out Seo services donating used cars to charity Donating Used Cars to Charity Donate Your Car Sacramento Social media platforms los angeles workers compensation lawyers MET AUTO Social media strategies onlineclasses Seo company workplace accident attorney Met Auto accident attorney in los angeles MASSAGE SCHOOL DALLAS TEXAS Dwi lawyer New social media platforms Asbestos Lung Cancer Criminal defense lawyer Life Insurance Co Lincoln donate your car for money Hire php developer purchase structured settlements motor replacements Car Insurance Companies Car Donate Computer science classes online Seo companies Dayton Freight Lines PHD IN COUNSELING EDUCATION AUTOMOBILE ACCIDENT ATTORNEY PSYCHIC FOR FREE Motor Insurance Quotes Best criminal lawyer in Arizona Car insurance quotes Utah primary pulmonary hypertension injury lawyer houston tx mesothelioma litigation Custom WordPress theme designer caraccidentlawyer Social media campaigns seattle mesothelioma lawyer World trade center footage HARDDRIVE DATA RECOVERY SERVICES Personal Injury Law Firm Paperport promotional code better conferencing calls structured settlements companies fortis health insurance temporary Best Seo company Forensics Online Course Business management software Best social media platforms CAR INSURANCE QUOTES UTAH mesothelioma information Online Christmas cards Custom Christmas cards webex costs philadelphia mesothelioma lawyer Photo Christmas cards Car Insurance Quotes Colorado WordPress themes for designers mesothelioma lawyer virginia WordPress hosting Psd to WordPress mesothelioma care Social media examiner Social media management Tech school Online Colleges Html email Structures Annuity Settlement Health Records Personal Health Record WEBEX COSTS mesothelioma charities PAPERPORT PROMOTIONAL CODE mortgage adviser online criminal justice degree DONATE CARS ILLINOIS business voip solutions Christmas cards Register Free Domains earthlink business internet car accident lawyers los angeles Donate Cars Illinois CAR DONATE bus accident attorney los angeles refinance with bad credit ONLINE MOTOR INSURANCE QUOTES Italian cooking school peritoneal mesothelioma cheaper insurance companies WordPress theme designers accident car florida lawyer ROYALTY FREE IMAGES STOCK Cheap Car Insurance for Ladies personal injury lawyer sarasota fl Learning adobe illustrator Social media tools Mesothelioma Law Firm Donate Cars in MA auto accident lawyer san francisco Car Insurance in South Dakota Donate Car for Tax Credit Cheap Domain Registration Hosting state of california car insurance hair removal washington dc structured settlement annuity companies Dedicated Hosting Dedicated Server Hosting mesothelioma settlement amounts Sell Annuity Payment Donate Your Car for Kids World Trade Center Footage colorado mesothelioma lawyers SELL ANNUITY PAYMENT Annuity Settlements mesothelioma forensics online course anti spam exchange server mesothelioma attorney florida Neuson california law lemon Criminal lawyer Miami Nunavut Culture FORENSICS ONLINE COURSE canada personals yahoo Psychic for Free Donate a Car in Maryland Motor Replacements cash out structured settlement Donating a Car in Maryland selling annuity Criminal Defense Attorneys Florida Car Insurance Quotes Utah buying an annuity calculator compare life assurance domains yahoo mesothelioma law suits Holland Michigan College Online Motor Insurance Quotes Met auto