Personalizar Disqus con CSS – Seguro – Motor – Online

He visto muchos blogs en los que se utilizaDisqus como sistema de comentarios, lamentablemente esta magnífica extensión sólo posee 2 estilos: Houdini y Narcissus, y para algunos puede significar un contra al momento de usarla en su plantilla ya que la adaptación a veces no es muy buena.

Si bien en la página de Disqus explican los pasos para añadir CSS personalizado, no muestran los selectores necesarios para modificarlo, y en esta oportunidad mencionaremos los más importantes para que puedan así personalizar sus formularios exitosamente.

El tutorial:

Antes de empezar el tutorial aclararé que es posible insertar CSS directamente en la plantilla del blog o desde el escritorio de Disqus (Settings | Appearance). Recomiendo a ciegas que usen la función integrada de Custom CSS en Disqus para evitar así problemas de atributos (Si los insertan directamente en la plantilla necesitarán sobreescribir cada atributo con el valor!important).

Lista de selectores:

/*DISQUS SELECTORES CSS*/

.dsq-content-stub {/*LOGO DISQUS CARGANDO*/
}

/*SECCIÓN PARA POSTEAR*/
.dsq-post-area {/*Contenedor post completa*/
}

.placeholder {/*Textarea para comentar*/
}

.dsq-request-user-stats {/*Status del usuario*/
}

.dsq-button {/*Botón comentar*/
}

.dsq-subscribe-rss {/*Enlace suscripción RSS*/
}
.dsq-subscribe-email {/*Enlace e-mail*/
}

.dsq-comments-title {/*Mostrando X comentarios*/
}


/*COMENTARIOS*/

.dsq-comments {/*Contenedor de todos los comentarios*/
}
.dsq-header-avatar {/*Avatar del comentarista*/
}

.dsq-full-comment {/*Contenedor de comentario único*/
}

.dsq-comment-cite { /*Enlace nombre de perfil*/
}

.dsq-comment-header-meta { /*Cabecera comentarista*/

}

.dsq-comment-body {/*Cuerpo del mensaje*/
}

.dsq-button-small { /*Botones del comentario*/
}

.dsq-pagination {/*Paginación de comentarios*/
}

/*FOOTER DISQUS*/

.dsq-item-trackback {/*Sección Trackbacks*/
}

Para que puedan modificar cada item de manera correcta he añadido un comentario destacado en color verde, recuerda que puedes aplicar los atributos que desees, si no sabes usar CSS te recomiendo que leasesta guía para que empieces a hacer tus propios cambios.

Si lo deseas puedes revisar esteblog de pruebas para comprobar que la personalización funciona correctamente. El código que utilicé fué el siguiente, puede servirles como ejemplo:

.dsq-comment-body {
background:#fff;
border:1px solid #c0c0c0;
color:#222;
padding-bottom:10px;
font-size:12px;
font-family: Century Gothic, sans-serif;
}

.dsq-comment-text {padding:10px;}
.dsq-comment-header {background:#3d7196;color:#fff;margin-left:-6px;}
.dsq-comment-header a {color:#fff;}

#dsq-content .dsq-avatar img {
border: 0 none;
box-shadow:inset 1px 1px 1px #c0c0c0;
border-radius: 3px;
height: 36px;
width: 36px;
}

#dsq-content .dsq-avatar {
-webkit-transform: rotate(-10deg) scale(1.5) skew(1deg) translate(0px);
-moz-transform: rotate(-10deg) scale(1.5) skew(1deg) translate(0px);
-o-transform: rotate(-10deg) scale(1.5) skew(1deg) translate(0px);
z-index:200;
}

Importante:

Si hay algunas classes que no haya agregado puedes comprobarlas tu mismo conFirebug, una extensión para Firefox que permite analizar cada elemento y así detectar las classes. Si usas Google Chrome basta con seleccionar un elemento con botón derecho del mouse y selecciona "Inspeccionar elemento", ya que este último navegador incluye ya algo similar.

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 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 cashSelling 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 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 DONATING USED CARS TO CHARITY Best Seo company motorcycle accident attorney sacramento DUI lawyer Casino Live casino Cheap car insurance in Virginia Criminal lawyer donating used cars to charity google affiliate Seo companies structured settlement buyers Car Insurance Quotes Home phone internet bundle mesothelioma lawyers san diego injury lawyers WEBEX COSTS arizona auto accident attorney Casino reviews cheaper insurance companies Make money online Australia mesothelioma trial attorney Life Insurance Co Lincoln dallas mesothelioma attorneys Holland Michigan College Tech school Mobile casino Dayton Freight Lines PHD on Counseling Education Hire php developers mesothelioma law suit Best social media platforms Business VOIP Solutions Social media strategies Donate Car to Charity California HOME PHONE INTERNET BUNDLE car insurance quotes illinois law lemon Seo services Futuristic Architecture Donate cars Illinois mesothelioma settlement amounts business administration masters dui lawyer scottsdale Psd to WordPress Webex Costs firm law mesothelioma cheap auto insurance in va structured annuity settlement CAR ACCIDENT LAWYERS Online Christmas cards Business management software california law lemon motor insurance quotes Donate a car in Maryland Hire php programmers Mesothelioma Law Firm Dwi lawyer Online Criminal Justice Degree asterisk call center software Service business software Best criminal lawyer in Arizona personal injury accident lawyer WORLD TRADE CENTER FOOTAGE Criminal defense lawyer Php programmers for hire motorcycle lawyer los angeles motor replacements Best social media platforms for business New social media platforms Php programmers Online Classes DONATE A CAR IN MARYLAND primary pulmonary hypertension Car Insurance Quotes MN illinois mesothelioma lawyer tennessee mesothelioma lawyer cheap domain registration hosting Hire php developer Bankruptcy lawyer Criminal lawyer Miami Donate your car Sacramento Mortgage Adviser Computer science classes online yahoo web hosting mesothelioma help michigan motorcycle accident lawyer donate car for tax credit bus accident attorneys mesothelioma settlements amounts SELL ANNUITY PAYMENT HARDDRIVE DATA RECOVERY SERVICES peritoneal mesothelioma Dallas mesothelioma attorneys DONATE CAR FOR TAX CREDIT WordPress hosting Business finance group bowne virtual data room Social media platforms for business car insurance quotes mn Custom WordPress theme designer google adsense Life insurance co Lincoln domain registration yahoo boca raton personal injury attorney MORTGAGE ADVISER phd in counseling education Dedicated Hosting Dedicated Server Hosting Christmas cards MET AUTO How to Donate A Car in California Seo company semi truck accident lawyers Massage school Dallas Texas