jueves, 17 de enero de 2013

Filled Under: ,

Mensaje del formulario para comentarios anidados siempre visible – dinero – Settlement – Auto

Junto con los nuevos comentarios anidados surgieron un buen número de problemas menores -algunos mayores- que más o menos se fueron solucionando. Sin embargo no había encontrado la manera de que el mensaje que se puede programar desde el escritorio para que acompañe al formulario de entrada, se viera también en la cabecera de este cuando se trataba de una respuesta. Siempre permanecía abajo del todo perdiendo su efecto informativo.

Hubiera sido fácil arreglarlo con CSS si uniframe admitiera añadirle uncontent mediante:before, pero un marco de ese tipo es muy puñetero y yo al menos no encontré la manera. Principalmente porque según he leído:after y:before se sitúan dentro del elemento principal y, en un principio, en uniframe no se puede escribir nada.

Así las cosas pensé en hacer algo con JavaScript, pero mientras me peleaba con jQuery encontré un sistema enDuypham (blog vietnamita para más señas), que simplemente cambiaba un poco el script de Blogger que genera los comentarios y conseguía un resultado más que bueno. Con él el mensaje siempre aparece arriba del formulario sea dónde fuere que se encuentre este.

Ahora que parece que el sistema es estable y que terminaron los cambios, sí que me atrevo a cambiar cosas de ese JavaScript, así que vamos a ver lo que hay que hacer. Sólo necesitamos dos breves pasos.


1El primero comienza localizando esta línea en nuestra plantilla (con artilugios expandidos). Sólo hay una línea como esta así que supongo la encontraréis sin problemas.

b:includable id='threaded-comment-form' var='post'


Pues bien, ese es el principio de un includable o rutina de Blogger que hace una tarea y a la que se puede recurrir usando un include (esto es sólo cultura general).

La rutina completa es la que viene a continuación y en ella hay que insertar las dos líneas marcadas en verde y que son la apertura y cierre de undiv con unaid='mensajeform' (podéis usar cualquier otro nombre). Esto no causa ningún efecto en el blog, pero si os equivocáis de lugar o metéis algún carácter de más o de menos, obtendréis un bonito error BX o algo peor, así que ya sabéis aquello de "Guarde una copia de seguridad de su plantilla antes de empezar con los experimentos".

b:includable id='threaded-comment-form' var='post'
div class='comment-form'
a name='comment-form'/
b:if cond='data:mobile'
pdata:blogCommentMessage//p
data:blogTeamBlogMessage/
a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/
iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='240' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/
b:else/
div id='mensajeform'!-- Apertura --
pdata:blogCommentMessage//p
data:blogTeamBlogMessage/
a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/
iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='240' id='comment-editor' name='comment-editor' src='' width='100%'/
/div!-- Cierre --
/b:if
data:post.friendConnectJs/
data:post.cmtfpIframe/
script type='text/javascript'
BLOG_CMT_createIframe('data:post.appRpcRelayPath/', 'data:post.communityId/');
/script
/div
/b:includable

2Ahora viene lo de modificar el script original de Blogger, pero también se trata de una sustitución muy sencilla. En este caso localizamos la línea...

document.getElementById(domId).insertBefore(replybox,null);

...y esereplybox se cambia por undocument.getElementById ('mensajeform'). Sin más, para que quede así:

document.getElementById(domId).insertBefore(document.getElementById ('mensajeform'),null);

Pues ya está todo. El mensaje que hayamos grabadoperseguirá al formulario y se mostrará encima de dónde este vaya apareciendo. Podéis hacer la prueba ahora mismo en esta u otra entrada del blog porque instalé este sistema hace unos días.



Como efecto secundario pero beneficioso, ahora podremos darle estilo fácilmente al mensaje. Para ello sólo tenemos que añadir a la parte CSS de nuestra plantilla la clase#mensajeform con las propiedades que gustéis. Por ejemplo:

Actualización: Gracias a un pequeño debate con Valentin y Svalin en los comentarios, descubrimos que en las entradas sin comentarios el estilo no salía como en las que sí los tenían. Para que todo funcione igual hay que añadir un segundo selector que ya aparece en el código a continuación (.comment-form).

Además, también surgió una idea sencilla para mostrar una imagen que podemos diseñar al gusto y que consiste simplemente en sustituir elbackground: white; por unbackground: url(IMAGEN_FONDO);.

#mensajeform p, .comment-form p {
position: relative;
margin:5px auto;
padding: 4px;
border: 2px solid black;
text-align: center;
color: black;
background: white;
}
#mensajeform p:after, .comment-form p:after {
content: "";
position: absolute;
bottom: -10px;
left: 10px;
width:0;
height:0;
line-height:0;
border-top: 10px solid black;
border-left: 10px solid transparent;
}

Bueno y por supuesto para que salga un mensaje ahí, primero hay que grabarlo en el escritorio...

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

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetPero tuve que ser Mundial Football consolidating FIFA World Cup web host rating,register web address,online psychology degree,her first lesbian sex, make extra money ,make money fast and easy,addwords y mejor obtuve un credit application,visa gift carda,Mesothelioma law firm,voip phone service,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

mesothelioma attorney florida Mortgage Adviser CHEAP DOMAIN REGISTRATION HOSTING Hard drive data recovery services compare life assurance google adsense Criminal lawyer Dallas Mesothelioma Attorneys car accident lawyer san bernardino Social media tools Motor Replacements Donate cars Illinois Donate Car for Tax Credit accident car florida lawyer DONATE YOUR CAR FOR MONEY Seo company asterisk call center software Donate Car to Charity California hughes net business harddrive data recovery services alcohol rehab center in florida motorcycle accident lawyer california Photo Christmas cards structured settlements annuities domain name yahoo mesothelioma survival rates Online casino Donate car to charity California Hire php programmers AUTOMOBILE ACCIDENT ATTORNEY Criminal defense lawyer register free domains DONATE CAR FOR TAX CREDIT mesothelioma lawsuits Business VOIP Solutions Custom WordPress theme designer Casino Online Motor Insurance Quotes Annuity Settlements Italian cooking school Seo companies HOLLAND MICHIGAN COLLEGE MESOTHELIOMA LAW FIRM Mobile casino Donate Cars Illinois Proud Italian cook Make money online Australia yahoo web hosting Bankruptcy lawyer auto insurance cost by state Casino reviews structured annuity settlement Hire php developers google affiliate Live casino DUI lawyer Tech school STRUCTURED ANNUITY SETTLEMENT mesothelioma lawyers san diego student loan consolidation program Custom Christmas cards Dwi lawyer Psychic for free Dayton Freight Lines Service business software Php programmers for hire Hire php developer peritoneal mesothelioma Html email Online College Course life insurance co lincoln structured settlement quote structured settlement purchasers How to Donate A Car in California Computer science classes online boca raton personal injury attorney new mexico mesothelioma lawyer Online Christmas cards Php programmers los angeles auto accident attorneys MORTGAGE ADVISER sell annuity payment buy gift card Best social media platforms for business dallas mesothelioma lawyer Learning adobe illustrator Social media strategies Car Donate cash out structured settlement CHEAP CAR INSURANCE FOR LADIES New social media platforms Business finance group Best social media platforms Auto Accident Attorney Social media platforms for business philadelphia mesothelioma lawyer Seo services REGISTER FREE DOMAINS Best Seo company Social media platforms Business management software buyer of structured settlement annuity Best Criminal Lawyers in Arizona DALLAS MESOTHELIOMA ATTORNEYS Online Stock Trading injury lawyers cheap auto insurance in va Social media campaigns emergency response plan ppt ASBESTOS LAWYERS car accident lawyers west palm beach car insurance companies How to donate a car in California ANNUITY SETTLEMENT Donate Your Car for Kids Paperport promotional code car insurance quotes best accident attorneys CRIMINAL DEFENSE ATTORNEYS FLORIDA Auto Mobile Insurance Quote WordPress themes for designers WordPress hosting Email Bulk Service Psd to WordPress Social media examiner car accident lawyers los angeles Social media management Met auto Low Credit Line Credit Cards buying an annuity calculator Christmas cards Psd to html mortgage adviser WordPress theme designers DONATE OLD CARS TO CHARITY personal injury law firm Adobe illustrator classes mesothelioma attorney PHD on Counseling Education Asbestos Lawyers domain yahoo Cheap Domain Registration Hosting business voice mail service Personal Injury Lawyers meso lawyer Donate your car for money Car Insurance Quotes refinance with bad credit Mesothelioma Law Firm DONATE YOUR CAR SACRAMENTO CAR INSURANCE IN SOUTH DAKOTA personal injury attorney springfield mo PhD in counseling education Donate Cars in MA VIRTUAL DATA ROOMS Donate Your Car Sacramento houston tx auto insurance CHEAP AUTO INSURANCE IN VA cheap car insurance in virginia Sell Annuity Payment CAR INSURANCE QUOTES UTAH Car Insurance Quotes Utah miami personal injury lawyer car accident lawyer michigan Structures Annuity Settlement personal injury firm Car Insurance Quotes Colorado Donate car for tax credit motorcycle accident lawyer san francisco lawsuit mesothelioma Holland Michigan College Psychic for Free Nunavut Culture domain registration yahoo Online Colleges Hard drive Data Recovery Services Donate a Car in Maryland structured settlement company Donating a Car in Maryland integrated ehr Criminal Defense Attorneys Florida CAR DONATE illinois law lemon Life Insurance Co Lincoln attorney lawyer mesothelioma mesothelioma attorney illinois saskatchewan auto insurance Car Insurance in South Dakota mesothelioma law firm Paperport Promotional Code Online Classes Cheap Car Insurance in Virginia World Trade Center Footage Massage School Dallas Texas HARDDRIVE DATA RECOVERY SERVICES Donate Old Cars to Charity WEBEX COSTS massage school dallas texas phd in counseling education motorcycle lawyer los angeles Donating Used Cars to Charity Mortgage insurance medical temporary Car Insurance Quotes MN Donate your Car for Money Cheap Auto Insurance in VA auto accident attorney DONATE CARS ILLINOIS mesothelioma settlements amounts Met Auto