Cosas Para Blogueros: CSS

Mostrando entradas con la etiqueta CSS. Mostrar todas las entradas

Border-radius para Internet Explorer con CSS y jQuery – Phone – Hosting

Damian 9:52 CSS, HTML y Javascript, Tutoriales Blogger

Todos queremos que la plantilla de nuestro blog se visualice bien en todos los navegadores. La etiquetaborder-radiuspermitía aplicar bordes redondeados a cualquier contenedor. Lo malo, es que esta función no está disponible en Internet Explorer, y cada vez que se visitaba un blog, los contenidos conborder-radiusaplicado no se veían bien.

Eso desde luego, era una completa pesadilla, cuando otros navegadores eran compatibles con esta funcionalidad: Chrome, Firefox... Pero, ahora, hay dos soluciones a este problema.

El tutorial:

El código normal a implementar sería:

.borde-redondeado-ayudabloggers {
-webkit-border-radius: 10px;/* border-radius para Safari y Chrome */
-moz-border-radius: 10px; /* border-radius para Firefox */
-khtml-border-radius:10px;/* border-radius para navegadores Linux */
border-radius: 10px;/* CSS3 Estándar */}

Aquello marcado enverde se puede eliminar posteriormente ya que son solo comentarios.

El HTML normal a insertar sería:

div class="borde-redondeado-ayudabloggers"Este contenedor tiene implementado el estilo border-radius/div

Lo que está en azul se puede cambiar posteriormente por el contenido deseado.

Aquí os dejo un live-demo (recordad que este live-demo está hecho con los atributos normales por lo que en Internet Explorer no funciona)

Demo con CSS normal

Este contenedor tiene aplicado border-radius

Opción 1: Usar un archivo .HTC:

NOTA: La opción 1 es relativamente complicada, por lo que aconsejo llevar a cabo correctamente los pasos, y asegurarse de que no hay nada equivocado.

Para lograr queborder-radius funcione en Internet Explorer debemoscrear un archivo HTC. Se puede bajar desdeGoogle Code.

Importante: Se debe cargar el archivo como "border-radius.htc" en la misma carpeta donde se encuentre alojada nuestra hoja de estilos.

En la hoja exclusiva para Internet Explorer el CSS a pegar es:

.borde-redondeado {
border-radius:10px;
behavior: url(border-radius.htc);
}

Y el HTML a insertar sería:

!--[if IE]link rel="stylesheet" href="ie.css" type="text/css" media="screen" /![endif]--
div class="borde-redondeado"Este contenedor tiene aplicado el estilo border-radius/div

También se puede hacer todo de una vez usando el código del primer ejemplo. El CSS:

.borde-redondeado-htc {
-webkit-border-radius: 10px; /* Para Safari y Chrome */
-moz-border-radius: 10px; /* Para Firefox */
-khtml-border-radius:10px; /* Navegadores de Linux */
border-radius: 10px; /* CSS3 */
behavior: url(border-radius.htc); /* Para IE */
}

Ahora, obviamente, el HTML:

div class="borde-redondeado-htc"Este contenedor tiene sus bordes redondeados con CSS3 y magia para IE/div

Opción 2: Bordes Redondeados con jQuery:

Esta opción es muchísimo más fácil de realizar que la anterior, y se lleva a cabo con laextensa librería de jQuery, con un plugin que he encontrando en la web llamadojQuery Corner, el cuál permite un abanico de posibilidades indescriptibles. Un plugin muy completo.

El jQuery a insertar es:

$(".borde-redondeado-jquery").corner("10px");

Ahora hace falta añadir los scripts y el HTML:

script src="jquery-1.3.2.min.js"/script
script src="jquery.corner.js"/script
div class="borde-redondeado-jquery"Este contenedor tiene border-radius aplicado gracias al plugin jQuery Corner/div

Aquí os dejo también otro live-demo para que puedan comprobar el resultado con Internet Explorer:

Este contenedor tiene aplicado border-radius con el plugin jQuery Corner.

Eso si, si queremos evitarnos todo este lío, no uséis Internet Explorer. Yo os recomiendo Google Chrome (fácil de usar, simple y accesible y muy rápido) o Mozilla Firefox.Aquí os dejo un archivo para descargar con toda lo necesario (incluido la hoja exclusiva para IE .HTC)

Más detalles en HTMLRemix
El contenido está bajo licencia Creative Commons 3.0 BY
Los códigos están bajo licencia GNU GPL v3

NOTA: Entiendo que este tutorial es largo y complicado, así que si tienen alguna duda, por favor comentenla y yo le ayudaré.

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 MARYLAND Mundial 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 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

Online College Course Online casino Car Insurance Quotes Donating a car in Maryland Custom WordPress theme designer Donate Cars Illinois PHD on Counseling Education miami personal injury lawyer structered settlement Proud Italian cook refinance with poor credit structured settlement investments mesothelioma compensation Criminal defense lawyer Online Christmas cards Low credit line credit cards Tech school Online Motor Insurance Quotes accident attorneys orange county Register free domains mesothelioma care How to Donate A Car in California Forex Trading Platform federal criminal defense attorney Met Auto chicago hair laser removal asbestos lung cancer STRUCTURED ANNUITY SETTLEMENT bus accident attorneys Computer science classes online CAR DONATE Royalty Free Images Stock sell annuity payment Casino BEST CRIMINAL LAWYER IN ARIZONA google affiliate LIFE INSURANCE CO LINCOLN domain yahoo cheap car insurance in virginia Mobile casino Make money online Australia forensics online course Hire php developers Email Bulk Service injury lawyers west palm beach CHEAP CAR INSURANCE IN VIRGINIA Car Insurance in South Dakota Cheap car insurance in Virginia hair removal washington dc mesotheolima NUNAVUT CULTURE structured settlement blog futuristic architecture motorcycle accident attorney chicago lease management software Donate Old Cars to Charity Psd to WordPress Php programmers for hire mesothelioma attorney florida car accident lawyer san bernardino email bulk service Casino reviews Dwi lawyer boca raton personal injury attorney Futuristic Architecture Psychic for Free Seo companies Live casino Donate your car for money DUI lawyer Hire php programmers semi truck accident lawyers buying an annuity calculator AUTOMOBILE ACCIDENT ATTORNEY selling annuity hughes net business Health Records Personal Health Record Criminal lawyer Donate Car to Charity California data recovery raid Massage school Dallas Texas Service business software Webex Costs car insurance in south dakota REGISTER FREE DOMAINS donate your car for money DONATE CARS IN MA personal injury accident lawyer Best Seo company Best Criminal Lawyers in Arizona Italian cooking school Best social media platforms DONATE OLD CARS TO CHARITY Hire php developer workers compensation lawyer los angeles Low Credit Line Credit Cards Bankruptcy lawyer bus accident attorney los angeles Photo Christmas cards Motor Replacements Dallas Mesothelioma Attorneys tucson car accident attorney structured settlement brokers Annuity Settlements How to donate a car in California Structures Annuity Settlement motorcycle lawyer los angeles Learning adobe illustrator Php programmers ashely madis MORTGAGE ADVISER business voip solutions wisconsin mesothelioma attorney structured settlements annuities Donate Your Car for Kids

Editar la apariencia en las páginas estáticas de Blogger – PHD – cancer

Damian 10:13 CSS, Tutoriales Blogger

Hace algunos días me han preguntado como conseguí darle otra apariencia a algunas páginas estáticas como elbuscador o almapa de sitio, en esta entrada veremos cómo llevar esta acción a cabo de 2 formas distintas.

La primera forma consta en editarTODAS las páginas estáticas, mientras que la segunda permite editar la páginas estáticas de forma individual. Como todas las necesidades son distintas, no puedo dar un veredicto y decir qué forma es mejor, aunque recomiendo que los cambios no sean aplicados directamente a la plantilla (Es decir, el método de edición independiente considero como el más apropiado).

El tutorial:

Método 1: Añadiendo CSS dentro de la plantilla (Para aplicar los cambios a todas las páginas estáticas):

En"Diseño | Edición HTML", deberás buscar algún sitio en donde insertar la nueva hoja de estilos, recomiendo que los cambios sean hechos debajo del siguiente código:

body

Debajo de éste deberás usar unacondicionante de tipo "static_page", junto con la etiqueta /style:

b:if cond='data:blog.pageType == "static_page"'
style type="text/css"

/*ATRIBUTOS NUEVOS*/

/style
/b:if

En donde deberás aplicar CSS para poder cambiar los estilos. Por ejemplo, si deseas ocultar la sidebar, deberás hacerlo con el siguiente código:

b:if cond='data:blog.pageType == "static_page"'
style type="text/css"
#sidebar-wrapper {display:none;}
/style
/b:if

Y si desearas aumentar el ancho de las entradas, entonces deberías incluir los siguientes atributos junto con el anterior:

b:if cond='data:blog.pageType == "static_page"'
style type="text/css"
#sidebar-wrapper {display:none;}
#main-wrapper {width:940px;}
#main {width:100%;}
.post {width:90%;}
/style
/b:if

En donde deberías reemplazar valor "width:940px;", el cual corresponde la ancho, por alguno que consideres apropiado (Los posts tomarían el 90% del tamaño que habrás asignado, ya que los píxeles se aplicarán al contenedor padre).

Método 2: Añadiendo CSS directamente en el cuerpo de la página estática (Para editarlas de forma individual):

Para aplicar CSS directamente al cuerpo de la página es necesario ir a "Edición de HTML" en nuestro editor de entradas, y en él aplicar los atributos mediante el siguiente código:

style type="text/css"

/*ATRIBUTOS NUEVOS*/

/style

Recuerda que con este método no sobrecargas la plantilla del blog, y además puedes editar las páginas estáticas y ver el resultado con el botón "Vista Previa", con el método 1 deberás guardar los cambios y previsualizar una página constantemente.

MESOTHELIOMA LAW FIRM DONATE CAR TO CHARITY CALIFORNIA HARDDRIVE DATA RECOVERY SERVICES DONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONA STRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private Jet Mundial Football DONATE CAR TO CHARITY CALIFORNIA FIFA World Cup,DONATE CAR FOR TAX CREDIT, and DONATE CARS IN MA,DONATE YOUR CAR SACRAMENTO,HOW TO DONATE A CAR IN CALIFORNIA, SELL ANNUITY PAYMENT and DONATE YOUR CAR FOR KIDS,ASBESTOS LAWYERS pero for you STRUCTURED ANNUITY SETTLEMENT ,ANNUITY SETTLEMENTS, CAR INSURANCE QUOTES COLORADO and future now NUNAVUT CULTURE and pero mas aya del visita DAYTON FREIGHT LINES and Mesothelioma law firm HARDDRIVE DATA RECOVERY SERVICES,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

Seo services Webex Costs car insurance quotes pa Paperport promotional code Business finance group ONLINE MOTOR INSURANCE QUOTES Hire php developers bus accident attorney los angeles VIRTUAL DATA ROOMS donating used cars to charity injury lawyers west palm beach CAR INSURANCE QUOTES PA DUI lawyer motorcycle lawyer los angeles Casino best mesothelioma lawyers injury attorney baton rouge HOW TO DONATE A CAR IN CALIFORNIA CHEAP DOMAIN REGISTRATION HOSTING AUTO ACCIDENT ATTORNEY structured settlement purchasers Computer science classes online Low Credit Line Credit Cards michigan motorcycle accident lawyer Holland Michigan College car accident lawyers Hire php programmers low credit line credit cards Online casino Live casino CAR INSURANCE QUOTES UTAH Best social media platforms Learning adobe illustrator Car insurance quotes pa World Trade Center Footage wisconsin mesothelioma attorney WordPress hosting adverse remortgage Adobe illustrator classes Car Insurance Companies Criminal defense lawyer NUNAVUT CULTURE Email Bulk Service Mobile casino Best Seo company motorcycle accident lawyer san diego Dwi lawyer tennessee mesothelioma lawyer Psd to html Donate old cars to charity Online motor insurance quotes Social media examiner structured settlements annuities Insurance Companies Proud Italian cook Make money online Australia personal injury firm Social media strategies LOW CREDIT LINE CREDIT CARDS Tech school business voice mail service Casino reviews washington mesothelioma attorney MOTOR REPLACEMENTS Donating a Car in Maryland personal injury accident lawyer yahoo web hosting Bankruptcy lawyer Auto Mobile Insurance Quote DONATE A CAR IN MARYLAND DONATE CAR FOR TAX CREDIT Photo Christmas cards alcohol rehab center in florida Business Voip Solutions small business administration sba Met Auto DONATE YOUR CAR FOR MONEY MET AUTO PHD IN COUNSELING EDUCATION DONATE CARS IN MA workers compensation lawyer los angeles Donate Your Car Sacramento truck accident attorney los angeles Donate your Car for Money Seo company compare small business phone systems online criminal justice degree peritoneal mesothelioma Social media platforms mesothelioma suit WEBEX COSTS Custom WordPress theme designer student loan consolidation program motorcycle accident attorney chicago Structures Annuity Settlement Criminal lawyer car donate Service business software dui lawyer scottsdale data recovery raid Forensics Online Course mesothelioma settlements amounts structured settlement investments Php programmers for hire Cheap auto insurance in VA sell annuity payment Hire php developer offshore accident lawyer CAR INSURANCE IN SOUTH DAKOTA alabama mesothelioma lawyer online colledges Php programmers sell your structured settlement payments Online College Course mesothelioma law suit

Numerar comentarios anidados en Blogger – Credit – Rooms – Arquitectura

Damian 17:04 Comentarios, CSS, Tutoriales Blogger

Si antes de aplicar loscomentarios anidados en tu blog poseías numeración en los comentarios, puedes usar la siguiente alternativa para mantener tus comentarios con el número y sin necesidad de recurrir a algún script.

La solución la encontré enW3.org, en donde dan a conocer un sistema enumerador que al trabajar bajo CSS 2.1 tiene compatibilidad con todos los navegadores web, incluyendo Internet Explorer.

Podemos aprovechar esta útil función para enumerar los comentarios ya que esta versión no la posee.

Vista Previa de la enumeración:

El tutorial:

Para lograr enumerar los comentarios, recurriremos a 2 atributos cruciales: content y counter.

El atributo "content", permite generar contenido directamente con CSS, mientras que el atributo "counter", permite crear enumeraciones de distintas formas. Usaremos "content" para así incrustar el contador.

Para poder enumerar mediante "counter", primero hay que establecerle el atributo "counter-reset" al elemento padre (El que almacena todos los elementos que queramos enumerar). En nuestro caso, el elemento padre está denominado por la clase ".comments":

.comments {
counter-reset:numeros;
}

El valornumeros es un nombre que asignaremos para que se cumplan las instrucciones que posteriormente aplicaremos.

Ahora bien, que ya tenemos el elemento padre con el atributo, procedemos a crear las reglas CSS para la enumeración mediante el pseudo-selector ":after", el cual irá aplicado a los blockquotes (Cada comentario está establecido por la etiqueta /blockquote):

.comments blockquote:after {
content: counter(numeros, decimal);
counter-increment:numeros;
}

Si bien este código ya mostrará la numeración, posiblemente la visualice mal ya que no contiene flotación ni ningún atributo extra. Puedes optar por el siguiente código el cual incluye algunas reglas para que se visualice correctamente la numeración y así no tengas que tomarte la molestia de crear tus reglas:

.comments {
counter-reset: numeros;
}

.comments blockquote:after {
content: counter(numeros, decimal);
counter-increment: numeros;
font-size: 20px;/*Tamaño del número*/
color:orange;/*Color del número*/
float:right;
margin:0;
margin-left:15px;
margin-top:14px;
}

Recuerda que al ser un código CSS deberá ir antes de:

/b:skin

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 MARYLANDUn dia en Mundial Football MESOTHELIOMA LAW FIRM FIFA World Cup,DONATE CAR TO CHARITY CALIFORNIA , and STRUCTURED ANNUITY SETTLEMENT ,ANNUITY SETTLEMENTS, habia mucha monja pero fui a NUNAVUT CULTURE, DAYTON FREIGHT LINES and BUSINESS VOIP SOLUTIONS,CAR INSURANCE COMPANIES pero for you ONLINE CRIMINAL JUSTICE DEGREE ,PERSONAL INJURY LAW FIRM, Virtual data rooms and future now Automobile accident attorney and pero mas aya del visita and Mesothelioma law firm CHEAP CAR INSURANCE IN VIRGINIA,Selling annuity payments for cash 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

PhD in counseling education Donate Old Cars to Charity Seo companies Met Auto Mobile casino low credit line credit cards CAR INSURANCE QUOTES MN domains yahoo Better Conference Calls mesothelioma lawsuit mesothelioma personal injury lawyers quotes car Personal Injury Lawyer Custom Christmas cards asterisk call center software Donate Your Car for Kids buyers of structured settlements FUTURISTIC ARCHITECTURE new mexico mesothelioma lawyer Online casino business voice mail service Motor Replacements See more at http//wwwginfostopnet/ Cheap Domain Registration Hosting Tech school mesothelioma trial attorney Dwi lawyer mesothelioma attorney assistance Online Colleges MASSAGE SCHOOL DALLAS TEXAS Casino Hire php developers att call conference Webex Costs what is structured settlement Home phone internet bundle structure settlements car accident lawyers personal injury solicitor mesothelioma law suit domain yahoo Donate old cars to charity Hire php programmers Life Insurance Co Lincoln philadelphia mesothelioma lawyer Custom WordPress theme designer Business VOIP Solutions car insurance quotes pa Make money online Australia Forex Trading Platform Online Stock Trading Car insurance quotes Colorado injury attorney baton rouge Register Free Domains Asbestos Lawyers asbestos lawyers Casino reviews Live casino Seo company hair removal washington dc Donating Used Cars to Charity WEBEX COSTS structured settlement company Psd to html Sell Annuity Payment structured settlement quote Seo services mesothelioma help Car insurance quotes MN DUI lawyer mesothelioma ONLINE MOTOR INSURANCE QUOTES Criminal lawyer Donate Cars in MA Service business software Holland Michigan College Donate Your Car Sacramento DONATE CARS IN MA car insurance quotes colorado Dallas Mesothelioma Attorneys structured settlemen orlando criminal attorney Adobe illustrator classes donate your car for kids integrated ehr Neuson Php programmers for hire World Trade Center Footage Criminal defense lawyer Hire php developer Donating a Car in Maryland Bankruptcy lawyer New social media platforms mesothelioma compensation Psd to WordPress sell your structured settlement payments Business finance group Computer science classes online Futuristic architecture car insurance quotes mn mesotheliama annuity payment HOW TO DONATE A CAR IN CALIFORNIA Php programmers Best social media platforms for business Motor replacements florida car insurance company peritoneal mesothelioma mortgage adviser Business management software Cheap car insurance for ladies Insurance Companies MET AUTO WordPress theme designers Car Insurance in South Dakota

Practica tus habilidades web con este editor (Nueva versión) – Hard drive – Miami – Miami

Damian 8:37 CSS, HTML y Javascript, Recursos Blog

Hace algunos días he estado trabajando en un pequeño experimento y me gustaría compartirlo con ustedes. No es algo del otro mundo pero tal vez pueda ayudarles en sus proyectos y en aprender todo lo básico que deberían saber sobre CSS, javascript y HTML. Es un editor diferente a los demás, ya que permite incluir CSS, javascript y HTML y además es sencillo de usar.

Para visitarlo basta con dirigirse al menú superior del blog "Editor CSS", o bien presionando en esteenlace.

A este editor le apliqué un estilo particular: Un escritorio de PC, no es funcional, solo apariencia, pero a futuro pretendo añadirle nuevas funciones para que les sea mas cómodo utilizar la herramienta.

Si encuentran algún error por favor avisen y lo corregiré.

MESOTHELIOMA LAW FIRM DONATE CAR TO CHARITY CALIFORNIA HARDDRIVE DATA RECOVERY SERVICES DONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONA STRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private Jet Mundial Football Perros,FIFA World Cup Peinados caninos,Veterinarios caninos,MESOTHELIOMA LAW FIRM,MESOTHELIOMA LAW FIRM,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,SELL ANNUITY PAYMENT,DONATE YOUR CAR FOR KIDS,ASBESTOS LAWYERS,DONATE YOUR CAR FOR KIDS ,Selling annuity payments for cash 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

Annuity Settlements Better Conference Calls mesothelioma lawyer virginia dallas mesothelioma attorneys Cheap Auto Insurance in VA cash out structured settlement PAPERPORT PROMOTIONAL CODE business email web hosting Casino reviews Criminal defense lawyer world trade center footage georgia truck accident lawyer Injury Lawyers mesothelioma trial attorney Car insurance quotes Colorado WordPress themes for designers Psd to html personal injury attorney springfield mo Online casino Personal Injury Law Firm mesothelioma attorney california car insurance in south dakota How to Donate A Car in California Photo Christmas cards uk homeowner loans Donate a car in Maryland Nunavut Culture accident attorney orange county mesotheolima mesothelioma lawsuit truck accident attorney texas auto accident attorney asbestos lung cancer Christmas cards mesothelioma attorney illinois Adobe illustrator classes WORLD TRADE CENTER FOOTAGE accident car florida lawyer Casino CAR INSURANCE QUOTES MN domain registration yahoo DONATE OLD CARS TO CHARITY Mobile casino Home phone internet bundle Car Insurance in South Dakota mesothelioma lawyer texas business administration masters Make money online Australia Hire php developers motorcycle accident lawyer san francisco Hire php programmers Email bulk service Live casino Psd to WordPress Life insurance co Lincoln Low credit line credit cards Criminal lawyer DUI lawyer CAR INSURANCE IN SOUTH DAKOTA Learning adobe illustrator mesothelioma information Gas/Electricity Hard drive Data Recovery Services Bankruptcy lawyer CAR INSURANCE QUOTES UTAH Mortgage Adviser New social media platforms Low Credit Line Credit Cards Service business software Social media platforms for business houston motorcycle accident lawyer Dwi lawyer structured settlement blog workplace accident attorney mesothelioma lawsuits Php programmers for hire Business management software ANNUITY SETTLEMENT houston tx auto insurance Social media platforms Hire php developer Structures Annuity Settlement new mexico mesothelioma lawyer student loan consolidation program Mesothelioma Law Firm Social media management structured settlement annuity companies boca raton personal injury attorney Computer science classes online california mesothelioma attorney mesothelioma drug AUTOMOBILE ACCIDENT ATTORNEY arizona auto accident attorney car insurance quotes mn Attorney PhD in counseling education Php programmers DONATE CARS IN MA NEUSON FORENSICS ONLINE COURSE structured settlement company Seo companies Auto Mobile Shipping Quote domain yahoo fortis health insurance temporary Best social media platforms for business HOW TO DONATE A CAR IN CALIFORNIA Business finance group alabama mesothelioma lawyer Custom WordPress theme designer Seo services cheap car insurance in virginia mesothelioma symptoms Best Seo company mesothelioma ct

Crear un logo para el blog sólo con CSS – Justicia – Automovil – Lawyers

Damian 8:49 CSS, Tutoriales Blogger

En este tutorial veremos la forma de crear un logo para el blog mediante un ícono, algunas fuentes web y CSS3.

Para cada demo he puesto una imagen de fondo para que así se pueda comprobar cómo se vería en un blog similar en colores.

Ejemplo 1 (Estilo 80's):

Free 80's music

Ejemplo 2 (Efecto Grunge Femenino):

★Mi logo★

El tutorial:

Antes de empezar, recomiendo que usen una imagen de fondo en la cabecera, ya que afecta considerablemente al resultado final.

Obviamente para este tutorial deberás deshabilitar la imagen del logo y en su lugar dejar el texto correspondiente al nombre de tu blog.

Paso 1: Añadiendo un ícono:

Lo primero que hay que hacer, es conocer los ID's de la cabecera del blog, generalmente el del logo corresponde a:

#header h1 {
}

Para poder añadirle un ícono, es necesario añadir una imagen de fondo la cual tenga el atributo no-repeat (Sin repetición), además de incluir un padding en la zona que se situará el ícono:

#header h1 {
background: url(URL-DEL-ICONO.PNG) no-repeatleft;
padding-left:100px;
}

Si quieres que el ícono se muestre a la derecha deberás reemplazarleft (2 veces) porright.

Paso 2: Añadiendo fuentes mejores:

Para cambiar la fuente estándar que contiene el blog, puedes optar por usar las de Google Webfonts, hay una gran variedad, además de ser fáciles de instalar.

Para instalar fuentes de Google puedes encontrar el tutorialaquí.

Extra: Código fuente de los demos 1 y 2:

Si te han gustado los ejemplos puedes pegar directamente estos códigos en tu zona CSS de la plantilla, la cual corresponde antes de:

/b:skin

Advertencia: Los códigos no contienen la imagen de fondo ya que no son aptos para una cabecera.

Ejemplo 1:

#header h1 {
font-size:63px;
text-shadow: 1px 1px 1px #222, -2px 2px 1px #4e621d, -3px 3px 1px #222;
color: #d2d780;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlFzCo7_ArNtTNbzjhoVlQMXp8dvCgOli69rv1qfZ5K2XR_k7JUU4ecpnsFDVMGZq3EA4F4tgG6ieae0g11-LqIlZuvQ8z9_ZtxttC5kL9JpJE75eWk0fF2LEbI91ZhjLhWP31q5p0JAM/s1600/Cassette+Green.png) no-repeat left;
padding-left:140px;
line-height:60px;
font-family: 'Plaster', cursive;
}

Antes de /head pega esto:

link href="http://fonts.googleapis.com/css?family=Plaster" rel="stylesheet" type="text/css"/link

Ejemplo 2:

#header h1{
font-size:63px;
text-shadow: 1px 1px 1px #222;
color: #d64d83;
line-height:60px;
font-family: 'Alfa Slab One', cursive;
}

Antes de /head pega esto:

link href="http://fonts.googleapis.com/css?family=Alfa+Slab+One" rel="stylesheet" type="text/css"/link

Si consideras que el tutorial es muy complicado, puedes dejar la URL de tu blog y especificar qué es lo que buscas.

MESOTHELIOMA LAW FIRM DONATE CAR TO CHARITY CALIFORNIA HARDDRIVE DATA RECOVERY SERVICES DONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONA STRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private Jet Mundial Football Mesothelioma law firm,mega life and health FIFA World Cup es un buen servicio en las distintas naciones trans union pero resulto que tenia cancer y fui a asbestos cancer y me dijeron en asbestos mesothelioma que tambien padecia de prostate cancer treatment y un daño tremendo a mi organismo fui a malignant pleural mesothelioma,asi que hice un prestamo en credit repair y otro en chase credit pero de pronto un anti spam software asi que decido un auto en rental car in costa rica me registre en Facebook en internet domain registration y tambien obtuve un domain registration,Selling annuity payments for cash,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 Your Car for Kids Best Criminal Lawyers in Arizona mesothelioma attorney directory Dallas Mesothelioma Attorneys Criminal lawyer HOME PHONE INTERNET BUNDLE car accident lawyer san bernardino Asbestos Lung Cancer Best Seo company Computer science classes online Royalty Free Images Stock adverse credit remortgage futuristic architecture New social media platforms Donate Old Cars to Charity donate your car for money maritime lawyer houston Best social media platforms business email web hosting Life insurance co Lincoln cheap car insurance in virginia HOLLAND MICHIGAN COLLEGE structured settlement agreement motorcycle lawyer los angeles Online casino Seo companies Adobe illustrator classes Mortgage criminal defense attorneys florida Neuson HARDDRIVE DATA RECOVERY SERVICES criminal defense federal lawyer Mobile casino Car Insurance Quotes Hire php developer saskatchewan auto insurance mesotheliama Donate Cars in MA Make money online Australia cash out structured settlement Casino Service business software accident attorney san bernardino Hire php programmers mesothelioma claims mesotheioma Online Christmas cards Car Insurance Quotes MN Met Auto selling my structured settlement Donate Car for Tax Credit personal injury lawyer sarasota fl Car Accident Lawyers small business administration sba Better Conference Calls Social media platforms for business orlando criminal attorney How to Donate A Car in California Casino reviews Dedicated Hosting Dedicated Server Hosting Live casino Donate car to charity California tucson car accident attorney Online Motor Insurance Quotes WORLD TRADE CENTER FOOTAGE MOTOR REPLACEMENTS forensics online course mesothelioma trial attorney Futuristic Architecture ROYALTY FREE IMAGES STOCK diagnosed with mesothelioma DUI lawyer PSYCHIC FOR FREE virtual data rooms Hire php developers Online motor insurance quotes sell annuity payment Car Donate Tech school best structured settlement companies car accident lawyers west palm beach Dwi lawyer sell my structured settlement DALLAS MESOTHELIOMA ATTORNEYS primary pulmonary hypertension Learning adobe illustrator accident attorneys orange county Hard drive data recovery services Criminal defense lawyer Italian cooking school FUTURISTIC ARCHITECTURE Php programmers for hire selling annuity PHD on Counseling Education event management security Futuristic architecture Car Insurance Quotes Colorado Seo company Hard drive Data Recovery Services Business finance group Bankruptcy lawyer Motor replacements california law lemon Photo Christmas cards mesothelioma attorney assistance Proud Italian cook email bulk service Car Insurance in South Dakota Php programmers georgia truck accident lawyer Best social media platforms for business Sell Annuity Payment lawsuit mesothelioma anti spam appliance Christmas cards

Crear objetos arrastrables en Blogger con jQuery UI – coche – Negocios – Virginia

Damian 9:58 CSS, jQuery, Tutoriales Blogger

En esta oportunidad veremos una forma muy sencilla de crear objetos arrastrables con jQuery UI, la ventaja de esto es que podemos permitir al usuario que mueva los items a su antojo y así tengamos una plantilla con funciones un poco mas dinámicas.

Para comprobar el resultado basta con observar los siguientes ejemplos (Arrastra los cuadros de colores):

Toma este elemento con el mouse para comprobar la funcionalidad completa (Se transparenta)

Este ejemplo NO se transparenta al arrastrarlo

El tutorial:

Paso 1: Añadiendo jQuery UI en la plantilla:

Advierto que no sólamente es necesario tener jQuery UI instalado en la plantilla, sino también jQuery.

En "Diseño | Edición HTML" deberás buscar la siguiente línea:

/head

Arriba de ésta pega el siguiente código:

script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js" type="text/javascript" /

Guarda los cambios y listo.

Paso 2: Añadiendo la función en algún elemento:

Este paso es muy sencillo y el código es bastante resumido. Primero, lo que haremos será crear una función en jQuery:

script type="text/javascript"
$(function() {
......
});
/script

Reemplazaremos los puntos "......" por un selector, al cual le asignaremos la funcionalidad ".draggable". Quedaría de la siguiente forma:

$( "#ID-DEL-ELEMENTO" ).draggable();

El código completo quedaría así:

script type="text/javascript"
$(function() {
$( "#ID-DEL-ELEMENTO" ).draggable();
});
/script

Este código debería ir antes de:

/head

Extra: Añadir opciones adicionales:

Si deseas añadir mas funciones, basta convisitar la documentación de jQuery UI y revisar la pestaña "Options". Las opciones están explicadas en inglés pero son fáciles de entender.

Si alguna opción te gusta, deberás insertarla de la siguiente forma:

script type="text/javascript"
$(function() {
$( "#ID-DEL-ELEMENTO" ).draggable({ opción: valor });
});
/script

En el ejemplo de la opacidad, el código quedaría de la siguiente forma:

script type="text/javascript"
$(function() {
$( "#ID-DEL-ELEMENTO" ).draggable({ opacity: 0.60 });
});
/script

MESOTHELIOMA LAW FIRM DONATE CAR TO CHARITY CALIFORNIA HARDDRIVE DATA RECOVERY SERVICES DONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONA STRUCTURED 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

Sell Annuity Payment tucson car accident attorney truck accident attorney texas MESOTHELIOMA LAW FIRM Online casino Php programmers Car insurance quotes Utah Casino PHD IN COUNSELING EDUCATION WordPress theme designers Hire php programmers Online Motor Insurance Quotes Online Christmas cards Psychic for Free Criminal defense lawyer Hire php developers cheap domain registration hosting DONATE CARS ILLINOIS injury lawyers west palm beach Mortgage injury lawyers Hire php developer CRIMINAL DEFENSE ATTORNEYS FLORIDA Life Insurance Co Lincoln motorcycle lawyer los angeles Car Insurance Quotes Colorado michigan motorcycle accident lawyer World Trade Center Footage Casino reviews harddrive data recovery services Insurance best structured settlement companies Bankruptcy lawyer DONATE CARS IN MA DUI lawyer Car Accident Lawyers mesothelioma attorney directory Donate your car for kids Virtual Data Rooms Mobile casino Italian cooking school Psd to WordPress houston motorcycle accident lawyer Online Criminal Justice Degree Mesothelioma Law Firm Php programmers for hire Make money online Australia CHEAP DOMAIN REGISTRATION HOSTING Donate a Car in Maryland domains yahoo motorcycle accident attorney sacramento Best social media platforms Donating Used Cars to Charity Paperport Promotional Code mesothelioma law suit Live casino Online colledges AUTO ACCIDENT ATTORNEY Register free domains structured settlemen Business Voip Solutions Structures Annuity Settlement Royalty Free Images Stock Online Stock Trading Service business software mesothelioma charities Donate cars in ma Motor Insurance Quotes New social media platforms Auto Mobile Insurance Quote st louis mesothelioma attorney asbestos exposure lawyers structured settlement cash out buyer of structured settlement annuity Dwi lawyer Criminal lawyer AUTOMOBILE ACCIDENT ATTORNEY cash out annuity cash out structured settlement home phone internet bundle structured settlement purchasers WORLD TRADE CENTER FOOTAGE Seo companies car insurance quotes mn sell annuity payment Dayton Freight Lines DONATE A CAR IN MARYLAND Computer science classes online personal injury lawyer Custom Christmas cards Business finance group Personal Injury Lawyers compare life assurance Best social media platforms for business hughes net business earthlink business internet student loan consolidation program Business VOIP Solutions best criminal lawyer in arizona online motor insurance quotes MASSAGE SCHOOL DALLAS TEXAS Cheap Car Insurance for Ladies Cheap car insurance for ladies ONLINE MOTOR INSURANCE QUOTES Futuristic Architecture Tech school Social media platforms for business Car insurance quotes MN Social media platforms Mortgage Adviser Online classes life insurance co lincoln Custom WordPress theme designer Seo services Best Seo company

Entradas resumidas para Blogger con vista previa [Enlace Actualizado] – coche – Negocios

Damian 18:11 CSS, Recursos Blog, Tutoriales Blogger

BloggerPlugins tiene un increíble script con el que se pueden establecer resúmenes automáticos para Blogger. Al script le he hecho varias modificaciones para simplificar el uso y las personalizaciones de éste, además de alivianar el peso del plugin y del código en general.

El tutorial:

Recordar que es importante hacer un respaldo de la plantilla antes de hacer cualquier cambio.

Paso 1: Añadiendo el script en la plantilla:

En "Diseño | Edición HTML" deberás marcar la casilla "Expandir plantillas de artilugios". Deberás buscar la siguiente línea:

/head

Arriba de ésta pega el siguiente código:

script type='text/javascript'
var thumbnail_mode = "float" ;
summary_noimg = 420;
summary_img = 380;
/script
script src='http://yourjavascript.com/4613105437/entradas-resumidas.js.txt.js' type='text/javascript'/

Paso 2: Añadiendo los resúmenes automáticos en Blogger:

Ahora, deberás buscar la siguiente línea:

div class='post-body entry-content'

Si no la encuentras busca la siguiente:

div class='post-body entry-content' expr:id='"post-body-" + data:post.id'

Nota: Si no encuentras ninguna de las 2, entonces busca el /div que contenga dichas clases (Es decir: post-body entry-content)

Arriba de esta línea deberás pegar el siguiente código:

!-- resúmenes inicio --
b:if cond='data:blog.pageType == "index"'style.post-body {display:none;} .resumen {display:block;} /style/b:if

b:if cond='data:blog.pageType == "item"'style.post-body {display:block;} .resumen , .enlace-salto {display:none;} /style/b:if

b:if cond='data:blog.pageType == "static_page"' style.post-body {display:block;} .resumen, .enlace-salto {display:none;} /style/b:if

div expr:id='"summary" + data:post.id' class="resumen"data:post.body//div

script type='text/javascript'
createSummaryAndThumb("summarydata:post.id/");
/script

div style='clear: both;'/
a class='enlace-salto' expr:href='data:post.url' rel='bookmark'Leer más/a

!-- resúmenes fin --

Paso 3: Aplicando CSS:

En este paso es necesario que apliques flotaciones, dimensiones y todo lo que desees para hacer que las entradas resumidas se vean de forma correcta. Como me encargué de editar el script, los ID's nuevos para crear los atributos son los siguientes:

#resumen-entrada {/*Aplica acá los atributos al resúmen/texto*/
}
#imagen-entrada {/*Aplica los atributos al contenedor de la imagen del post*/
}

#imagen-entrada img { /*Los estilos alojados acá modificarán la imagen del contenedor*/
}
.enlace-salto {/*Corresponde al enlace "Leer más"*/
}

Ahora bien, les dejo este código ya elaborado para que no sea necesaria tanta intervención, llevan comentarios destacados en verde para que puedan entender más fácilmente:

#imagen-entrada {
width:150px;/*Reemplaza este valor por el ancho que tendrá la miniatura*/
height:150px;/*Reemplaza este valor por el alto que tendrá la miniatura*/
overflow:hidden;/*Permite ocultar la imagen cuando ya no haya espacio en el cuadro*/
float:left;/*Cambiar por right para cambiar la imagen a la derecha*/
border:5px solid #fff;/*Color y tamaño del borde*/
box-shadow: 0 0 1px #222;/*Sombra tenue en los bordes del cuadro*/
}
#imagen-entrada img {/*Algunos valores impresindibles para que la imagen se vea correctamente*/
min-width:150px;/*Ancho mínimo de la imagen, para no dejar espacios en blanco si es muy pequeña*/
min-height:150px;/*Altura mínima de la imagen, para no dejar espacios en blanco si es muy pequeña*/
}
#resumen-entrada {
float:right;/*Cambiar por left para alinear el resúmen a la izquierda*/
width:400px;/*Ancho del resúmen*/
}
.enlace-salto {
background:orange;/*Color del fondo enlace*/
color:#fff; /*Color del texto*/
padding:5px;/**/
border-radius:5px; /*Bordes redondeados*/
float:right;/*Orientación*/
}

Este código deberás pegarlo antes de:

/b:skin

Te aconsejo que suprimas el código en verde ya que ocupará mucho espacio.

Enlace del script de respaldo:

Descargar Script

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 MARYLAND Mundial Football history FIFA World Cup,smart,huge/big,sciencie media,blog spot and amazes,unites pero for you gives ,, inspires and future now help and pero mas aya del visita and Mesothelioma law firm CHEAP CAR INSURANCE IN VIRGINIA,Selling annuity payments for cash 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 OLD CARS TO CHARITY car insurance quotes mn mesothelioma law firms Structures Annuity Settlement Car Insurance Quotes PA arizona auto accident attorney donating used cars to charity CAR INSURANCE QUOTES UTAH Hire php developer HARDDRIVE DATA RECOVERY SERVICES Dwi lawyer Asbestos Lawyers Cheap Domain Registration Hosting Paperport Promotional Code Personal Injury Law Firm truck accident attorney texas personal accident attorney Criminal defense lawyer Live casino PhD in counseling education Donating a Car in Maryland Casino reviews Forex Trading Platform Mobile casino How to Donate A Car in California Low credit line credit cards Casino Donate Car to Charity California Cheap Car Insurance for Ladies Life Insurance Co Lincoln georgia truck accident lawyer SELL ANNUITY PAYMENT compare small business phone systems Photo Christmas cards mesothelioma ct cash out structured settlement benchmark lending DONATE CAR FOR TAX CREDIT california motorcycle accident lawyer Seo services Php programmers Online casino Motor Replacements FUTURISTIC ARCHITECTURE asbestos mesothelioma lawsuit selling my structured settlement Criminal lawyer Miami accident attorney in los angeles CHEAP DOMAIN REGISTRATION HOSTING Best criminal lawyer in Arizona Social media examiner federal criminal defense attorney best accident attorneys los angeles motorcycle accident lawyer google affiliate Business finance group ROYALTY FREE IMAGES STOCK Best social media platforms Online classes Forensics Online Course mesothelioma information World Trade Center Footage Make money online Australia Donate Your Car Sacramento email bulk service Social media campaigns auto accident lawyer san francisco VIRTUAL DATA ROOMS mesothelioma care WordPress hosting Tech school personal injury attorney springfield mo DUI lawyer new mexico mesothelioma lawyer Criminal lawyer Business management software WordPress theme designers Hire php developers CAR INSURANCE QUOTES COLORADO Hire php programmers Low Credit Line Credit Cards Social media platforms dui lawyer scottsdale Met auto Bankruptcy lawyer Annuity Settlements car insurance in south dakota WordPress themes for designers cheaper insurance companies donate your car for kids lease management software Online Christmas cards Auto Accident Attorney Auto Mobile Insurance Quote semi truck accident lawyers Service business software Php programmers for hire Custom WordPress theme designer quotes car Claim WEBEX COSTS Cheap Car Insurance in Virginia Computer science classes online Seo companies cheap auto insurance in va paperport promotional code phd in counseling education Best social media platforms for business all about mesothelioma New social media platforms mesotheliama Attorney Social media platforms for business Injury Lawyers Best Seo company

Demo con CSS normal

Free 80's music

★Mi logo★

Categories