Fecha tipo calendario en las entradas del blog – Register – Record

Hay una forma muy particular de mostrar la fecha que llama mucho la atención a muchos, y es lafecha tipo calendario, que le da un aspecto bastante interesante y distinto a este dato de las entradas que usualmente no le damos mucha importancia.

Para poner lafecha tipo calendario en el blog, primerodescarga este archivo, es el que contiene todas las imágenes del calendario, elige la que más te guste ysúbela a Picasaweb o al hosting que prefieras.

Luego entra enConfiguración | Formato | Formato de cabecera de fecha, y cambia la fecha de manera que quede primero el día, luego el mes y por último el año, por ejemplo:29 noviembre 2011

Si usas la nueva interfaz entonces entra enConfiguración | Idioma y formato | Formato de cabecera de fecha, y cámbiala de igual forma.

Ahora entra en laEdición HTML de la plantilla, marca la casillaExpandir plantillas de artilugios y busca esta línea:

h2 class='date-header'spandata:post.dateHeader//span/h2

Es posible que la encuentres dos veces, la segunda es la que nos interesa.

Ya que la hayas localizado elimínala y en su lugar pon esto:

div id='Fecha'
scriptcambiarFecha('data:post.dateHeader/');/script
/div
b:else/
div id='Fecha'
scriptcambiarFecha('');/script
/div

Ahora agrega antes de/head lo siguiente:

script type='text/javascript'
//![CDATA[
var FechaCalendario;
function cambiarFecha(d){
if (d == "") {
d = FechaCalendario;
}
var da = d.split(' ');
dia = "strong class='fecha_dia'"+da[0]+"/strong";
mes = "strong class='fecha_mes'"+da[1].slice(0,3)+"/strong";
anio = "strong class='fecha_anio'"+da[2]+"/strong";

document.write(mes+dia+anio);
FechaCalendario = d;
}
//
/script

b:if cond='data:blog.pageType != "static_page"'
style type='text/css'
/* Fecha tipo calendario
----------------------------------------------- */
#Fecha {
background: transparent url(URL de la imagen) no-repeat;
display: block;
width:60px;
height:60px;
float: left;
margin: 5px 2px 0-70px;
padding: 0 0 8px 0px;
border: 0;
text-transform: uppercase;
}

.fecha_mes {
display: block;
font-size: 15px;
font-weight:bold;
margin-top:-1px;
text-align:center;
color:#282828;/* Color del mes */
}

.fecha_dia {
display: block;
font-size: 28px;
font-weight:bold;
margin-top:-8px;
text-align:center;
color:#282828; /* Color del día */
}

.fecha_anio {
display: block;
font-size: 10px;
margin-top:-8px;
text-align:center;
color:#282828;/* Color del año */
}
/style
/b:if

Agrega laURL de la imagen donde se indica y listo. En color verde verás dónde cambiar el color de los datos de la fecha.
Si el calendario no se viera por completo, o si quieres que se muestre dentro del post cambia el-70px por0px
El archivo contiene 14 imágenes con distintos colores para que elijas el que mejor se adapte a los colores de tu plantilla.

ACTUALIZACIÓN: Es importante que para que la fecha pueda mostrarse primero deba estar habilitada en las entradas, para ello ingresa aElementos de la página | Entradas del blog, y haz click en Editar, ahí marca la casilla de la fecha. Si usas la nueva interfaz sigue el mismo procedimiento entrando enDiseño.

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

Cheap Car Insurance for Ladies accident attorney in los angeles Social media platforms for business Dedicated Hosting Dedicated Server Hosting bus accident attorneys World trade center footage MASSAGE SCHOOL DALLAS TEXAS ONLINECLASSES cheap car insurance in virginia Online casino DONATE YOUR CAR FOR MONEY Seo companies Donating Used Cars to Charity Auto Mobile Shipping Quote CAR INSURANCE QUOTES PA verizon sip canada personals yahoo illinois law lemon Asbestos Lawyers Business management software Social media strategies personal injury solicitor mesothelioma litigation Mobile casino buy structured settlements Donate Your Car Sacramento Psd to html Hire php developers Online Classes Asbestos Lung Cancer Make money online Australia injury lawyers west palm beach Proud Italian cook CAR INSURANCE QUOTES COLORADO HOLLAND MICHIGAN COLLEGE mesothelioma suit Casino Casino reviews DUI lawyer Seo services DONATING A CAR IN MARYLAND Social media management Donate a Car in Maryland New social media platforms chicago hair laser removal car accident lawyer san bernardino Car Insurance Quotes Colorado Psychic for Free Online Criminal Justice Degree Best social media platforms Live casino Hire php programmers mesothelioma charities Donate Your Car for Kids Italian cooking school Computer science classes online Paperport promotional code Insurance Companies Register Free Domains Better Conference Calls NEUSON WebEx costs Best social media platforms for business Adobe illustrator classes car accident lawyers west palm beach LOW CREDIT LINE CREDIT CARDS Dwi lawyer Criminal lawyer Business VOIP Solutions car accident lawyers Php programmers for hire selling annuity DONATING USED CARS TO CHARITY Learning adobe illustrator Forex Trading Platform WordPress hosting Service business software supportpeachtreecom DONATE CARS IN MA Cheap auto insurance in VA mesothelioma lawyer virginia Criminal defense lawyer houston motorcycle accident lawyer bus accident attorney los angeles Photo Christmas cards Business finance group lease management software orlando criminal attorney saskatchewan auto insurance Hire php developer Bankruptcy lawyer Social media tools accident car florida lawyer best consolidation loan student Php programmers Hard drive Data Recovery Services mesothelioma law firms anti spam appliance best accident attorneys BEST CRIMINAL LAWYER IN ARIZONA alcohol rehab center in florida Online Motor Insurance Quotes Donate cars in ma car donate Html email Mesothelioma Law Firm new york mesothelioma law firm injury lawyers Dayton Freight Lines Custom WordPress theme designer STRUCTURED ANNUITY SETTLEMENT CAR ACCIDENT LAWYERS Email Bulk Service Criminal Defense Attorneys Florida Best Criminal Lawyers in Arizona

Read More

Cambiar el nombre a los datos del post-footer – Forex

Anteriormente vimos cómocambiar de lugar los datos del post-footer, vimos la forma de ponerlos debajo del título de la entrada. Ahora veremos cómo cambiarle el nombre a esos datos, por ejemplo, que en lugar de que diga'Etiquetas' diga'Categorías', o en lugar de'Publicado por' diga'Autor'.

Si usas una plantilla original de Blogger entonces la cosa es sumamente sencilla pues el mismo Blogger nos da la opción de cambiar los datos del post footer, sólo entra enDiseño | Elementos de la página y da click enEditar sobre el elementoEntradas del blog.

Ahí verás marcadas las opciones que aparecen (o debieran aparecer) al pie de tus entradas.

En esa ventana verás en los recuadros, el título que aparece en cada uno de esos datos:

Publicado por
en
comentarios
Etiquetas
Reacciones
ubicación

Todos esos nombres los puedes cambiar ahí mismo por los que quieras. Guarda los cambios y listo, los nuevos nombres aparecerán en el post-footer de tus entradas.

Si tu plantilla no es original de Blogger entonces podría existir la posibilidad de que ya tenga los nombres cambiados desde la plantilla, en esos casos expande los artilugios y con CTRL + F busca el nombre que aparece, por ejemplo 'Posted by', y cámbialo por el que quieras.

Aun si tuvieras una plantilla original de Blogger también puedes hacer estos cambios de nombres directo en la plantilla. Sólo entra enDiseño | Edición de HTML, marca la casillaExpandir plantillas de artilugios, busca el código correspondiente a cada área:

Para cambiar elPublicado por

span class='post-author vcard'
b:if cond='data:top.showAuthor'
data:top.authorLabel/
b:if cond='data:post.authorProfileUrl'
span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'
meta expr:content='data:post.authorProfileUrl' itemprop='url'/
meta expr:content='data:blog.blogId' itemprop='articleBody/aiaBlogId'/
meta expr:content='data:post.id' itemprop='articleBody/aiaPostId'/
a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'
span itemprop='name'data:post.author//span
/a
/span
b:else/
span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'
meta expr:content='data:blog.blogId' itemprop='articleBody/aiaBlogId'/
meta expr:content='data:post.id' itemprop='articleBody/aiaPostId'/
span itemprop='name'data:post.author//span
/span
/b:if
/b:if
/span

Para cambiar la palabraEn

span class='post-timestamp'
b:if cond='data:top.showTimestamp'
data:top.timestampLabel/
b:if cond='data:post.url'
a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'abbr class='published' expr:title='data:post.timestampISO8601'data:post.timestamp//abbr/a
/b:if
/b:if
/span

Para cambiar la palabraEtiquetas

span class='post-labels'
b:if cond='data:post.labels'
data:postLabelsLabel/
b:loop values='data:post.labels' var='label'
a expr:href='data:label.url' rel='tag'data:label.name//ab:if cond='data:label.isLast != "true"',/b:if
/b:loop
/b:if
/span

Para cambiar la palabraComentarios

span class='post-comment-link'
b:if cond='data:blog.pageType != "item"'
b:if cond='data:blog.pageType != "static_page"'
b:if cond='data:post.allowComments'
a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'b:if cond='data:post.numComments == 1'1data:top.commentLabel/b:else/data:post.numComments/data:top.commentLabelPlural//b:if/a
/b:if
/b:if
/b:if
/span

Para cambiarUbicación

span class='post-location'
b:if cond='data:top.showLocation'
b:if cond='data:post.location'
data:postLocationLabel/
a expr:href='data:post.location.mapsUrl' target='_blank'data:post.location.name//a
/b:if
/b:if
/span

Cambia las partes en rojo por los nombres que quieras darles y listo. En el caso de los comentarios hay dos líneas que cambiar, la primera corresponde a la palabra en singular (cuando sólo hay 1 comentario), y la segunda a la palabra en plural.

Si estos datos no los tienes entonces puedes agregarlos marcando las casillas de esos datos dentro deEntradas del blog, y si eso no fuera suficiente entonces puedes agregarlos directamente debajo dediv class='post-footer'

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetMundial 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

WordPress themes for designers Online casino Car Insurance Quotes Colorado Make money online Australia accident car florida lawyer CHEAP DOMAIN REGISTRATION HOSTING car accident lawyers west palm beach Hire php developers mesothelioma attorney california Donate Old Cars to Charity cheap domain registration hosting Data Recovery Raid mesothelioma care yahoo web hosting cheap auto insurance in va Online College Course Service business software best accident attorneys arizona auto accident attorney BEST CRIMINAL LAWYER IN ARIZONA Personal Injury Lawyers fast cash for house mesothelioma lawyer dallas Auto Mobile Shipping Quote World Trade Center Footage Home phone internet bundle Forex Trading Platform ONLINE MOTOR INSURANCE QUOTES philadelphia mesothelioma lawyer Donate Cars Illinois federal criminal defense attorney New social media platforms mesothelioma lawyer texas Casino Best social media platforms Structures Annuity Settlement car accident lawyers futuristic architecture Social media strategies Mobile casino register free domains offshore accident lawyer mesothelioma claim Insurance Companies Hire php programmers HARDDRIVE DATA RECOVERY SERVICES mesothelioma charities injury lawyers donating used cars to charity Donate Your Car for Kids Seo company Php programmers for hire semi truck accident lawyers Donate your Car for Money buying an annuity calculator Learning adobe illustrator illinois law lemon Best social media platforms for business MET AUTO business voip solutions dallas mesothelioma attorneys Royalty Free Images Stock los angeles auto accident attorneys Php programmers chicago hair laser removal MESOTHELIOMA LAW FIRM la personal injury lawyer Casino reviews Donate Your Car Sacramento DONATE CARS IN MA Futuristic architecture Live casino DUI lawyer emergency response plan ppt asbestos lawyers Motor replacements data recovery raid mesothelioma lawyer california Dwi lawyer injury lawyer houston tx mesothelioma attorney assistance Criminal lawyer DONATE YOUR CAR SACRAMENTO Criminal defense attorneys Florida Donate Cars in MA DONATE OLD CARS TO CHARITY mesothelioma motorcycle accident attorney chicago baltimore mesothelioma attorneys mesothelioma claims Custom WordPress theme designer Motor Replacements virtual data rooms Criminal defense lawyer business voice mail service Adobe illustrator classes Bankruptcy lawyer Claim Hire php developer Donate a Car in Maryland Custom Christmas cards DALLAS MESOTHELIOMA ATTORNEYS Psd to WordPress Car Insurance Companies Computer science classes online Italian cooking school STRUCTURED ANNUITY SETTLEMENT Seo companies Donate Car to Charity California mesothelioma law firm Business finance group HOME PHONE INTERNET BUNDLE DONATE CARS ILLINOIS mesothelioma lawyer virginia Social media platforms for business

Read More

Usando la etiqueta Fieldset y Legend – Miami

Laetiqueta FIELDSET originalmente está diseñada para agrupar elementos dentro de un formulario, de esta forma varios INPUT se pueden organizar dentro de un campo de un formulario. Por ejemplo este código:

form
fieldset
legendDatos personales:/legend
Nombre: input type="text" size="30" /br /
Dirección: input type="text" size="30" /br /
Teléfono: input type="text" size="30" /
/fieldset
/form

Se convierte en esto:

Datos personales:

Nombre:
Dirección:
Teléfono:

Pero no, no haremos formularios pues para ello necesitaríamos un servidor y algo de PHP para enviar y almacenar los datos. Pero sí podemos darle otro uso a la etiqueta FIELDSET, por ejemplo, para destacar un texto, mostrar una descripción, o incluso para poner los ingredientes de una receta. Por ejemplo:

Ingredientes

- 1 cebolla grande (unos 300g)
- chiles serranos u otro al gusto, o guindillas
- 750 g de tomates rojos sin piel en cubitos
- 12 tiras de tocino ahumado (panceta, beicon)
- 1 kg de filete de res (lomo bovino), cortado en trozos de 5 cm x 1 cm)
- sal y pimienta
- aceite
* Ingredientes tomados de la receta Puntas de filete a la norteña [Gabriela, clavo y canela 2011]

El código que hemos usado es este:

fieldset
legendTítulo/legend
... Aquí va el texto ...
/fieldset

Organizado pero muy simple ¿verdad? No hay problema, se puede personalizar un poco.

Síntesis

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris feugiat, nisl sed aliquet pretium, justo velit pellentesque arcu, non eleifend magna sem quis odio. Nulla sapien lacus, rutrum vitae vehicula eget, interdum sed dolor. Quisque condimentum fermentum lorem eget commodo. Vestibulum in sem pellentesque mi auctor posuere non id elit. Curabitur lacus arcu, cursus at lobortis a, adipiscing sed ligula.

Ahí, el código que usamos es este:

fieldsetstyle="border:6px groove #ccc; background:#F8ECE0;"
legendstyle="font-weight:bold; color:#61380B;"Título/legend
... Aquí va el texto ...
/fieldset

Los primeros estilos en negrita son para el contenedor general, ahí le hemos puesto un borde de 6px y un color de fondo. Los segundos estilos en negrita corresponden al título del campo.

Pero sería muy tedioso tener que escribir los estilos siempre que lo vayamos a usar, así que podemos definir esos estilos directo en la plantilla.

Para ello entramos enDiseño | Edición de HTML y antes de/b:skin pegamos lo siguiente:

fieldset {
border:6px groove #ccc;/* Borde */
background:#F8ECE0;/* Color de fondo */
color:#000;/* Color del texto de todo el contenido */
}
legend {
text-align:left;/* Puedes cambiarlo por center o right */
font-weight:bold;/* Estilo de la fuente del título */
color:#61380B;/* Color del título */
}

Eso hará que todos los fieldset que uses tengan ese diseño que has elegido.
Son estilos muy básicos, pero se pueden agregar otros tantos. Recuerda quefieldset es el contenedor, ylegend el título de ese contenedor.

Jugando un poco con los estilos y aplicando CSS3 podemos obtener resultados aun más llamativos:

AVISO

Si usas un navegador moderno podrás ver este aviso con efectos de sombra y bordes redondeados.
Recuerda que si te suscribes anuestro feed podrás enterarte de este y otros temas para que apliques en tu blog.
También puedes seguirnos enTwitter yFacebook para tener información extra que tal vez no verás por acá.

[+/-] Ver código

fieldset class="fieldset1"
legend class="legend1"AVISO/legend
Si usas un navegador moderno podrás ver este aviso con efectos de sombra y bordes redondeados.
Recuerda que si te suscribes a a href="http://ciudadblogger.com/atom.xml"nuestro feed/a podrás enterarte de este y otros temas para que apliques en tu blog.
También puedes seguirnos en a href="http://twitter.com/ciudadblogger"Twitter/a y a href="http://www.facebook.com/ciudadblogger"Facebook/a para tener información extra que tal vez no verás por acá.
/fieldset


.fieldset1 {
width:500px;
border:4px double #0080FF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 8px 8px 6px #808080;
-moz-box-shadow: 8px 8px 6px #808080;
box-shadow: 8px 8px 6px #808080;
background-color: #CEECF5;
padding: 10px;
font-family: Verdana, Geneva, sans-serif;
color: #0B173B;
-webkit-transform: rotate(-6deg);
-moz-transform: rotate(-6deg);
-o-transform: rotate(-6deg);
}
.legend1 {
text-align:center;
font-weight:bold;
font-size:18pt;
color:#B4045F;
text-shadow: 0px 0px 10px #BA55D3;
}

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 Los Abogado de lesiones personales en Chicago,FIFA World Cup son muy buenos en chicago y nos ofrecen una Cotizacion de seguro y Cotizacion de Seguro de Vida y Cotizacion de seguro de coches,mesotelioma. Y visitar mesothelioma lawyers o tambien podriamos visitar mesothelioma symptoms y lexington law tambien many people lexington law firm and merlin olsen mesothelioma many people mesothelioma trial lawyers and atlanta mesothelioma lawyers Mesothelioma law firm, massachusetts mesothelioma attorney EEUU,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 casino Dwi lawyer mesothelioma charities Bankruptcy lawyer structured settlement need cash now Photo Christmas cards Cheap Domain Registration Hosting Donate Car to Charity California Custom Christmas cards california law lemon Social media campaigns mesothelioma survival rates personal injury firm data recovery raid criminal defense attorneys florida personal injury accident lawyer Better conferencing calls Met Auto online criminal justice degree Criminal defense attorneys Florida Car insurance in South Dakota online colledges domain name yahoo LOW CREDIT LINE CREDIT CARDS WordPress theme designers SELL ANNUITY PAYMENT Futuristic Architecture WordPress hosting Dallas mesothelioma attorneys Psd to WordPress ashely madis Casino Insurance Companies Business VOIP Solutions Computer science classes online best criminal lawyer in arizona Online Stock Trading business email web hosting mesotheloma Donate old cars to charity mesothelioma law suits Donating Used Cars to Charity HOME PHONE INTERNET BUNDLE uk homeowner loans PSYCHIC FOR FREE Asbestos Lung Cancer primary pulmonary hypertension Holland Michigan College pharmacist jobs in chicago Donating a Car in Maryland Better Conference Calls Best social media platforms PhD in counseling education insurance medical temporary diagnosed with mesothelioma mesothelioma help Seo companies Mobile casino accident attorney in los angeles BEST CRIMINAL LAWYER IN ARIZONA Register Free Domains tucson car accident attorney Forensics online course sell annuity payment Make money online Australia Donate a Car in Maryland Criminal defense lawyer fast cash for house Casino reviews Live casino New social media platforms mesothelioma attorneys DUI lawyer Social media strategies Hire php developers Hire php programmers structured settlements companies Nunavut Culture Criminal lawyer Psd to html car accident lawyers Service business software accident car florida lawyer Car Insurance Quotes Colorado Php programmers for hire Hire php developer Gas/Electricity Best social media platforms for business criminal defense federal lawyer motorcycle accident lawyer san francisco personal injury law firm illinois law lemon CAR INSURANCE QUOTES COLORADO Online College Course structured settlement quote PHD IN COUNSELING EDUCATION orlando criminal attorney Php programmers How to Donate A Car in California Motor replacements Health Records Personal Health Record FORENSICS ONLINE COURSE CHEAP CAR INSURANCE FOR LADIES Car Insurance Quotes PA Social media platforms anti spam exchange server Mortgage adviser Online motor insurance quotes low credit line credit cards Social media tools Christmas cards colorado mesothelioma lawyers Business finance group Car insurance quotes Colorado Social media platforms for business

Read More

Quitar el Leer más automático en las entradas – Settlement

Por la red abundan miles de plantillas personalizadas para Blogger y muchas de ellas tienen incluido sl script que genera resúmenes automatizados con imágenes en miniatura. Pero a veces quienes descargan estas plantillas no desean utilizar esta característica. Así que sí deseaseliminar el Leer más automático sólo hay que seguir unos cuantos pasos para dejar las entradas "normales". En realidad lo que haremos será lo inverso a lo que haríamos si quisiéramos instalar por primera vez esta característica.

Primero que nada, como tocaremos partes importantes de la plantilla haz un respaldo de la misma, luego entra enDiseño | Edición de HTML, marca la casillaExpandir plantillas de artilugios y busca un código como este:

b:if cond='data:blog.pageType != "item"'
b:if cond='data:blog.pageType != "static_page"'
div expr:id='"summary" + data:post.id'data:post.body//div
script type='text/javascript'createSummaryAndThumb("summarydata:post.id/");/script
span class='rmlink' style='float:right'a expr:href='data:post.url'Leer más.../a/span
/b:if/b:if
b:if cond='data:blog.pageType == "item"'data:post.body//b:if
b:if cond='data:blog.pageType == "static_page"'data:post.body//b:if

Si te pierdes un poco en encontrar el código busca lo que está en color rojo y de esa forma reconocerás todo lo demás.

Algunas veces puede variar un poco el código y quizá no sea exactamente idéntico, pero deberá tener mucha similitud.

Cuando lo encuentres elimínalo con mucho cuidado, y en su lugar pon esto:

data:post.body/

Una vez hecho esto daleVista Previa, si todo ha salido bien ya deberán verse las entradas completas sin ningún resumen. Ahora vamos a quitar el script de la plantilla para que no tenga que estar cargando inutilmente.
Para ello busca antes de/head o después dehead un código como este y elimínalo:

script type='text/javascript'
summary_noimg = 400;
summary_img = 300;
img_thumb_height = 125;
img_thumb_width = 125;
/script

script type='text/javascript'
//![CDATA[

/******************************************

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("")!=-1)
{
var s = strx.split("");
for(var i=0;is.length;i++){
if(s[i].indexOf("")!=-1){
s[i] = s[i].substring(s[i].indexOf("")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length=1) {
imgtag = 'span style="float:left; padding:0px 10px 5px 0px;"img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"//span';
summ = summary_img;
}

var summary = imgtag + 'div' + removeHtmlTag(div.innerHTML,summ) + '/div';
div.innerHTML = summary;
}

//
/script

Con eso habrás quitado por completo elLeer más automático con imágenes en miniatura y tus entradas se mostrarán de forma completa.

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetMundial FootballFIFA World Cup Vestidos de Perros y gatosHosting Dominio web movilSelling annuity payments for cashSelling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlementStructured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Custom WordPress theme designer HOW TO DONATE A CAR IN CALIFORNIA seattle mesothelioma lawyer Forensics online course business voip solutions truck accident attorney texas mesothelioma lawyer texas HARDDRIVE DATA RECOVERY SERVICES CHEAP CAR INSURANCE FOR LADIES Casino Mobile casino Live casino Psychic for Free business administration masters Online casino Service business software DONATE YOUR CAR FOR KIDS car insurance quotes pa Business finance group Personal Injury Lawyers motor replacements event management security Online College Course Custom Christmas cards Psychic for free orlando criminal attorney Make money online Australia structured settlement quote cheap auto insurance in va Online Christmas cards WebEx costs motorcycle accident lawyer california Injury Lawyers motorcycle lawyer los angeles cash out annuity motorcycle accident lawyer san francisco new york mesothelioma law firm DONATE CARS IN MA Donating a car in Maryland personal injury law firm Best Criminal Lawyers in Arizona bus accident attorney los angeles personal injury firm ONLINECLASSES Bankruptcy lawyer google affiliate Psd to html maritime lawyer houston Social media platforms Donate Car To Charity CALIFORNIA saskatchewan auto insurance Casino reviews student loan consolidation program Php programmers for hire asterisk call center software Donate a Car in Maryland Paperport Promotional Code DUI lawyer Hire php developers workers compensation lawyer los angeles Hire php programmers register free domains Dwi lawyer Criminal defense lawyer lease management software Criminal lawyer car accident lawyer san bernardino Auto Accident Attorney Seo services Car Donate Donating Used Cars to Charity Car Insurance Quotes MN tucson car accident attorney Computer science classes online Motor replacements Php programmers anti spam appliance PHD on Counseling Education Insurance Companies CAR INSURANCE QUOTES COLORADO mesothelioma law firm Online classes AUTO ACCIDENT ATTORNEY Hire php developer MET AUTO Home Phone Internet Bundle accident lawyers in los angeles Online Colleges DONATE YOUR CAR FOR MONEY hosted predictive dialers Dayton Freight Lines Best social media platforms for business mesothelioma lawyer chicago Social media examiner illinois mesothelioma lawyer criminal defense attorneys florida Donate Cars Illinois Annuity Settlements Car insurance quotes Utah auto accident attorney Seo companies FUTURISTIC ARCHITECTURE structured settlement need cash now mesothelioma trial attorney CAR ACCIDENT LAWYERS New social media platforms Online Criminal Justice Degree Car insurance quotes MN best consolidation loan student canada personals yahoo car insurance quotes mn Donate Car to Charity California Psd to WordPress Mortgage Adviser Social media platforms for business

Read More

Últimas entradas por categorías con imagen en miniatura – Accident – coche

Algunas veces queremos tener todo muy organizado para que nuestros lectores puedan encontrar con mayor facilidad los temas de su interés, y es ahí cuando en lugar de poner un gadget con las últimas entradas queremos poner sí las últimas entradas pero por categorías, de manera que puedas mostrar las últimas entradas por cada etiqueta que quieras y además mostrar la miniatura de dicho elemento.

Para poner en tu blog estegadget de últimas entradas por categorías realizaremos estos sencillos pasos:
1.- Entra en Diseño | Edición de HTML y antes de /b:skin pega lo siguiente:

/* Últimas entradas por categorías
--------------------------------- */
img.label_thumb{
float:left;
border:1px solid #8f8f8f;/* Borde de las miniaturas */
margin-right:10px !important;
height:55px;/* Alto de las miniaturas */
width:55px;/* Ancho de las miniaturas */
}
.label_with_thumbs {
float: left;
width: 100%;
min-height: 70px;
margin: 0px 10px 2px 0px;
padding: 0;
}
ul.label_with_thumbs li {
padding:8px 0;
min-height:65px;
margin-bottom:10px;
}
.label_with_thumbs a {}
.label_with_thumbs strong {padding-left:0px;}

2.- Luego antes de /head pega este script:

script type='text/javascript'
//![CDATA[
function labelthumbs(json){document.write('ul class="label_with_thumbs"');for(var i=0;inumposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;kentry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
{s=entry.content.$t;a=s.indexOf("img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDxg-zcNwTajG2FGU0jQaqAYgQ8aFbl5QZrmiFTFfhAKwtHoZ1LekqWiQfTK7qZIOWC_IH3y1P9Ix39GifXRdLPPMtCcpf2ehFVNqqNJERbB77jkJ3iRv0PDBi8eVxBxlPRTJVuDl3GlQ/';}
var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Ene";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Abr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Ago";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dic";document.write('li class="clearfix"');if(showpostthumbnails==true)
document.write('a href="'+posturl+'" target ="_top"img class="label_thumb" src="'+thumburl+'"//a');document.write('stronga href="'+posturl+'" target ="_top"'+posttitle+'/a/strongbr');if("content"in entry){var postcontent=entry.content.$t;}
else
if("summary"in entry){var postcontent=entry.summary.$t;}
else var postcontent="";var re=/\S[^]*/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.lengthnumchars){document.write('');document.write(postcontent);document.write('');}
else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}
var towrite='';var flag=0;document.write('br');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}
if(showcommentnum==true)
{if(flag==1){towrite=towrite+' | ';}
if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='a href="'+commenturl+'" target ="_top"'+commenttext+'/a';towrite=towrite+commenttext;flag=1;;}
if(displaymore==true)
{if(flag==1)towrite=towrite+' | ';towrite=towrite+'a href="'+posturl+'" class="url" target ="_top"Más »/a';flag=1;;}
document.write(towrite);document.write('/li');if(displayseparator==true)
if(i!=(numposts-1))
document.write('');}document.write('/ul');}
//
/script

3.- Por último entra en Diseño | Elementos de la página | Añadir un gadget | HTML/Javascript y ahí pega esto:

script type='text/javascript'var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 100;/script
script type="text/javascript" src="/feeds/posts/default/-/Nombre-de-la-etiqueta?published&alt=json-in-script&callback=labelthumbs"/script

En donde diceNombre-de-la-etiqueta va el nombre de la etiqueta que quieres mostrar, tal como es, respetando mayúsculas y minúsculas. En el caso que la etiqueta contenga espacios o acentos lo mejor es que ingreses a la etiqueta y te fijes en la URL que aparece en la barra de direcciones del navegador, al final de la URL vendrá el nombre de la etiqueta tal como debe ponerse, por ejemplo, si tuviera espacios se vería así:

http://Nombre-de-mi-blog.blogspot.com/search/label/Nombre%20etiqueta

También dentro de éste último código hay unas áreas que podemos personalizar,true significa que lo mostrará yfalse que no lo mostrará.

var numposts ←Número de entradas a mostrar
var showpostthumbnails← Mostrar o no las miniaturas
var displaymore← Mostrar o no el enlace para leer más
var displayseparator← Mostrar o no un separador
var showcommentnum← Mostrar o no el número de comentarios
var showpostdate← Mostrar o no la fecha de las entradas
var showpostsummary← Mostrar o no el resumen de las entradas
var numchars← Número de caracteres en los resúmenes

Y en el segundo código hay una URL en color naranja, esa es la imagen que se mostrará cuando la entrada no contenga ninguna imagen, puedes cambiarla por otra imagen si lo deseas.

Recuerda que el gadget muestra las ultimas entradas de una etiqueta en particular, por lo tanto, si quieres mostrar las últimas entradas de otras etiquetas entonces sólo tienes que repetir el paso #3 por cada categoría adicional que quieras agregar.

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetAsi que mejor me fue a un hotel y motel FIFA World Cup Mundial Football New Orleans mesothelioma lawyer y mas que todo que la pase bien en ese hostal y me me fui de viaje a tennessee mesothelioma attorney donde EEUU me pidio la visa pero mejor aun many people in mesothelioma trial lawyers pero me fui a travel Alaska nebraska mesothelioma attorney pero mas aun con mesothelioma attorney nebraska mas siempre fue asi des hace mucho time merlin olsen lawsuit,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

buy structured settlements bus accident attorneys structured settlement cash out DAYTON FREIGHT LINES Italian cooking school PhD in counseling education Car Accident Lawyers motorcycle lawyer los angeles DONATE A CAR IN MARYLAND Computer science classes online New social media platforms Service business software Royalty Free Images Stock mesothelioma information Business finance group life insurance quotes Php programmers for hire personal injury attorney ocala fl car accident lawyer san bernardino Social media platforms for business auto insurance cost by state annuity payment Seo companies Life insurance co Lincoln motorcycle accident lawyer california WordPress hosting Seo company domain name yahoo VIRTUAL DATA ROOMS houston tx auto insurance DUI lawyer CHEAP DOMAIN REGISTRATION HOSTING Online casino Business VOIP Solutions mesotheliama Social media examiner Best social media platforms for business Dwi lawyer Car insurance quotes pa Online Colleges Online Christmas cards structured annuity settlement injury lawyers buy gift card Hard drive data recovery services Cheap Domain Registration Hosting Proud Italian cook Cheap auto insurance in VA Donate old cars to charity ROYALTY FREE IMAGES STOCK illinois law lemon Best criminal lawyer in Arizona Donate Your Car for Kids Live casino ashely madis Casino Donate cars Illinois Make money online Australia Criminal Defense Attorneys Florida mesothelioma claims Donate your Car for Money Casino reviews Mobile casino Automobile Accident Attorney sell structured settlement calculator DONATE CARS IN MA mesothelioma ct Photo Christmas cards best accident attorneys attorney lawyer mesothelioma car insurance quotes Social media strategies Home phone internet bundle Asbestos Lung Cancer st louis mesothelioma attorney HOLLAND MICHIGAN COLLEGE Custom Christmas cards motor replacements mesothelioma settlements amounts MASSAGE SCHOOL DALLAS TEXAS BETTER CONFERENCING CALLS new york mesothelioma law firm peritoneal mesothelioma cheap auto insurance in va Hire php programmers Webex Costs WordPress theme designers Social media management Annuity Settlements car insurance quotes mn workers compensation lawyer los angeles Custom WordPress theme designer Social media tools Hire php developer injury lawyers west palm beach Dallas Mesothelioma Attorneys Auto Mobile Shipping Quote WordPress themes for designers Hire php developers illinois mesothelioma lawyer sell my structured settlement NEUSON mesothelioma attorney florida donating used cars to charity Criminal lawyer webex costs Criminal defense lawyer personal injury lawyer PHD on Counseling Education Bankruptcy lawyer CHEAP CAR INSURANCE IN VIRGINIA Php programmers PSYCHIC FOR FREE Low credit line credit cards donate car for tax credit

Read More

Spoiler para ocultar y mostrar contenido en una entrada – programmers – dinero – Plataforma

Algunas veces tenemos mucho contenido que agregar en una entrada pero no queremos mostrarlo todo de un solo golpe, ya sea porque no queremos que la entrada se haga demasiado larga o porque queremos que el contenido se vaya descubriendo poco a poco.
Y sí, ya antes habíamos visto cómoexpandir y contraer partes de una entrada usando Scriptaculous y que le da un efecto deslizante, pero como a muchos no les gusta usar Scriptaculous vamos a ver otra forma de hacerlo usando un simple javascript que aunque no tendrá efecto alguno cumple su función muy bien, que será la demostrar y ocultar contenido.

Puedes ver un ejemplo haciendo click en el siguiente botón.

Este es uncontenido que permaneceráoculto hasta que el lector quiera verlo, y podrá esconderlo nuevamente presionando otra vez el botón.

Podemos incluir dentro cualquier cosa que se nos ocurra, ya sea una tabla, una imagen, un reproductor de audio, un video, etc.

Para usarlo en tu blog sólo basta con poner este código en una entrada cada vez que lo quieras usar:

div class="divspoiler"
input type="button" value="Mostrar" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; this.value = 'Ocultar'; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none'; this.value = 'Mostrar'; }" /
/divdivdiv class="spoiler" style="display: none;"
Aquí el contenido que queremos ocultar
/div/div

Ahí sólo tienes que agregar donde se indica el contenido que quieres ocultar. Si el botón no te gusta mucho puedes leer esta entrada para sabercómo personalizar los botones.
O bien, puedes usar un enlace de texto en lugar de un botón

Mostrar / Ocultar ▼▲

En ese caso el código a usar es este:

div class="divspoiler"
a href="javascript:void(0);" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" Mostrar / Ocultar ▼▲/a
/divdivdiv class="spoiler" style="display: none;"
Aquí el contenido que queremos ocultar
/div/div

O si lo prefieres también puedes usar una imagen.

¿Qué significa SOS?
Save Our Souls
Save Our Ship
No significa nada
Socorro Oh Socorro

Ahí el código sería este:

div class="divspoiler"
img src="URL de la imagen" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" /
/divdivdiv class="spoiler" style="display: none;"
Aquí el contenido que queremos ocultar
/div/div

Bastante práctico y fácil de usar ¿no? Puedes agregar varios en la misma entrada sin necesidad de cambiar alguna ID ni nada de eso. Sólo procura no cambiar a la pestaña Redactar una vez que lo pongas y no modifiques los espacios del código para que funcione correctamente.

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

mesothelioma lawyer texas criminal defense attorneys florida Casino illinois law lemon Online casino Bankruptcy lawyer cheaper insurance companies Casino reviews Php programmers BETTER CONFERENCING CALLS Auto Mobile Shipping Quote Criminal Defense Attorneys Florida Mortgage Adviser Donate a Car in Maryland automobile accident attorney Auto Mobile Insurance Quote BEST CRIMINAL LAWYER IN ARIZONA mesothelioma claim Mobile casino baltimore mesothelioma attorneys Dwi lawyer houston mesothelioma attorney Make money online Australia Best social media platforms for business DONATE CARS ILLINOIS CAR DONATE new mexico mesothelioma lawyer Proud Italian cook New social media platforms forensics online course emergency response plan ppt houston tx auto insurance Hard drive Data Recovery Services How to Donate A Car in California Hire php programmers Car Insurance Quotes MN Personal Injury Lawyers Photo Christmas cards Computer science classes online WordPress themes for designers Online motor insurance quotes boca raton personal injury attorney Live casino la personal injury lawyer motorcycle lawyer los angeles florida car insurance company chicago hair laser removal Nunavut culture CAR INSURANCE QUOTES MN DUI lawyer Seo services Social media management HOME PHONE INTERNET BUNDLE Best Seo company Hire php developers broward county dui lawyer AUTOMOBILE ACCIDENT ATTORNEY Business VOIP Solutions Data Recovery Raid google affiliate city college in miami Criminal lawyer Php programmers for hire royalty free images stock diagnosed with mesothelioma Car insurance quotes Utah Donate Your Car Sacramento mesothelioma attorney Service business software Asbestos Lung Cancer Criminal defense lawyer DONATE CAR FOR TAX CREDIT Hire php developer Car Insurance Quotes Colorado DAYTON FREIGHT LINES mesothelioma suit Social media platforms for business Learning adobe illustrator Seo companies Adobe illustrator classes car insurance companies Home Phone Internet Bundle Online Stock Trading ASBESTOS LAWYERS HOLLAND MICHIGAN COLLEGE Car Insurance Quotes PA Custom Christmas cards best consolidation loan student bus accident attorney los angeles structured settlements companies paperport promotional code att call conference Neuson how to donate a car in california Donate Car for Tax Credit LIFE INSURANCE CO LINCOLN ANNUITY SETTLEMENT Business finance group structured settlement cash out Best social media platforms Donating a Car in Maryland Life Insurance Co Lincoln Donating used cars to charity injury lawyers west palm beach mesothelioma attorneys low credit line credit cards michigan motorcycle accident lawyer Custom WordPress theme designer Futuristic Architecture home phone internet bundle personal injury law firm personal injury solicitor asbestos mesothelioma lawsuit bus accident attorneys Business management software

Read More

Tooltips con CSS en forma de burbuja – Lawyers – PHD

Este es otrotooltip con CSS que tiene forma de burbuja y que servirá muy bien para dar información extra sobre algún texto. No usaremos nada de scripts, sólo un par de imágenes y CSS.

Puedes ver el ejemplo pasando el cursor por las palabras que parecen enlace:

Untooltip¡Hola! Soy un tooltip de ejemplo hecho con CSS (también llamada descripción emergente) es una herramienta de ayuda visual patentada por Microsoft el 19 de diciembre de 2002 que funciona al situar o pulsar con el ratón sobre algún elemento gráfico, mostrando una ayuda adicional para informar al usuario de la finalidad del elemento sobre el que se encuentra.

Como la forma de la burbuja es una imagen podríamos editar la imagen y obtener otro color por ejemplo rosa o azul:

Untooltip¡Hola! Soy un tooltip de ejemplo hecho con CSS (también llamada descripción emergente) es una herramienta de ayuda visual patentada por Microsoft el 19 de diciembre de 2002 que funciona al situar o pulsar con el ratón sobre algún elemento gráfico, mostrando una ayuda adicional parainformar¡Hola! Soy un tooltip de ejemplo hecho con CSS al usuario de la finalidad del elemento sobre el que se encuentra.

Para colocar este tipo de tooltip sólo entra enDiseño | Edición de HTML y antes de
/b:skin pega lo siguiente:

/* Tooltip 1 con CSS
----------------------------------------------- */
a.tt{
position:relative;
z-index:24;
color:#3CA3FF;/* Color del texto que tiene el tooltip */
font-weight:bold;
text-decoration:none;
}
a.tt span{ display: none; }
a.tt:hover{ z-index:25; cursor:help;}
a.tt:hover span.tooltip{
display:block;
position:absolute;
top:0px; left:0;
padding: 15px 0 0 0;
width:200px;
color: #000;/* Color del texto de la descripción */
text-align: center;
filter: alpha(opacity:90);
KHTMLOpacity: 0.90;
MozOpacity: 0.90;
opacity: 0.90;
}
a.tt:hover span.top{
display: block;
padding: 30px 8px 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhybXpTW8s-E8Wg-k8ODw3NKEk7YF2k5G_nK5iH4nLIX61uGoNzkk5EdZVNfxXA6FdJ2o9Kp-s_gIVkHlCYkLNJkNIRsn9Ep4cNMA2fmEe7lM7YR7LoPdnOe9CrXx8YoCWf0fA3wjJdLpbQ/) no-repeat top;
}
a.tt:hover span.middle{
display: block;
padding: 0 8px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKy3uK97KYW1qZPTzzllppYvs-RVtA6NIllNtzxI_smjpvSUdi1wxFZSgOFT98tlX0zaoT8f7lmNakQSX3UFm2516ljHb4r10FvWfUcPBDEtnFzthzlbALig5Pmqb7XepqCLl1xQ4EIgbm/) repeat bottom;
text-decoration:none;
}
a.tt:hover span.bottom{
display: block;
padding:3px 8px 10px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhybXpTW8s-E8Wg-k8ODw3NKEk7YF2k5G_nK5iH4nLIX61uGoNzkk5EdZVNfxXA6FdJ2o9Kp-s_gIVkHlCYkLNJkNIRsn9Ep4cNMA2fmEe7lM7YR7LoPdnOe9CrXx8YoCWf0fA3wjJdLpbQ/) no-repeat bottom;
}

Ahora en tu entrada donde vayas a mostrar el tooltip utiliza este código:

a href="#" class="tt"palabra con tooltipspan class="tooltip"span class="top"/spanspan class="middle"Aquí va la descripción adicional que mostraremos en el tooltip/spanspan class="bottom"/span/span/a

Y así se sencillo podemos tener un tooltip llamativo sólo con CSS.
Si quisieras el tooltip rosa entonces en lugar del primer código que hemos añadido usarás este:

/* Tooltip 2 con CSS
----------------------------------------------- */
a.tt{
position:relative;
z-index:24;
color:#3CA3FF;/* Color del texto que tiene el tooltip */
font-weight:bold;
text-decoration:none;
}
a.tt span{ display: none; }
a.tt:hover{ z-index:25; cursor:help;}
a.tt:hover span.tooltip{
display:block;
position:absolute;
top:0px; left:0;
padding: 15px 0 0 0;
width:200px;
color: #000; /* Color del texto de la descripción */
text-align: center;
filter: alpha(opacity:90);
KHTMLOpacity: 0.90;
MozOpacity: 0.90;
opacity: 0.90;
}
a.tt:hover span.top{
display: block;
padding: 30px 8px 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlQ86SqFjN_8UC-7fDy8PemRgZtPR5K-Cu7Rxd2KkFw80HTRw_bAZbZSJ8-oX3mHGTTzMMq5nCBuPHVavnqRlPJesOkzOF-6u14fhMG8sVwcqtgNegnSlgPQhjWSmizBOk12Nsqu0AUbKz/) no-repeat top;
}
a.tt:hover span.middle{
display: block;
padding: 0 8px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr8qp_DRW1ymW4Bsul1X9RgobVZm9cOO9Ct609lgEWXHibbR-FD-UfHmQPwq7MwfNIZKd1eQQjXNb3ElpqFtXSKmlQl7CweGbxw85jPD520xWYd5-vzNC9pJyLblgdyrRv4MLLnB1vmaRV/) repeat bottom;
text-decoration:none;
}
a.tt:hover span.bottom{
display: block;
padding:3px 8px 10px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlQ86SqFjN_8UC-7fDy8PemRgZtPR5K-Cu7Rxd2KkFw80HTRw_bAZbZSJ8-oX3mHGTTzMMq5nCBuPHVavnqRlPJesOkzOF-6u14fhMG8sVwcqtgNegnSlgPQhjWSmizBOk12Nsqu0AUbKz/) no-repeat bottom;
}

Y si quisieras el azul entonces el código a añadir sería este:

/* Tooltip 3 con CSS
----------------------------------------------- */
a.tt{
position:relative;
z-index:24;
color:#3CA3FF;/* Color del texto que tiene el tooltip */
font-weight:bold;
text-decoration:none;
}
a.tt span{ display: none; }
a.tt:hover{ z-index:25; cursor:help;}
a.tt:hover span.tooltip{
display:block;
position:absolute;
top:0px; left:0;
padding: 15px 0 0 0;
width:200px;
color: #000; /* Color del texto de la descripción */
text-align: center;
filter: alpha(opacity:90);
KHTMLOpacity: 0.90;
MozOpacity: 0.90;
opacity: 0.90;
}
a.tt:hover span.top{
display: block;
padding: 30px 8px 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPGlY36Z5al-m59VEXnvgHrAHVrenH6OXPlwUhgIch51hhhdszxb5NhhzuZm-QJgJAO8ZjvLnAEY3Z9g4WMckBycsb1mb4JAq9idgbnF3jKKcKGHncYcMRlBTeBgs8w2FKLx7MCwg7TN5C/) no-repeat top;
}
a.tt:hover span.middle{
display: block;
padding: 0 8px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9GCSP698RTZpaCABGLkyDBaLkkWAiWl1fI-vGmtdEkw1SYzzk56N7FDaR2kaXbik5qdsrZ9gRiKdE4QSEqe0Ve7fDhVsEUBwBLwXjwlnwuVdoE359tEy5iKYWTdNvM4jC7csVJ8he7XKb/) repeat bottom;
text-decoration:none;
}
a.tt:hover span.bottom{
display: block;
padding:3px 8px 10px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPGlY36Z5al-m59VEXnvgHrAHVrenH6OXPlwUhgIch51hhhdszxb5NhhzuZm-QJgJAO8ZjvLnAEY3Z9g4WMckBycsb1mb4JAq9idgbnF3jKKcKGHncYcMRlBTeBgs8w2FKLx7MCwg7TN5C/) no-repeat bottom;
}

Por supuesto que en cualquiera de los tres podemos modificar el color del texto, el tipo de letra, etc.
Las burbujas como mencioné antes, son una imagen por lo que si deseas otros colores habrás que editar las imágenes y cambiarlas por las URLs que están en el primer código.

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetAsi que mejor me fue a un hotel y motel FIFA World Cup Mundial Football New Orleans mesothelioma lawyer y mas que todo que la pase bien en ese hostal y me me fui de viaje a tennessee mesothelioma attorney donde EEUU me pidio la visa pero mejor aun many people in mesothelioma trial lawyers pero me fui a travel Alaska nebraska mesothelioma attorney pero mas aun con mesothelioma attorney nebraska mas siempre fue asi des hace mucho time merlin olsen lawsuit,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

integrated ehr california law lemon online criminal justice degree attorney lawyer mesothelioma what is structured settlement motor insurance quotes mesothelioma attorney maritime lawyer houston Claim injury lawyers west palm beach Dedicated Hosting Dedicated Server Hosting Psychic for Free Online casino Holland Michigan College DONATING USED CARS TO CHARITY Donate a car in Maryland Car Insurance Quotes Utah Proud Italian cook Donating a Car in Maryland Service business software Donate Car to Charity California Mortgage Tech school auto accident attorney philadelphia mesothelioma lawyer Best criminal lawyer in Arizona automobile accident attorney mesothelioma lawyer houston Car insurance quotes MN selling my structured settlement Best social media platforms ONLINECLASSES bus accident attorney los angeles Casino Bankruptcy lawyer Social media campaigns CAR DONATE car insurance quotes mn mesothelioma law suit Donate your car Sacramento injury attorney baton rouge adverse credit remortgage Asbestos Lung Cancer Dayton Freight Lines Better Conference Calls saskatchewan auto insurance domain registration yahoo MASSAGE SCHOOL DALLAS TEXAS Criminal defense lawyer Mobile casino asterisk call center software Make money online Australia harddrive data recovery services Casino reviews compare life assurance Best Criminal Lawyers in Arizona Donate cars in ma Live casino Criminal lawyer DUI lawyer Forensics Online Course Html email STRUCTURED ANNUITY SETTLEMENT Hire php developers Data Recovery Raid Asbestos Lawyers best mesothelioma lawyers Italian cooking school Annuity Settlements Best Seo company hosted predictive dialers personal injury accident lawyer structured annuity settlement Hire php programmers Met auto Online Christmas cards Dwi lawyer Social media management refinance with poor credit fast cash for house Seo companies Webex Costs Seo company Photo Christmas cards Motor Replacements state of california car insurance Dallas Mesothelioma Attorneys FUTURISTIC ARCHITECTURE Php programmers for hire Hire php developer Health Records Personal Health Record personal injury lawyer Donating Used Cars to Charity Business finance group Computer science classes online Php programmers Donate Car for Tax Credit quotes car mesotheloma How to Donate A Car in California World Trade Center Footage orlando criminal attorney best consolidation loan student Donate old cars to charity hughes net business Online classes Best social media platforms for business donate your car for kids New social media platforms SELL ANNUITY PAYMENT Donate Your Car Sacramento Social media platforms for business donate car for tax credit tucson car accident attorney mesothelioma settlements

Read More