Actualizar DataLife Engine no siempre termina al ejecutar el asistente de actualización del CMS. Si utilizas una plantilla personalizada, algunas versiones también requieren cambios en archivos .tpl, estilos CSS, recursos gráficos o etiquetas del sistema.

En esta guía reunimos los cambios de compatibilidad publicados para las plantillas de DataLife Engine, organizados por versión, para que puedas actualizar tu diseño de forma ordenada y comprobar qué modificaciones necesita cada salto de versión.

Por ejemplo, si estás actualizando una plantilla desde DLE 19.0 hasta DLE 21.0, debes revisar primero 19.0 → 19.1, después 19.1 → 20.0 y finalmente 20.0 → 21.0. No conviene saltar directamente al último tramo, ya que una versión intermedia puede introducir cambios necesarios para las siguientes.

1. Agrega los siguientes estilos CSS a tu plantilla:

/* oEmbed error block */ .dlemedia-oembed-error { color: #555; background: #f0f0f0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; padding: 1em; box-sizing: border-box; } /* Correction xFields dynamic buttons */ .btn.bg-light { color: #333; background-color: #eae9e9; text-shadow: none; box-shadow: none; } .btn.bg-light.remove-dynamic-item { color: #ef5350; } 

1. Agrega los siguientes estilos CSS a tu plantilla:

/* Spoiler design correction */ .text_spoiler { display: none; } /* Correction of calendar design */ .monthselect-inner { display: flex; align-items: center; justify-content: center; gap: 3em; } .monthselect-title { display: inline-block; } /* Editor design correction during quick publication editing */ .dlepopupnewsedit .wseditor{ border-top: none; } .dlepopupnewsedit .tox .tox-toolbar-overlord { background-color: #f7f7f7; }

2. Abre el archivo attachment.tpl y busca:

<a data-highslide="file" data-type="pdf" href="{online-view-link}" target="_blank">{name}</a>

Reemplázalo por:

<a data-highslide="file" data-type="iframe" href="{online-view-link}" target="_blank">{name}</a>

1. Agrega los siguientes estilos CSS a tu plantilla:

/* Yandex Captcha Design */ .smart-captcha { display: inline-block; } /* The design of mathematical formulas */ .mathml-container { font-family: math; } div.mathml-block { font-size: 1.1em; display: flex; align-items: center; justify-content: center; padding: .139em .35em; } div.mathml-block .katex { font-size: 1.1em; } span.mathml-inline { display: inline-block; vertical-align: middle; margin: 0 .12em; } /* The design a block of hidden text */ .dleshowhidden { color: #104d92; background-color: #E3F2FD; border: 1px solid #1E88E5; box-shadow: 0 5px 12px rgba(126, 142, 177, 0.2); padding: .83em; }

2. Abre el archivo attachment.tpl y busca:

<a href="{online-view-link}" target="_blank">{name}</a>

Reemplázalo por:

<a data-highslide="file" data-type="pdf" href="{online-view-link}" target="_blank">{name}</a>

1. Agrega los siguientes estilos CSS a tu plantilla:

.clipboard-copy-link svg { color: #6c838e; vertical-align: middle; margin-top: -3px; }

2. Si utilizas la etiqueta {xfields} en la plantilla para agregar publicaciones (addnews.tpl), en el perfil del usuario (userinfo.tpl) o durante el registro (registration.tpl), adapta sus estilos según sea necesario. El código generado por esta etiqueta ya no utiliza una estructura basada en tablas.

1. Agrega los siguientes estilos CSS a tu plantilla:

.quote_link { float: right; } .quote_link svg { color: #6c838e; vertical-align: middle; }

2. Elimina completamente el siguiente bloque de la plantilla compartida templates/rss.tpl:

[turbo]...[/turbo]

Los puntos suspensivos representan todo el contenido que exista entre ambas etiquetas.

1. Agrega los siguientes estilos CSS a tu plantilla:

.pm th{ text-align: left; font-weight: 500; white-space: nowrap; } .pm th.pm_checkbox { text-align: center; } .pm_list.pm_subj, .pm_list.pm_icon, .pm_list.pm_last_user { cursor: pointer; } .pm_list.pm_icon svg { width: 1.4rem; height: 1.4rem; vertical-align: middle; } .pm_list.pm_icon.pm-unread-image { color: #3394e6; } .pm td.pm_list.pm_icon, .userstop td, th.pm_head.pm_icon { border-bottom: none; } .pm_list.pm_icon.pm-reply-image { color: #087e02c4; } .pm_list.pm_icon.pm-read-image { color: #afafaf; } .pm_list .pm_last_message, .pm_list .pm_last_date, .pm_list .pm_with_user { color: #64748b; font-size: .8rem; } .pm tbody > tr:hover { background-color: #e2e8f099; } .pm_navigation { margin-top: 1rem; } .pm_navigation .navigation { display: inline-block; color: #333333; background-color: #f5f5f5; border-radius: 0.188rem; padding: .4rem; } .pm_navigation .navigation a, .pm_navigation .navigation span { padding: 0.5rem; min-width: 2.25rem; } .pm_navigation .navigation span { background-color: #4581d0; color: #fff; } .pm_navigation .navigation a { text-decoration: none; color: #000; } .pm_navigation .navigation a:hover { background-color: #e2e8f0; }

2. Adapta la plantilla pm.tpl al nuevo sistema de mensajes privados:

El cambio principal es que el bloque que muestra los mensajes de una conversación debe encontrarse dentro de [messages] ... [/messages], y este a su vez dentro de [readpm] ... [/readpm]. Dentro del bloque de lectura también se incluyen el área de respuesta y las etiquetas que muestran el editor. Ejemplo de la estructura:

[readpm] Message subject: {subj} [messages] The code for displaying messages [/messages] Reply to the message {editor} <button type="submit">Answer</button> [/readpm]

Como referencia para construir la plantilla, puedes utilizar el código de la plantilla estándar:

<article class="box story"> <div class="box_in"> <h1 class="title h1">Personal messages</h1> <div class="pm-box"> <nav id="pm-menu"> [inbox]<span>Messages list</span>[/inbox] [new_pm]<span>New message</span>[/new_pm] </nav> <div class="pm_status"> {pm-progress-bar} {proc-pm-limit} % / ({pm-limit} messages) </div> </div> [pmlist] <div class="pmlist"> {pmlist} </div> [/pmlist] [newpm] <h4 class="heading">New message</h4> <div class="addform addpm"> <ul class="ui-form"> <li class="form-group combo"> <div class="combo_field"> <input placeholder="Recipient name" type="text" name="name" value="{author}" class="wide" required> </div> <div class="combo_field"> <input placeholder="Subject" type="text" name="subj" value="{subj}" class="wide" required> </div> </li> <li id="comment-editor">{editor}</li> [recaptcha] <li>{recaptcha}</li> [/recaptcha] [question] <li class="form-group"> <label for="question_answer">Question: {question}</label> <input placeholder="Answer" type="text" name="question_answer" id="question_answer" class="wide" required> </li> [/question] </ul> <div class="form_submit"> [sec_code] <div class="c-captcha"> {sec_code} <input placeholder="Enter the code" title="Enter the code" type="text" name="sec_code" id="sec_code" required> </div> [/sec_code] <button class="btn btn-big" type="submit" name="add"><b>Send</b></button> <button class="btn-border btn-big" type="button" onclick="dlePMPreview()">Preview</button> </div> </div> [/newpm] </div> </article> [readpm] <div class="comments"> <div class="box"> <h4 class="heading">{subj}</h4> <div class="com_list"> [messages] <div class="comment"> <div class="com_info"> <div class="avatar"> <span class="cover" style="background-image: url({foto});">{login}</span> [online]<span class="com_online" title="{login} - online">Online</span>[/online] </div> <div class="com_user"> <b class="name">{author}</b> <span class="grey"> from: {date} </span> </div> <div class="meta"> <ul class="left"> <li class="edit_btn" title="Edit"> [pm-edit]<i title="Edit">Edit</i>[/pm-edit] </li> <li class="reply grey" title="Quote"> [reply]<svg class="icon icon-reply"><use xlink:href="#icon-coms"></use></svg><span>Quote</span>[/reply] </li> <li class="reply grey" title="Ignore"> [ignore]<svg class="icon icon-reply"><use xlink:href="#icon-dislike"></use></svg><span>Ignore</span>[/ignore] </li> <li class="complaint" title="Complain"> [complaint]<svg class="icon icon-bad"><use xlink:href="#icon-bad"></use></svg><span class="title_hide">Complain</span>[/complaint] </li> <li class="del" title="Delete"> [del]<svg class="icon icon-cross"><use xlink:href="#icon-cross"></use></svg><span class="title_hide">Delete</span>[/del] </li> </ul> </div> </div> <div class="com_content"> <div class="text">{text}</div> [signature]<div class="signature">--------------------<br>{signature}</div>[/signature] </div> </div> [/messages] </div> <div class="box_in form-sep"> <h3>Reply to a message</h3> {editor} <br><button class="btn btn-big" type="submit" name="submit" title="Reply"><b>Reply</b></button> </div> </div> </div> [/readpm]

3. Elimina de addnews.tpl las etiquetas responsables de mostrar el editor BBCODES y sustitúyelas por las etiquetas del editor visual.

1. Agrega los siguientes estilos CSS a tu plantilla:

.ui-dialog-buttonset button.ui-button-delete { background-color: #f44336; border-color: #f44336; color: #fff; text-shadow: 1px 1px 2px rgba(51, 51, 51, .5); } .ui-dialog-buttonset button.ui-button-delete:hover { background-color: #db3a2f; border-color: #db3a2f; color: #fff; text-shadow: 1px 1px 2px rgba(51, 51, 51, .5); } .form-check-label { cursor: pointer; } .form-check-input { color: #0c5f7eed; flex-shrink: 0; width: 1.12rem; height: 1.12rem; margin: -0.188rem 0.625rem 0 0; appearance: none; background-color: transparent; background-image: none; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid #0c5f7eed; vertical-align: middle; } .form-check-input:checked[type=checkbox] { background-image: url("dаta:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%230c5f7eed' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); } .form-check-input:checked[type=radio] { background-image: url("dаta:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%230c5f7eed'/%3e%3c/svg%3e"); } .form-check-input[type=checkbox] { border-radius: .25rem; } .form-check-input[type=radio] { border-radius: 50%; }

1. Agrega los siguientes estilos CSS a tu plantilla:

.DLEPush { z-index: 2001; position: fixed; right: 20px; top: 20px } @keyframes DLEPush-show { 0% { transform: translateY(100%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .DLEPush-notification.wrapper { animation-name: DLEPush-show; animation-duration: 1s; position: relative; display: grid; grid-template-columns: auto 1fr; align-items: center; color: #333; margin-bottom: 10px; width: 100%; max-width: 400px; box-shadow: 0 10px 15px rgb(0 0 0 / 20%); background-color: #fff; border-radius: 10px } .DLEPush-notification .DLEPush-icon { grid-column: 1; grid-row: 1 / span 2; display: flex; align-items: center; justify-content: center; color: #fff; width: 45px; height: 100%; border-top-left-radius: 10px; border-bottom-left-radius: 10px; text-align: center; } .DLEPush-notification .DLEPush-icon svg { scale: .8; } .DLEPush-notification .DLEPush-header { font-weight: 500; grid-column: 2; grid-row: 1; font-size: 1rem; margin-left: 1rem; margin-top: .5rem; } .DLEPush-notification .DLEPush-header:empty { margin-top: 0; } .DLEPush-notification .DLEPush-message { grid-column: 2; grid-row: 2; font-size: .875rem; margin: 1rem; } .DLEPush-notification .DLEPush-message li, .DLEPush-notification .DLEPush-message ul { list-style-type: none; padding-left: 0; } .DLEPush-notification .DLEPush-close { position: absolute; top: 8px; right: 10px; font-weight: 300; background: none; border: 0; font-size: 1.15rem; cursor: pointer; line-height: 1; padding: 0; color: inherit; outline: 0; opacity: 0.75; } @media only screen and (min-width: 601px) { .DLEPush-notification.wrapper { min-width: 400px; } } .DLEPush-notification .DLEPush-close:hover { opacity: 1; } .DLEPush-notification.wrapper.push-success { background-color: #e0f2f1; } .DLEPush-notification.wrapper.push-success .DLEPush-icon { background-color: #00897b; } .DLEPush-notification.wrapper.push-warning { background-color: #FFF3E0; } .DLEPush-notification.wrapper.push-warning .DLEPush-icon { background-color: #FF9800; } .DLEPush-notification.wrapper.push-error { background-color: #FBE9E7; } .DLEPush-notification.wrapper.push-error .DLEPush-icon { background-color: #FF5722; } input[type="text"].comments_author_field { width: 100%; margin-bottom: 10px; }

1. Agrega los siguientes estilos CSS a tu plantilla:

.mce-accordion summary { cursor: pointer; } .self_delete_link { border: 0 none; display: inline-block; vertical-align: middle; cursor: pointer; padding: 12px 27px; border-radius: 10px; outline: none; background-color: #f44336; color: #fff; text-shadow: 0 1px #333; text-decoration: none !important; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); box-sizing: border-box; transition: all ease .1s; transition: all ease .1s; }

2. Abre el archivo userinfo.tpl y agrega la etiqueta en la posición que prefieras dentro de la sección de edición del perfil:

[delete]Delete Account[/delete]

1. Agrega los siguientes estilos CSS a tu plantilla:

.title_spoiler svg{ vertical-align: middle; margin-top: -4px; margin-right: 7px; height: 16px; width: 16px; }

2. En la carpeta de tu plantilla, crea el archivo searchresult.tpl para la búsqueda rápida con el siguiente contenido:

<a href="{full-link}"><span class="searchheading">{title}</span><span>{short-story limit="150"}</span></a>

3. En userinfo.tpl, comprueba el diseño de la etiqueta {twofactor-auth} y ajústalo si es necesario, ya que cambió el tipo de campo utilizado para mostrarla.

1. Agrega los siguientes estilos CSS a tu plantilla:

.image-bordered { border: 1px solid #ddd; } .image-shadows { box-shadow: rgb(9 30 66 / 25%) 0px 4px 8px -2px, rgb(9 30 66 / 8%) 0px 0px 0px 1px; } .image-padded { padding: 0.5rem; } .comments-user-profile { font-weight: bold; cursor: pointer; color: #3394e6; }

2. Abre el archivo addnews.tpl y busca:

Add News

Reemplázalo por:

{header-title}

3. Abre el archivo templates/rss.tpl y reemplaza todo su contenido por:

[rss]<item> <title>{title}</title> <guid isPermaLink="true">{rsslink}</guid> <link>{rsslink}</link> <dc:creator>{rssauthor}</dc:creator> <pubDate>{rssdate}</pubDate> <category>{category}</category> <description><![CDATA[{short-story}]]></description> </item>[/rss] [turbo]<item turbo="true"> <turbo:extendedHtml>true</turbo:extendedHtml> <link>{rsslink}</link> <author>{rssauthor}</author> <category>{category}</category> <pubDate>{rssdate}</pubDate> <turbo:content><![CDATA[<header><h1>{title}</h1></header>{full-story}]]></turbo:content> </item>[/turbo] [dzen]<item> <title>{title}</title> <link>{rsslink}</link> <pdalink>{rsslink}</pdalink> <guid>{news-id}</guid> <pubDate>{rssdate}</pubDate> <category>native-yes</category> {images} <content:encoded><![CDATA[{full-story}]]></content:encoded> </item>[/dzen]

1. Agrega los siguientes estilos CSS a tu plantilla:

.comments-image-gallery { margin: 0; padding: 0; list-style: none; clear: both; } .comments-image-gallery li{ list-style: none; margin: 0; padding: 0; } .comments-image-gallery li img{ float: left; margin-right: 5px; border: 5px solid #fff; width: 100px; height: 100px; transition: box-shadow 0.5s ease; } .comments-image-gallery li img:hover { box-shadow: 0px 0px 7px rgba(0,0,0,0.4); } .mce-toc { border: 1px solid #dbdada; margin: 0 0 .7rem 0; } .mce-toc h2 { margin: 4px; } .mce-toc ul { padding-left: 20px; list-style: none; margin-top: 0; margin-bottom: 0; margin-block-start: 1em; margin-block-end: 1em; } .mce-toc ul ul { padding-left: 20px; margin-block-start: 0; margin-block-end: 0; } .mce-toc li { list-style-type: none; }

2. Abre el archivo addcomments.tpl y busca:

<li id="comment-editor">{editor}</li>

Agrega debajo:

[image-upload]{image-upload}[/image-upload] [allow-comments-subscribe] <li>{comments-subscribe}</li> [/allow-comments-subscribe]

3. Abre el archivo comments.tpl y busca:

<div class="text share-content">{comment}</div>

Agrega debajo:

[images]<div class="signature">--------------------</div><div class="clrfix">{images}</div>[/images]

1. Agrega los siguientes estilos CSS a tu plantilla:

figure { margin: 0; } figure.align-left { float: left; } figure.align-right { float: right; } figure.image.align-center { display: table; margin-left: auto; margin-right: auto; } figure.image figcaption { padding: 1rem; background-color: #fafafa; font-size: .8rem; caption-side: bottom; word-break: break-word; text-align: center; } figure.image.align-center figcaption { display: table-caption; }

1. Agrega los siguientes estilos CSS a tu plantilla:

/*--- Highlighting the source code ---*/ .hljs-comment, .hljs-quote { color: #a0a1a7; font-style: italic; } .hljs-doctag, .hljs-keyword, .hljs-formula { color: #a626a4; } .hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst { color: #e45649; } .hljs-literal { color: #0184bb; } .hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string { color: #50a14f; } .hljs-built_in, .hljs-class .hljs-title { color: #c18401; } .hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-number { color: #986801; } .hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title { color: #4078f2; } .hljs-emphasis { font-style: italic; } .hljs-strong { font-weight: bold; } .hljs-link { text-decoration: underline; }

1. Abre el archivo css/engine.css y agrega:

.emoji_box { width:100%; max-width: 390px; } .emoji_category { padding:7px; clear:both; } .emoji_list { margin-top:5px; margin-bottom:5px; width:100%; font-family:'Apple Color Emoji', 'Segoe UI Emoji', 'NotoColorEmoji', 'Segoe UI Symbol', 'Android Emoji', 'EmojiSymbols'; font-size:2em; } .emoji_symbol { float:left; margin-bottom: 10px; width:12.5%; text-align:center; } .emoji_symbol a, .emoji_symbol a:hover { cursor: pointer; text-decoration:none; } .native-emoji { font-size: 1.3em; font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'NotoColorEmoji', 'Segoe UI Symbol', 'Android Emoji', 'EmojiSymbols'; }

1. Abre el archivo css/engine.css y agrega:

.ui-front { z-index: 1000; } .ui-button-icon-only { overflow: hidden; text-indent: -9999px; }

1. Abre el archivo css/engine.css y busca:

.uploadedfile { display: inline-block; width: 115px; height: 140px; margin: 10px 5px 5px 5px; border:1px solid #B3B3B3; box-shadow: 0px 1px 4px rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); text-align: center; background:#ffffff; } .uploadedfile .uploadimage { margin-top: 5px; width: 115px; height: 90px; display: table-cell; text-align: center; vertical-align:middle; }

Reemplázalo por:

.uploadedfile { display: inline-block; width: 115px; height: 160px; margin: 10px 5px 5px 5px; border:1px solid #B3B3B3; box-shadow: 0px 1px 4px rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); text-align: center; background:#ffffff; } .uploadedfile .uploadimage { margin-top: 5px; width: 115px; height: 90px; display: flex; align-items: center; justify-content: center; cursor: move; cursor: -webkit-grabbing; } .sortable-ghost { opacity: 0.4; }

2. In files shortstory.tpl, fullstory.tpl, comments.tpl if necessary add support for a new rating type:

[rating-type-4] <div class="rate_like-dislike"> <span class="ratingtypeplusminus ignore-select ratingplus">{likes}</span> [rating-plus]<span title="Like"><svg class="icon icon-like"><use xlink:href="#icon-like"></use></svg></span>[/rating-plus] <span class="ratingtypeplusminus ratingminus ignore-select">{dislikes}</span> [rating-minus]<span title="Dislike"><svg class="icon icon-dislike"><use xlink:href="#icon-dislike"></use></svg></span>[/rating-minus] </div> [/rating-type-4]

1. Abre el archivo css/styles.css y agrega al final:

.instagram-media, .twitter-tweet {display: inline-block !important;}

2. Abre el archivo feedback.tpl y busca:

 <li class="form-group"> <textarea placeholder="Message" name="message" id="message" rows="8" class="wide" required></textarea> </li>

Agrega debajo:

 [attachments] <li class="form-group"> <label for="question_answer">Attach files:</label> <input name="attachments[]" type="file" multiple> </li> [/attachments]

1. Abre el archivo style/engine.css y agrega al final:

/* Setup a standard captcha when replying to comments */ .dle-captcha { position: relative; } .dle-captcha:after { clear: both; display: block; content: ""; } .dle-captcha > a { float: left; margin-right: 5px; } .dle-captcha img { position: relative; display: block; width: 130px; height: 46px; -webkit-transition: all ease .2s; transition: all ease .2s; } .dle-captcha > input { float: left; width: 130px; } /* Setup hints for custom fields */ .xfieldsnote { color: #838383; font-size: .9em; }

2. Crea el archivo categorymenu.tpl con el siguiente contenido:

[root]<ul>[/root] [item] <li><a href="{url}">{name} <span style="float: right;">{news-count}</span></a> [sub-prefix]<ul>[/sub-prefix]{sub-item}[sub-suffix]</ul>[/sub-suffix] </li> [/item] [root]</ul>[/root]

3. Abre el archivo userinfo.tpl y busca:

<li class="form-group"> <table class="xfields"> {xfields} </table> </li>

Agrega debajo:

<li class="form-group"> <div class="checkbox">{twofactor-auth}</div> </li>

4. Si necesitas mostrar el menú de categorías, agrega la etiqueta {catmenu} en la posición adecuada de main.tpl.

1. Abre el archivo style/engine.css y agrega al final:

.xfieldimagegallery { margin: 0; padding: 0; list-style: none; clear: both; } .xfieldimagegallery li { list-style: none; margin: 0; padding: 0; } .xfieldimagegallery li img { float: left; margin-right: 5px; border: 5px solid #fff; width: 100px; height: 100px; transition: box-shadow 0.5s ease; } .xfieldimagegallery li img:hover { box-shadow: 0px 0px 7px rgba(0,0,0,0.4); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor:not-allowed; pointer-events:none; opacity:0.65; filter:alpha(opacity=65); -webkit-box-shadow:none; box-shadow:none; } 

2. Abre el archivo attachment.tpl y coloca, en la posición que prefieras:

[allow-online]<br />View file online: <a href="{online-view-link}" target="_blank">{name}</a>[/allow-online]

3. Abre el archivo userinfo.tpl y busca:

<li class="form-group"> <table class="xfields"> {xfields} </table> </li>

Agrega debajo:

<li class="form-group"> <div class="checkbox">{news-subscribe}</div> </li> <li class="form-group"> <div class="checkbox">{comments-reply-subscribe}</div> </li> <li class="form-group"> <div class="checkbox">{unsubscribe}</div> </li>

1. Abre el archivo style/engine.css y agrega al final:

/*---Emoji---*/ .emoji { border: none; vertical-align: middle; width: 22px; height: 22px; } /* --- Sorting articles --- */ .sort { list-style: none; padding: 0; margin: 0; } .sort > li, .sort { display: inline; } .sort > li { margin: 0 0 0 3%; } .sort > li a { color: #353535; } .sort > li.asc a, .sort > li.desc a { color: #3394e6; } .sort > li.asc a:after, .sort > li.desc a:after { content: ""; background-image: url(dаta:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAsBAMAAACj90TiAAAAG1BMVEUAAAAzlOYzlOYzlOYzlOYzlOYzlOYzlOYzlOar6gzlAAAACHRSTlMAjesv90eHRuQt1XUAAABSSURBVBjTzdCxDQAhDENRSyzAEFdQ0zDB9axEgzw2DokEI1A9/S4OyAxADEcpPGlpFKWoSpEKp0Dlb6SvG2jY4Fka4tw4PqbEsDNTcb8gn/d4LPQHQDdjhblbAAAAAElFTkSuQmCC); display: inline-block; vertical-align: middle; margin: -1px 0 0 .4em; width: 6px; height: 11px; -webkit-background-size: 6px auto; background-size: 6px auto; } .sort > li.asc a:after { background-position: 0 -11px; } /*---Additional fields---*/ .xfieldsrow { padding-top:5px; clear: both; } .xfieldscolleft { float: left; width: 30%; } .xfieldscolright { float: left; width: 70%; } .file-box { width: 95%; max-width: 437px; border:1px solid #B3B3B3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #F5F5F5; padding: 10px; margin-top: 10px; } .qq-uploader { position:relative; width: 100%;} .qq-upload-button { display:inline-block; padding:4px 10px 4px 10px; margin-top:5px; font: bold 11px/1.5em Verdana;color:#000000; border:1px solid #CACACA; cursor:pointer; } .qq-upload-drop-area { position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; max-width: 437px; background:#FF9797; text-align:center; } .qq-upload-drop-area span { display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px; } .qq-upload-drop-area-active {background:#FF7171;} .uploadedfile { width: 115px; height: 130px; margin: 10px 5px 5px 5px; border:1px solid #B3B3B3; box-shadow: 0px 1px 4px rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); text-align: center; background:#ffffff; } .uploadedfile .uploadimage { margin-top: 5px; width: 115px; height: 90px; display: table-cell; text-align: center; vertical-align:middle; } .uploadedfile .info { text-align: left; white-space: nowrap; margin: 0px 5px 0px 5px; overflow: hidden; } .progress { overflow:hidden; margin-top:10px; margin-bottom:10px; background-color:whitesmoke; height:10px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; border-radius:8px; background:#eee; -webkit-box-shadow:0 1px 0 white, 0 0px 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.2) inset; box-shadow:0 1px 0 white, 0 0px 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.2) inset; } .progress .progress-bar { float:left; width:0%; font-size:12px; line-height:20px; color:white; text-align:center; background-color:#428bca; -webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition:width 0.6s ease; transition:width 0.6s ease; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; border-radius:8px; -webkit-box-shadow:none; box-shadow:none; height:8px; } .progress-bar span{ position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); border:0; } .progress-blue { background-image:-webkit-gradient(linear, left 0%, left 100%, from(#9bcff5), to(#6db9f0)); background-image:-webkit-linear-gradient(top, #9bcff5, 0%, #6db9f0, 100%); background-image:-moz-linear-gradient(top, #9bcff5 0%, #6db9f0 100%); background-image:linear-gradient(to bottom, #9bcff5 0%, #6db9f0 100%); background-repeat:repeat-x; border:1px solid #55aeee; }

1. Abre el archivo style/engine.css y busca:

/*---BB Editor---*/ .bb-pane { height: 1%; overflow: hidden; border: 1px solid #BBB; background-image: url("../bbcodes/bg.gif"); } .bb-btn, .bb-sep { height: 25px; float: left; display: block; overflow: hidden; text-indent: -9999px; white-space: nowrap; } .bb-sel { float: left; padding: 4px 2px 0 2px; } .bb-sel select { font-size: 11px; } .bb-sep { width: 5px; background-image: url("../bbcodes/brkspace.gif"); } .bb-btn { cursor: pointer; width: 23px; } #b_font { width: 118px;} #b_size { width: 65px;} #b_font select { padding: 0px;} #b_size select { padding: 0px;} #b_b { background-image: url("../bbcodes/b.gif"); } #b_i { background-image: url("../bbcodes/i.gif"); } #b_u { background-image: url("../bbcodes/u.gif"); } #b_s { background-image: url("../bbcodes/s.gif"); } #b_img { background-image: url("../bbcodes/image.gif"); } #b_up { background-image: url("../bbcodes/upload.gif"); } #b_emo { background-image: url("../bbcodes/emo.gif"); } #b_url { background-image: url("../bbcodes/link.gif"); } #b_leech { background-image: url("../bbcodes/leech.gif"); } #b_mail { background-image: url("../bbcodes/email.gif"); } #b_video { background-image: url("../bbcodes/mp.gif"); } #b_audio { background-image: url("../bbcodes/mp3.gif"); } #b_hide { background-image: url("../bbcodes/hide.gif"); } #b_quote { background-image: url("../bbcodes/quote.gif"); } #b_code { background-image: url("../bbcodes/code.gif"); } #b_left { background-image: url("../bbcodes/l.gif"); } #b_center { background-image: url("../bbcodes/c.gif"); } #b_right { background-image: url("../bbcodes/r.gif"); } #b_color { background-image: url("../bbcodes/color.gif"); } #b_spoiler { background-image: url("../bbcodes/spoiler.gif"); } #b_fla { background-image: url("../bbcodes/flash.gif"); } #b_yt { background-image: url("../bbcodes/youtube.gif"); } #b_tf { background-image: url("../bbcodes/typograf.gif"); } #b_list { background-image: url("../bbcodes/list.gif"); } #b_ol { background-image: url("../bbcodes/ol.gif"); } #b_tnl { background-image: url("../bbcodes/translit.gif"); } #b_br { background-image: url("../bbcodes/pbreak.gif"); } #b_pl { background-image: url("../bbcodes/page.gif"); } .clr { clear: both; } .bb-editor textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2px; border: 1px solid #bcc0c2; width: 100%; background: #fff url("../images/fields.png") repeat-x; } .editorcomm .bb-editor { width: 465px;} .editorcomm .bb-editor textarea { height: 156px; }

Reemplázalo por:

/*---BB Editor---*/ .bb-pane { height: 1%; overflow: hidden; padding-bottom: 5px; padding-left: 5px; margin: 0; height: auto !important; text-decoration:none; background-image: -webkit-gradient(linear, left 0%, left 100%, from(#FBFBFB), to(#EAEAEA)); background-image: -webkit-linear-gradient(top, #FBFBFB, 0%, #EAEAEA, 100%); background-image: -moz-linear-gradient(top, #FBFBFB 0%, #EAEAEA 100%); background-image: linear-gradient(to bottom, #FBFBFB 0%, #EAEAEA 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#EAEAEA', GradientType=0); border-radius: 3px 3px 3px 3px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; box-shadow: none !important; } .bb-pane>b { margin-top: 5px; margin-left: 0; vertical-align: middle; } .bb-pane .bb-btn + .bb-btn,.bb-pane .bb-btn + .bb-pane,.bb-pane .bb-pane + .bb-btn,.bb-pane .bb-pane + .bb-pane { margin-left:-1px; } .bb-btn { display: inline-block; overflow: hidden; float: left; padding: 4px 10px; border: 1px solid #d4d4d4; -webkit-box-shadow: inset 0 1px 2px white; -moz-box-shadow: inset 0 1px 2px white; box-shadow: inset 0 1px 2px white; background-repeat: repeat-x; background-image: -webkit-gradient(linear, left 0%, left 100%, color-stop(0%, #fdfdfd), color-stop(100%, #e9e9e9)); background-image: -webkit-linear-gradient(top, #fdfdfd, 0%, #e9e9e9, 100%); background-image: -moz-linear-gradient(top, #fdfdfd, 0%, #e9e9e9, 100%); background-image: linear-gradient(to bottom, #fdfdfd 0%, #e9e9e9 100%); } .bb-btn:hover { background: #e6e6e6; background-repeat: repeat-x; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(100%, #e6e6e6)); background-image: -webkit-linear-gradient(top, #fdfdfd, 0%, #e6e6e6, 100%); background-image: -moz-linear-gradient(top, #fdfdfd, 0%, #e6e6e6, 100%); background-image: -o-linear-gradient(top, #fdfdfd, 0%, #e6e6e6, 100%); background-image: linear-gradient(to bottom, #fdfdfd 0%, #e6e6e6 100%); -webkit-transition: box-shadow 0.05s ease-in-out; -moz-transition: box-shadow 0.05s ease-in-out; -o-transition: box-shadow 0.05s ease-in-out; transition: box-shadow 0.05s ease-in-out; } .bb-btn:active { background: #f3f3f3; border-color: #cfcfcf; -webkit-box-shadow: 0 0 5px #f3f3f3 inset; -moz-box-shadow: 0 0 5px #f3f3f3 inset; box-shadow: 0 0 5px #f3f3f3 inset; } @font-face { font-family: 'bb-editor-font'; src: url(dаta:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'), url(dаta:application/font-woff;charset=utf-8;base64,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) format('woff'); font-weight: normal; font-style: normal; } [class^="bb-btn"], [class*=" bb-btn"] { font-family: 'bb-editor-font'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 12px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .bb-sel { float: left; padding: 2px 2px 0 2px; } .bb-sel select { font-size: 11px; } .bb-sep { display: inline-block; float: left; width: 1px; padding: 2px; } .bb-btn { cursor: pointer; outline: 0; } #b_font select { padding: 0px;} #b_size select { padding: 0px;} #b_b:before {content: "\f032";} #b_i:before {content: "\f033";} #b_u:before {content: "\f0cd";} #b_s:before {content: "\f0cc";} #b_img:before { content: "\f03e"; } #b_up:before { content: "\e930"; } #b_emo:before { content: "\f118"; } #b_url:before { content: "\f0c1"; } #b_leech:before { content: "\e98d"; } #b_mail:before { content: "\f003"; } #b_video:before { content: "\e913"; } #b_audio:before { content: "\e911"; } #b_hide:before { content: "\e9d1"; } #b_quote:before { content: "\e977"; } #b_code:before { content: "\f121"; } #b_left:before { content: "\f036"; } #b_center:before { content: "\f037"; } #b_right:before { content: "\f038"; } #b_color:before { content: "\e601"; } #b_spoiler:before { content: "\e600"; } #b_fla:before { content: "\ea8d"; } #b_yt:before { content: "\f166"; } #b_tf:before { content: "\ea61"; } #b_list:before { content: "\f0ca"; } #b_ol:before { content: "\f0cb"; } #b_tnl:before { content: "\ea61"; } #b_br:before { content: "\ea68"; } #b_pl:before { content: "\ea72"; } #b_size:before { content: "\f034"; } #b_font:before { content: "\f031"; } #b_header:before { content: "\f1dc"; } #b_sub:before { content: "\f12c"; } #b_sup:before { content: "\f12b"; } #b_justify:before { content: "\f039"; } .bb-pane h1 { font-size:36px; margin-top: 5px; margin-bottom: 5px; } .bb-pane h2 { font-size:30px; margin-top: 5px; margin-bottom: 5px; } .bb-pane h3 { font-size:24px; margin-top: 5px; margin-bottom: 5px; } .bb-pane h4 { font-size:18px; margin-top: 5px; margin-bottom: 5px; } .bb-pane h5 { font-size:14px; margin-top: 5px; margin-bottom: 5px; } .bb-pane h6 { font-size:12px; margin-top: 5px; margin-bottom: 5px; } .bb-pane-dropdown { position:absolute; top:100%; left:0; z-index:1000; display:none; float:left; min-width:180px; padding:5px 0; margin:2px 0 0; list-style:none; font-size:11px; border:1px solid rgba(0, 0, 0, 0.15); border-radius:4px; background: white; -webkit-box-shadow: 0 1px 2px #dadada; -moz-box-shadow: 0 1px 2px #dadada; box-shadow: 0 1px 2px #dadada; } .bb-pane-dropdown > li > a { display:block; padding:3px 10px; clear:both; font-weight:normal; line-height:1.42857; color:#333333; white-space:nowrap; } .bb-pane-dropdown > li > a:hover, .bb-pane-dropdown > li > a:focus { text-decoration:none; color:#262626; background-color:whitesmoke; } .bb-pane-dropdown .color-palette div .color-btn { width: 17px; height: 17px; padding: 0; margin: 0; border: 1px solid #fff; cursor: pointer; } .bb-pane-dropdown .color-palette{ padding: 0px 5px; } .bb-editor textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2px; border: 1px solid #d7d7d7; width: 100%; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; margin-top: -1px; } .editorcomm .bb-editor { width: 565px;} .editorcomm .bb-editor textarea { height: 200px; } .clr { clear: both; } /*--- Quick Edit Textarea ---*/ .quick-edit-text { padding: .4em; width: 350px; } .quick-edit-textarea { height: 250px; box-sizing: border-box; padding: 2px; border: 1px solid #d7d7d7; width: 100%; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }

1. Abre el archivo style/engine.css y agrega al final:

/*---Visualización de comentarios anidados---*/ .comments-tree-list { display: block; margin: 0; padding: 0; list-style: none; } .comments-tree-list .comments-tree-list { padding-left: 30px; } .comments-tree-item { display: block; margin: 0; padding: 0; } /*---Formulario de respuesta rápida a comentarios---*/ #dlefastreplycomments { padding:5px; background: #e4ecf0; margin: 5px 5px 5px 30px; } .commentsreplyname { padding: 2px; border: 1px solid #bcc0c2; width: 200px; background: #fff url("../images/fields.png") repeat-x; } /*---Visualización de resultados de votación en el sitio---*/ .pollallvotes { text-align: center; margin-top: 10px; }

2. Abre el archivo comments.tpl y agrega, en la posición que prefieras:

[reply] [b]Responder[/b] [/reply]

3. En la carpeta de tu plantilla, crea el archivo attachment.tpl con el siguiente contenido:

[allow-download]<span class="attachment"><a href="{link}" >{name}</a> [count] [{size}] (descargas: {count})[/count]</span>[/allow-download] [not-allow-download]<span class="attachment">No tienes permiso para descargar archivos de nuestro servidor</span>[/not-allow-download]

1. Desde la plantilla estándar incluida en la distribución, copia los archivos /images/like.png, images/ratingplus.png, images/ratingminus.png a la carpeta equivalente de tu plantilla.

2. En la carpeta compartida /templates/, crea el archivo rss.tpl con el siguiente contenido:

[shortrss]<item> <title>{title}</title> <guid isPermaLink="true">{rsslink}</guid> <link>{rsslink}</link> <description>{short-story}</description> <category>{category}</category> <dc:creator>{rssauthor}</dc:creator> <pubDate>{rssdate}</pubDate> </item>[/shortrss] [fullrss]<item> <title>{title}</title> <guid isPermaLink="true">{rsslink}</guid> <link>{rsslink}</link> <description><![CDATA[{short-story}]]></description> <category><![CDATA[{category}]]></category> <dc:creator>{rssauthor}</dc:creator> <pubDate>{rssdate}</pubDate> </item>[/fullrss] [yandexrss]<item> <title>{title}</title> <link>{rsslink}</link> <description>{short-story}</description> <category>{category}</category>{images} <pubDate>{rssdate}</pubDate> <yandex:full-text>{full-story}</yandex:full-text> </item>[/yandexrss]

3. Abre el archivo style/engine.css y agrega al final:

.ratingzero { color: #6c838e; } .ratingtypeplusminus { padding: 0px 5px; } .ratingtypeplus { color: #6c838e; padding: 0px 0px 0px 5px; } .ratingplus { color: green; } .ratingminus { color: red; }

4. Abre el archivo style/styles.css y agrega al final:

.ratebox2 { float: right; } .ratebox3 { float: right; } .ratebox ul, .ratebox ul li { float: left; } .ratebox2 ul, .ratebox2 ul li { float: left; } .ratebox3 ul, .ratebox3 ul li { float: left; }

5. Abre el archivo comments.tpl y agrega el soporte de valoración en la posición que prefieras:

[rating] [rating-type-1]<div class="ratebox"><div class="rate">{rating}</div></div>[/rating-type-1] [rating-type-2]<div class="ratebox2"> <ul class="reset"> <li>[rating-plus]<img src="/templates/Default/images/like.png" title="Me gusta" alt="Me gusta" style="width:14px;" />[/rating-plus]</li> <li>{rating}</li> </ul></div>[/rating-type-2] [rating-type-3]<div class="ratebox3"> <ul class="reset"> <li>[rating-minus]<img src="/templates/Default/images/ratingminus.png" title="No me gusta" alt="No me gusta" style="width:14px;" />[/rating-minus]</li> <li>{rating}</li> <li>[rating-plus]<img src="/templates/Default/images/ratingplus.png" title="Me gusta" alt="Me gusta" style="width:14px;" />[/rating-plus]</li> </ul> </div>[/rating-type-3] [/rating]

6. Abre el archivo fullstory.tpl y busca:

[rating]<div class="ratebox"><div class="rate">{rating}</div></div>[/rating]

Reemplázalo por:

[rating] [rating-type-1]<div class="ratebox"><div class="rate">{rating}</div></div>[/rating-type-1] [rating-type-2]<div class="ratebox2"> <ul class="reset"> <li>[rating-plus]<img src="/templates/Default/images/like.png" title="Me gusta" alt="Me gusta" style="width:14px;" />[/rating-plus]</li> <li>{rating}</li> </ul></div>[/rating-type-2] [rating-type-3]<div class="ratebox3"> <ul class="reset"> <li>[rating-minus]<img src="/templates/Default/images/ratingminus.png" title="No me gusta" alt="No me gusta" style="width:14px;" />[/rating-minus]</li> <li>{rating}</li> <li>[rating-plus]<img src="/templates/Default/images/ratingplus.png" title="Me gusta" alt="Me gusta" style="width:14px;" />[/rating-plus]</li> </ul> </div>[/rating-type-3] [/rating]

7. Abre el archivo searchresult.tpl y busca:

[rating]<div class="ratebox"><div class="rate">{rating}</div></div>[/rating]

Reemplázalo por:

[rating] [rating-type-1]<div class="ratebox"><div class="rate">{rating}</div></div>[/rating-type-1] [rating-type-2]<div class="ratebox2"> <ul class="reset"> <li>[rating-plus]<img src="/templates/Default/images/like.png" title="Me gusta" alt="Me gusta" style="width:14px;" />[/rating-plus]</li> <li>{rating}</li> </ul></div>[/rating-type-2] [rating-type-3]<div class="ratebox3"> <ul class="reset"> <li>[rating-minus]<img src="/templates/Default/images/ratingminus.png" title="No me gusta" alt="No me gusta" style="width:14px;" />[/rating-minus]</li> <li>{rating}</li> <li>[rating-plus]<img src="/templates/Default/images/ratingplus.png" title="Me gusta" alt="Me gusta" style="width:14px;" />[/rating-plus]</li> </ul> </div>[/rating-type-3] [/rating]

8. Abre shortstory.tpl y busca:

[rating]<div class="ratebox"><div class="rate">{rating}</div></div>[/rating]

Reemplázalo por:

[rating] [rating-type-1]<div class="ratebox"><div class="rate">{rating}</div></div>[/rating-type-1] [rating-type-2]<div class="ratebox2"> <ul class="reset"> <li>[rating-plus]<img src="/templates/Default/images/like.png" title="Me gusta" alt="Me gusta" style="width:14px;" />[/rating-plus]</li> <li>{rating}</li> </ul></div>[/rating-type-2] [rating-type-3]<div class="ratebox3"> <ul class="reset"> <li>[rating-minus]<img src="/templates/Default/images/ratingminus.png" title="No me gusta" alt="No me gusta" style="width:14px;" />[/rating-minus]</li> <li>{rating}</li> <li>[rating-plus]<img src="/templates/Default/images/ratingplus.png" title="Me gusta" alt="Me gusta" style="width:14px;" />[/rating-plus]</li> </ul> </div>[/rating-type-3] [/rating]

9. Abre el archivo userinfo.tpl y busca:

<div class="ratebox"><div class="rate">{rate}</div><span>Valoración:</span></div>

Reemplázalo por:

[rating-type-1]<div class="ratebox"><div class="rate">{rate}</div><span>Valoración:</span></div>[/rating-type-1] [rating-type-2]<div class="ratebox2"><span>Valoración:</span> {rate}</div>[/rating-type-2] [rating-type-3]<div class="ratebox2"><span>Valoración:</span> {rate}<span></div>[/rating-type-3]

1. Desde la plantilla estándar incluida en la distribución, copia la carpeta /images/social/ y todo su contenido a la ubicación equivalente de tu plantilla.

2. En las plantillas comments.tpl, pm.tpl, registration.tpl, searchresult.tpl, userinfo.tpl, elimina el uso de la etiqueta {icq}.

3. Abre el archivo frame.css, busca y elimina:

#file-uploader { min-height: 50px; } #flash-uploader { min-height: 50px; }

Más adelante, en el mismo archivo, busca:

.qq-upload-drop-area { position:absolute; top:0; left:0; width:100%; height:100%; min-height: 50px; z-index:2; background:#FF9797; text-align:center; }

Reemplázalo por:

.qq-upload-drop-area { position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; background:#FF9797; text-align:center; }

4. Abre el archivo login.tpl y busca:

<li class="lfield lfchek"><input type="checkbox" name="login_not_save" id="login_not_save" value="1"/><label for="login_not_save">&nbsp;Equipo compartido</label></li>

Agrega debajo:

<li class="lfield lfchek"><div class="sociallogin"> [vk]<a href="{vk_url}" target="_blank"><img src="/templates/Default/images/social/vkontakte.gif" /></a>[/vk] [odnoklassniki]<a href="{odnoklassniki_url}" target="_blank"><img src="/templates/Default/images/social/odnoklassniki.gif" /></a>[/odnoklassniki] [facebook]<a href="{facebook_url}" target="_blank"><img src="/templates/Default/images/social/facebook.gif" /></a>[/facebook] [mailru]<a href="{mailru_url}" target="_blank"><img src="/templates/Default/images/social/mailru.gif" /></a>[/mailru] [yandex]<a href="{yandex_url}" target="_blank"><img src="/templates/Default/images/social/yandex.gif" /></a>[/yandex] [google]<a href="{google_url}" target="_blank"><img src="/templates/Default/images/social/google.gif" /></a>[/google] </div></li>

5. Abre el archivo poll.tpl y busca:

doPoll('vote'); return false;

Reemplázalo por:

doPoll('vote', '{news-id}'); return false;

Más adelante, en el mismo archivo, busca:

doPoll('results'); return false;

Reemplázalo por:

doPoll('results', '{news-id}'); return false;

6. Abre el archivo userinfo.tpl y busca:

<tr> <td class="label">Avatar:</td> <td>Subir desde el equipo: <input type="file" name="image" class="f_input" /><br /><br /> Servicio <a href="http://www.gravatar.com/" target="_blank">Gravatar</a>: <input type="text" name="gravatar" value="{gravatar}" class="f_input" /> (Indica el correo electrónico utilizado en este servicio) <br /><br /><div class="checkbox"><input type="checkbox" name="del_foto" id="del_foto" value="yes" /> <label for="del_foto">Eliminar avatar</label></div> </td> </tr>

Agrega debajo:

<tr> <td class="label">Zona horaria:</td> <td>{timezones}</td> </tr>

1. Abre el archivo frame.css y busca:

.progressbar { overflow: hidden; height: 15px; margin-top: 5px; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(top, #f5f5f5, #f9f9f9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .progressbar span { color: #ffffff; text-align: center; text-indent: -2000em; height: 15px; display: block; overflow: hidden; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #dd514c; background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(top, #ee5f5b, #c43c35); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0); }

Reemplázalo por:

.progress { overflow:hidden; margin-top:10px; margin-bottom:10px; background-color:whitesmoke; height:10px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; border-radius:8px; background:#eee; -webkit-box-shadow:0 1px 0 white, 0 0px 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.2) inset; box-shadow:0 1px 0 white, 0 0px 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.2) inset; } .progress .progress-bar { float:left; width:0%; font-size:12px; line-height:20px; color:white; text-align:center; background-color:#428bca; -webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition:width 0.6s ease; transition:width 0.6s ease; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; border-radius:8px; -webkit-box-shadow:none; box-shadow:none; height:8px; } .progress-bar span{ position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); border:0; } .progress-blue { background-image:-webkit-gradient(linear, left 0%, left 100%, from(#9bcff5), to(#6db9f0)); background-image:-webkit-linear-gradient(top, #9bcff5, 0%, #6db9f0, 100%); background-image:-moz-linear-gradient(top, #9bcff5 0%, #6db9f0 100%); background-image:linear-gradient(to bottom, #9bcff5 0%, #6db9f0 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9BCFF5', endColorstr='#FF6DB9F0', GradientType=0); border:1px solid #55aeee; }

1. Abre el archivo style/engine.css y agrega al final:

/*---Publicaciones similares encontradas al agregar publicaciones en el sitio---*/ .findrelated { width:99%; background: #ffc;border:1px solid #9E9E9E; padding: 5px;margin-top: 7px; margin-right: 10px; }

2. Abre el archivo frame.css y busca:

.qq-upload-spinner {display:inline-block; background: url("images/loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}

Reemplázalo por:

.qq-upload-spinner {display:none; background: url("images/loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}

Más adelante, al final del mismo archivo, agrega:

.progressbar { overflow: hidden; height: 15px; margin-top: 5px; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(top, #f5f5f5, #f9f9f9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .progressbar span { color: #ffffff; text-align: center; text-indent: -2000em; height: 15px; display: block; overflow: hidden; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #dd514c; background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(top, #ee5f5b, #c43c35); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0); }

3. Abre el archivo addnews.tpl y busca:

<input type="text" name="title" value="{title}" maxlength="150" class="f_input" />

Reemplázalo por:

<input type="text" id="title" name="title" value="{title}" maxlength="150" class="f_input" />&nbsp;<input class="bbcodes" style="height: 22px; font-size: 11px;" title="Buscar publicaciones similares" onclick="find_relates(); return false;" type="button" value="Buscar similares" /><span id="related_news"></span>

4. Abre el archivo comments.tpl y busca:

 <li>Comentarios: {comm-num}</li> <li>Publicaciones: {news-num}</li>

Reemplázalo por:

 <li>[declination={comm-num}]comentario||s|s[/declination]</li> <li>[declination={news-num}]publicaci|ón|ones|ones[/declination]</li>

5. Abre el archivo pm.tpl y busca:

 <li>Comentarios: {comm-num}</li> <li>Publicaciones: {news-num}</li>

Reemplázalo por:

 <li>Estado: [online]<img src="/templates/Default/images/online.png" style="vertical-align: middle;" title="Usuario en línea" alt="Usuario en línea" />[/online][offline]<img src="/templates/Default/images/offline.png" style="vertical-align: middle;" title="Usuario desconectado" alt="Usuario desconectado" />[/offline]</li> <li>[declination={comm-num}]comentario||s|s[/declination]</li> <li>[declination={news-num}]publicaci|ón|ones|ones[/declination]</li>

6. Abre el archivo searchresult.tpl y reemplaza todo su contenido por:

[searchposts] [fullresult] <div class="base shortstory"> <div class="dpad"> <h3 class="btl">[full-link]{title}[/full-link]</h3> <div class="bhinfo"> [not-group=5] <ul class="isicons reset"> <li>[edit]<img src="/templates/Default/dleimages/editstore.png" title="Editar" alt="Editar" />[/edit]</li> <li>{favorites}</li> </ul> [/not-group] <span class="baseinfo radial"> Autor: {author} el [day-news]{date}[/day-news] </span> [rating]<div class="ratebox"><div class="rate">{rating}</div></div>[/rating] </div> <div class="maincont"> {short-story} <div class="clr"></div> [edit-date]<p class="editdate"><br /><i>Publicación editada por: <b>{editor}</b> - {edit-date} <br />[edit-reason]Motivo: {edit-reason}[/edit-reason]</i></p>[/edit-date] </div> </div> <div class="mlink"> <span class="argmore">[full-link]<b>Leer más</b>[/full-link]</span> <span class="argviews"><span title="Vistas: {views}"><b>{views}</b></span></span> <span class="argcoms">[com-link]<span title="Comentarios: {comments-num}"><b>{comments-num}</b></span>[/com-link]</span> <div class="mlarrow">&nbsp;</div> <p class="lcol argcat">Categoría: {link-category}</p> </div> </div> [/fullresult] [shortresult] <div class="dpad searchitem"> <h3>[full-link]{title}[/full-link]</h3> <b>[day-news]{date}[/day-news]</b> | {link-category} | Autor: {author} </div> [/shortresult] [/searchposts] [searchcomments] [fullresult] <div class="bcomment"> <div class="dtop"> <div class="lcol"><span><img src="{foto}" alt=""/></span></div> <div class="rcol"> <span class="reply">[fast]<b>Citar</b>[/fast]</span> <ul class="reset"> <li><h4>{author}</h4></li> <li>{date}</li> </ul> <ul class="cmsep reset"> <li>Grupo: {group-name}</li> <li>ICQ: {icq}</li> </ul> </div> <div class="clr"></div> </div> <div class="cominfo"><div class="dpad"> [not-group=5] <div class="comedit"> <div class="selectmass">{mass-action}</div> <ul class="reset"> <li>[spam]Spam[/spam]</li> <li>[complaint]Reportar[/complaint]</li> <li>[com-edit]Editar[/com-edit]</li> <li>[com-del]Eliminar[/com-del]</li> </ul> </div> [/not-group] <ul class="cominfo reset"> <li>Registro: {registration}</li> <li>Estado: [online]<img src="/templates/Default/images/online.png" style="vertical-align: middle;" title="Usuario en línea" alt="Usuario en línea" />[/online][offline]<img src="/templates/Default/images/offline.png" style="vertical-align: middle;" title="Usuario desconectado" alt="Usuario desconectado" />[/offline]</li> <li>[declination={comm-num}]comentario||s|s[/declination]</li> <li>[declination={news-num}]publicaci|ón|ones|ones[/declination]</li> </ul> </div> <span class="thide">^</span> </div> <div class="dcont"> <h3 style="margin-bottom: 0.4em;">{news_title}</h3> {comment} [signature]<br clear="all" /><div class="signature">--------------------</div><div class="slink">{signature}</div>[/signature] <div class="clr"></div> </div> </div> [/fullresult] [shortresult] <div class="dpad searchitem"> <h3 style="margin-bottom: 0.4em;">{news_title}</h3> <b>{date}</b> | Autor: {author} </div> [/shortresult] [/searchcomments]

7. Crea el nuevo archivo de plantilla splitnewsnavigation.tpl con el siguiente contenido:

<div class="dpad basenavi ignore-select"> <div class="bnnavi"> <div class="navigation">{pages}</div> <div class="nextprev"> [prev-link]<span class="thide pprev">Anterior</span>[/prev-link] [next-link]<span class="thide pnext">Siguiente</span>[/next-link] </div> </div> </div>

1. Abre el archivo addnews.tpl y busca:

 <tr> <td class="label"> Categoría:<span class="impot">*</span> </td> <td>{category}</td> </tr>

Agrega debajo:

 <tr> <td class="label">&nbsp;</td> <td><a href="#" onclick="$('.addvote').toggle();return false;">Agregar encuesta</a></td> </tr> <tr class="addvote" style="display:none;" > <td class="label">Título de la encuesta:</td> <td><input type="text" name="vote_title" value="{votetitle}" maxlength="150" class="f_input" /></td> </tr> <tr class="addvote" style="display:none;" > <td class="label">Pregunta:</td> <td><input type="text" name="frage" value="{frage}" maxlength="150" class="f_input" /></td> </tr> <tr class="addvote" style="display:none;" > <td class="label">Opciones de respuesta:<br /><br />Cada línea nueva corresponde a una opción de respuesta</td> <td><textarea name="vote_body" rows="10" class="f_textarea" >{votebody}</textarea><br /><input type="checkbox" name="allow_m_vote" value="1" {allowmvote}> Permitir seleccionar varias opciones</td> </tr>

1. Copia closemarker.png, marker.png social-icons.png desde /templates/Default/dleimages/ de la plantilla estándar a la carpeta equivalente de tu plantilla.

2. Abre el archivo style/engine.css, busca y elimina:

.editor textarea { font-family: Verdana; word-spacing: 0.1em; letter-spacing: 0; line-height: 1.5em; font-size: 11px; color:#000; background: #fff url("../images/fields.png") repeat-x; border: 0 none; } .editor input[type="text"] { padding: 2px; background: #fff url("../images/fields.png") repeat-x; border: 1px solid #bcc0c2; } .editor_button { float: left; cursor: pointer; padding-left: 0; padding-right: 0; } .editor_buttoncl { float: left; cursor: pointer; padding-left: 1px; padding-right: 1px; border-left: 1px solid #bbb; border-right: 1px solid #bbb; } .editbclose { float: right; cursor: pointer; display: none; } .editor_button select { font-size: 11px; } .editor_button img { margin: 0; padding: 0; } .editbclose img { margin: 0; padding: 0; } .editor_button_brk img { margin: 0; padding: 0; }

Más adelante, en el mismo archivo, busca:

.xfields textarea, .xprofile textarea { width: 98%; height: 186px; margin: 0px 1px 0px 0px; padding: 0px; }

Reemplázalo por:

.xfields textarea, .xprofile textarea { height: 186px; margin: 0px 1px 0px 0px; padding: 0px; }

Más adelante, al final del mismo archivo, agrega:

/*---Editor BB---*/ .bb-pane { height: 1%; overflow: hidden; border: 1px solid #BBB; background-image: url("../bbcodes/bg.gif"); } .bb-btn, .bb-sep { height: 25px; float: left; display: block; overflow: hidden; text-indent: -9999px; white-space: nowrap; } .bb-sel { float: left; padding: 4px 2px 0 2px; } .bb-sel select { font-size: 11px; } .bb-sep { width: 5px; background-image: url("../bbcodes/brkspace.gif"); } .bb-btn { cursor: pointer; width: 23px; } #b_font { width: 118px;} #b_size { width: 65px;} #b_font select { padding: 0px;} #b_size select { padding: 0px;} #b_b { background-image: url("../bbcodes/b.gif"); } #b_i { background-image: url("../bbcodes/i.gif"); } #b_u { background-image: url("../bbcodes/u.gif"); } #b_s { background-image: url("../bbcodes/s.gif"); } #b_img { background-image: url("../bbcodes/image.gif"); } #b_up { background-image: url("../bbcodes/upload.gif"); } #b_emo { background-image: url("../bbcodes/emo.gif"); } #b_url { background-image: url("../bbcodes/link.gif"); } #b_leech { background-image: url("../bbcodes/leech.gif"); } #b_mail { background-image: url("../bbcodes/email.gif"); } #b_video { background-image: url("../bbcodes/mp.gif"); } #b_audio { background-image: url("../bbcodes/mp3.gif"); } #b_hide { background-image: url("../bbcodes/hide.gif"); } #b_quote { background-image: url("../bbcodes/quote.gif"); } #b_code { background-image: url("../bbcodes/code.gif"); } #b_left { background-image: url("../bbcodes/l.gif"); } #b_center { background-image: url("../bbcodes/c.gif"); } #b_right { background-image: url("../bbcodes/r.gif"); } #b_color { background-image: url("../bbcodes/color.gif"); } #b_spoiler { background-image: url("../bbcodes/spoiler.gif"); } #b_fla { background-image: url("../bbcodes/flash.gif"); } #b_yt { background-image: url("../bbcodes/youtube.gif"); } #b_tf { background-image: url("../bbcodes/typograf.gif"); } #b_list { background-image: url("../bbcodes/list.gif"); } #b_ol { background-image: url("../bbcodes/ol.gif"); } #b_tnl { background-image: url("../bbcodes/translit.gif"); } #b_br { background-image: url("../bbcodes/pbreak.gif"); } #b_pl { background-image: url("../bbcodes/page.gif"); } .bb-editor textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2px; border: 1px solid #bcc0c2; width: 100%; background: #fff url("../images/fields.png") repeat-x; } .editorcomm .bb-editor { width: 465px;} .editorcomm .bb-editor textarea { height: 156px; } .clr { clear: both; } /*---Selección de texto y ventana emergente para compartir enlace---*/ #marker-bar, #txtselect_marker { display: block; visibility: hidden; position: absolute; z-index: 1200; opacity: 0; -webkit-transition: opacity .4s, visibility .1s linear .4s; -moz-transition: opacity .4s, visibility .1s linear .4s; -o-transition: opacity .4s, visibility .1s linear .4s; transition: opacity .4s, visibility .1s linear .4s; } #txtselect_marker { cursor: pointer; background:url(../dleimages/marker.png) -0px -0px no-repeat; } #txtselect_marker:hover { background-position: -0px -32px; } #marker-bar{ border: 1px solid #ccc; border-radius: 15px; background: #fff; padding: 5px 10px; cursor: default; box-shadow: 0px 0px 4px #ccc; } #marker-bar.show { -webkit-transition: opacity .4s, visibility 0s; -moz-transition: opacity .4s, visibility 0s; -o-transition: opacity .4s, visibility 0s; transition: opacity .4s, visibility 0s; opacity: 1; visibility: visible; } #txtselect_marker.show { /* XXX make a common css fadeIn/fadeOut classes */ visibility: visible; width: 32px; height: 32px; -webkit-transition: opacity .4s, visibility 0s; -moz-transition: opacity .4s, visibility 0s; -o-transition: opacity .4s, visibility 0s; transition: opacity .4s, visibility 0s; opacity: 1; } #marker-bar .masha-social, #marker-bar .masha-marker{ cursor: pointer; display: block; margin: 0 5px; float: left; } #marker-bar .masha-marker{ line-height: 1em; color: #aaa; border-bottom: 1px dotted #aaa; margin-right: 10px; } #marker-bar .masha-marker:hover { color: #ea3e26; border-color: #ea3e26; } .user_selection, .user_selection_true { background: #c4f47d; padding: 2px 0; } .user_selection a.txtsel_close, .user_selection_true a.txtsel_close { display:none; } .user_selection .closewrap, .user_selection_true .closewrap { position: relative; } .user_selection.hover a.txtsel_close, .user_selection_true.hover a.txtsel_close { display: inline-block; position: absolute; top: -7px; left: -5px; width: 33px; height: 33px; background: url(../dleimages/closemarker.png) -0px -0px no-repeat; } .user_selection.hover a.txtsel_close:hover, .user_selection_true.hover a.txtsel_close:hover { background-position: -0px -33px; } #share-popup { background: #fff; border: 1px solid #aaa; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,0.5); position: absolute; width: 414px; display:none; z-index: 100; padding: 10px 0; opacity: 0; -webkit-transition: opacity .4s, visibility .1s linear .4s; -moz-transition: opacity .4s, visibility .1s linear .4s; -o-transition: opacity .4s, visibility .1s linear .4s; transition: opacity .4s, visibility .1s linear .4s; } #share-popup.show { display:block; opacity: 1; -webkit-transition: opacity .4s, visibility 0s; -moz-transition: opacity .4s, visibility 0s; -o-transition: opacity .4s, visibility 0s; transition: opacity .4s, visibility 0s; opacity: 1; } #share-popup .social { padding: 0 0 10px 17px; height: 40px; } #share-popup .social p { padding-bottom: 10px; margin: 0; font-weight: bold; } #share-popup .social ul { list-style: none; margin: 0; padding: 0; } #share-popup .social ul li { float: left; margin-right: 20px; padding-top: 2px; position: relative; } #share-popup .social ul a { text-decoration: none; font-size: 11px; display: inline-block; color: #aaa; padding-left: 25px; } #share-popup .social ul a:hover { text-decoration: underline; color: #ea3e26; } #share-popup .social a span{ cursor: pointer; width: 20px; height: 20px; background: url(../dleimages/social-icons.png) 20px 20px no-repeat; position: absolute; left: 0; top: 0; } #share-popup .social .tw span{ background-position: 0 -20px; } #share-popup .social .tw:hover span{ background-position: 0 0; } #share-popup .social .fb span{ background-position: -20px -20px; } #share-popup .social .fb:hover span { background-position: -20px 0; } #share-popup .social .vk span{ background-position: -40px -20px; } #share-popup .social .vk:hover span { background-position: -40px 0; } #share-popup .social .gp span{ background-position: -60px -20px; } #share-popup .social .gp:hover span { background-position: -60px 0; } #share-popup .link { clear: both; border-top: 1px solid #d9d9d9; padding: 10px 5px 0 10px; line-height: 1.2; overflow: hidden; margin: 0 7px; } #share-popup .link p { font-weight: bold; padding: 0 0 3px 0; margin: 0; } #share-popup .link span { color: #999; font-size: 10px; display: block; padding-top: 3px; } #share-popup .link a { display: block; }

3. Abre el archivo addnews.tpl y busca:

 <tr> <td colspan="2"> <b>Contenido corto: <span class="impot">*</span></b> (Obligatorio) <div> [not-wysywyg] <div>{bbcode}</div> <textarea name="short_story" id="short_story" onfocus="setFieldName(this.name)" style="width:98%;" rows="15" class="f_textarea" >{short-story}</textarea> [/not-wysywyg] {shortarea} </div> </td> </tr> <tr> <td colspan="2"> <b>Contenido completo:</b> (Opcional) <div> [not-wysywyg] <div>{bbcode}</div> <textarea name="full_story" id="full_story" onfocus="setFieldName(this.name)" style="width:98%;" rows="20" class="f_textarea" >{full-story}</textarea> [/not-wysywyg] {fullarea} </div> </td> </tr>

Reemplázalo por:

 <tr> <td colspan="2"> <b>Contenido corto: <span class="impot">*</span></b> (Obligatorio) [not-wysywyg] <div class="bb-editor"> {bbcode} <textarea name="short_story" id="short_story" onfocus="setFieldName(this.name)" rows="15" class="f_textarea" >{short-story}</textarea> </div> [/not-wysywyg] {shortarea} </td> </tr> <tr> <td colspan="2"> <b>Contenido completo:</b> (Opcional) [not-wysywyg] <div class="bb-editor"> {bbcode} <textarea name="full_story" id="full_story" onfocus="setFieldName(this.name)" rows="20" class="f_textarea" >{full-story}</textarea> </div> [/not-wysywyg] {fullarea} </td> </tr>

4. Abre el archivo comments.tpl y busca:

 <ul class="reset"> <li>[complaint]Reportar[/complaint]</li> <li>[com-edit]Editar[/com-edit]</li> <li>[com-del]Eliminar[/com-del]</li> </ul>

Reemplázalo por:

 <ul class="reset"> <li>[spam]Spam[/spam]</li> <li>[complaint]Reportar[/complaint]</li> <li>[com-edit]Editar[/com-edit]</li> <li>[com-del]Eliminar[/com-del]</li> </ul>

5. Abre el archivo fullstory.tpl y busca:

 <h3 class="btl">{title}</h3>

Reemplázalo por:

 <h3 class="btl"><span id="news-title">{title}</span></h3>

6. Abre el archivo static.tpl y busca:

 <h2 class="heading">{description}</h2>

Reemplázalo por:

 <h2 class="heading"><span id="news-title">{description}</span></h2>

7. Abre el archivo userinfo.tpl y busca:

 <tr> <td class="label">Avatar:</td> <td> <input type="file" name="image" class="f_input" /><br /> <div class="checkbox"><input type="checkbox" name="del_foto" id="del_foto" value="yes" /> <label for="del_foto">Eliminar fotografía</label></div> </td> </tr>

Reemplázalo por:

 <tr> <td class="label">Avatar:</td> <td>Subir desde el equipo: <input type="file" name="image" class="f_input" /><br /><br /> Servicio <a href="http://www.gravatar.com/" target="_blank">Gravatar</a>: <input type="text" name="gravatar" value="{gravatar}" class="f_input" /> (Indica el correo electrónico utilizado en este servicio) <br /><br /><div class="checkbox"><input type="checkbox" name="del_foto" id="del_foto" value="yes" /> <label for="del_foto">Eliminar avatar</label></div> </td> </tr>

8. Abre el archivo navigation.tpl y busca:

<br /><div class="dpad basenavi">

Reemplázalo por:

<br /><div class="dpad basenavi ignore-select">

1. Copia el archivo de imagen /templates/Default/dleimages/noavatar.png desde la plantilla estándar a la carpeta correspondiente de tu plantilla.

2. Abre el archivo style/engine.css y agrega al final:

/*---Visualización de resultados de votación en el sitio---*/ .voteprogress { overflow: hidden; height: 15px; margin-bottom: 5px; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(top, #f5f5f5, #f9f9f9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .voteprogress span { color: #ffffff; text-align: center; text-indent: -2000em; height: 15px; display: block; overflow: hidden; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background: #0e90d2; background-image: -moz-linear-gradient(top, #149bdf, #0480be); background-image: -ms-linear-gradient(top, #149bdf, #0480be); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-linear-gradient(top, #149bdf, #0480be); background-image: -o-linear-gradient(top, #149bdf, #0480be); background-image: linear-gradient(top, #149bdf, #0480be); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0); } .voteprogress .vote2 { background-color: #dd514c; background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(top, #ee5f5b, #c43c35); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0); } .voteprogress .vote3 { background-color: #5eb95e; background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -ms-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(top, #62c462, #57a957); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0); } .voteprogress .vote4 { background-color: #4bb1cf; background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); background-image: -ms-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); background-image: linear-gradient(top, #5bc0de, #339bb9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0); } .voteprogress .vote5 { background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -ms-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(top, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0); } /*---Visualización de resultados de encuestas en publicaciones---*/ .pollprogress { overflow: hidden; height: 18px; margin-bottom: 5px; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(top, #f5f5f5, #f9f9f9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .pollprogress span { color: #ffffff; height: 18px; display: block; overflow: hidden; font-size: 12px; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background: #0e90d2; background-image: -moz-linear-gradient(top, #149bdf, #0480be); background-image: -ms-linear-gradient(top, #149bdf, #0480be); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-linear-gradient(top, #149bdf, #0480be); background-image: -o-linear-gradient(top, #149bdf, #0480be); background-image: linear-gradient(top, #149bdf, #0480be); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0); } .pollprogress .poll2 { background-color: #dd514c; background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(top, #ee5f5b, #c43c35); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0); } .pollprogress .poll3 { background-color: #5eb95e; background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -ms-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(top, #62c462, #57a957); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0); } .pollprogress .poll4 { background-color: #4bb1cf; background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); background-image: -ms-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); background-image: linear-gradient(top, #5bc0de, #339bb9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0); } .pollprogress .poll5 { background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -ms-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(top, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0); }

3. Abre el archivo feedback.tpl y busca:

 </tr>[/recaptcha]

Agrega debajo:

 [question] <tr> <td class="label"> Pregunta: </td> <td> <div>{question}</div> </td> </tr> <tr> <td class="label"> Respuesta:<span class="impot">*</span> </td> <td> <div><input type="text" name="question_answer" id="question_answer" class="f_input" /></div> </td> </tr> [/question]

4. Abre el archivo pm.tpl y busca:

 </tr> [/recaptcha]

Agrega debajo:

 [question] <tr> <td class="label"> Pregunta: </td> <td> <div>{question}</div> </td> </tr> <tr> <td class="label"> Respuesta:<span class="impot">*</span> </td> <td> <div><input type="text" name="question_answer" id="question_answer" class="f_input" /></div> </td> </tr> [/question]

5. Abre el archivo userinfo.tpl y busca:

 <span class="small">{edituser}</span>

Reemplázalo por:

 <span class="small">[not-logged] [ {edituser} ] [/not-logged]</span>

1. Copia el archivo de imagen /templates/Default/bbcodes/typograf.gif desde la plantilla estándar a la carpeta correspondiente de tu plantilla.

2. Copia los archivos button.png, loading.gif, offline.png, online.png, shadow.png, tableft.gif, tabright.gif desde /templates/Default/images/ de la plantilla estándar a la carpeta correspondiente de tu plantilla.

3. Abre el archivo style/engine.css y agrega al final:

/*---Barra de progreso de almacenamiento de mensajes privados---*/ .pm_progress_bar { border: 1px solid #d8d8d8; padding: 1px; margin-top: 10px; margin-bottom: 10px; } .pm_progress_bar span { background: #000000; font-size: 0em; text-indent: -2000em; height: 10px; display: block; overflow: hidden; }

4. Abre el archivo style/styles.css y agrega al final:

.pm_status { float:left; border: 1px solid #d8d8d8; padding: 0px; background-color: #fff; width: 280px; height: 100px; margin-left: 20px; margin-right: 5px; } .pm_status_head { border-bottom: 1px solid #d8d8d8; font-size: 0.9em; background: #fff url("../images/bbcodes.png") repeat-x 0 100%; height: 22px; padding: 0; font-weight: bold; text-align: center; color: #4e4e4e; } .pm_status_content { padding: 5px; }

5. Abre el archivo frame.css y busca:

html,body{ height:100%; margin:0px; padding: 0px; background: none; }

Reemplázalo por:

html,body{ font-size: 11px; font-family: verdana; height:100%; margin:0px; padding: 0px; background: none; } img { border:0px; } /*---Menú horizontal en la ventana de carga de archivos---*/ .tabs { font: bold 11px/1.5em Verdana; float:left; width:100%; background:change-background; line-height:normal; } .tabs ul { margin:0; padding:10px 10px 0 5px; list-style:none; } .tabs li { display:inline; margin:0; padding:0; } .tabs a { float:left; background:url("images/tableft.gif") no-repeat left top; margin:0; padding:0 0 0 7px; text-decoration:none; } .tabs a span { float:left; display:block; background:url("images/tabright.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#6B78A9; } .tabs a span {float:none;} .tabs a:hover span, .tabs a.current span { color:#6B78A9; } .tabs a:hover, .tabs a.current { background-position:0% -42px; } .tabs a:hover span, .tabs a.current span { background-position:100% -42px; } /*---Bloque de carga y archivos subidos---*/ .box { height: 300px; border:1px solid #B3B3B3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background:#fff url(images/shadow.png) repeat-x; overflow: auto; } .uploadedfile { width: 115px; height: 130px; margin: 10px 5px 5px 5px; border:1px solid #B3B3B3; box-shadow: 0px 1px 4px rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); float: left; text-align: center; background:#ffffff; } .uploadimage { margin-top: 5px; width: 115px; height: 90px; display: table-cell; text-align: center; vertical-align:middle; } .info { text-align: left; white-space: nowrap; margin: 0px 5px 0px 5px; overflow: hidden; } .button { padding:4px 10px 4px 10px; margin-left:2px; margin-top:5px; font: bold 11px/1.5em Verdana;color:#000000; background:#F9F9F9 url('images/button.png') repeat-x; border:1px solid #CACACA; cursor:pointer; } .properties { float: left; margin-top:8px; } .linkbox { margin-top:5px; padding:10px; border:1px solid #B3B3B3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background:#fff url(images/shadow.png) repeat-x; } #file-uploader { min-height: 50px; } #flash-uploader { min-height: 50px; } #stmode { padding:10px; } .file-box { width: 95%; border:1px solid #B3B3B3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #F5F5F5; padding: 10px; margin-top: 10px; } /*--- Cargador de archivos HTML5 ---*/ .qq-uploader { position:relative; width: 100%;} .qq-upload-button { display:block; /* or inline-block */ width: 310px; padding:4px 10px 4px 10px; margin-left:2px; margin-top:5px; font: bold 11px/1.5em Verdana;color:#000000; background:#F9F9F9 url('images/button.png') repeat-x; border:1px solid #CACACA; cursor:pointer; } .qq-upload-button-hover {outline:1px dotted black;} .qq-upload-button-focus {outline:1px dotted black;} .qq-upload-drop-area { position:absolute; top:0; left:0; width:100%; height:100%; min-height: 50px; z-index:2; background:#FF9797; text-align:center; } .qq-upload-drop-area span { display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px; } .qq-upload-drop-area-active {background:#FF7171;} .qq-upload-list {margin:0; padding:0; list-style:disc;} .qq-upload-list li { margin:0; padding:2px;} .qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text { margin-right: 7px; } .qq-upload-file {} .qq-upload-spinner {display:inline-block; background: url("images/loading.gif"); width:15px; height:15px; vertical-align:text-bottom;} .qq-upload-size,.qq-upload-cancel {font-size:11px;} .qq-upload-failed-text {display:none;} .qq-upload-fail .qq-upload-failed-text {display:inline;} /*---Cargador Flash de archivos---*/ .progressWrapper { width: 99%; overflow: hidden; } .progressContainer { margin: 5px; padding: 4px; border: solid 1px #B3B3B3; background-color: #F5F5F5; overflow: hidden; } /* Message */ .message { margin: 1em 0; padding: 10px 20px; border: solid 1px #FFDD99; background-color: #FFFFCC; overflow: hidden; } /* Error */ .red { border: solid 1px #B50000; background-color: #FFEBEB; } /* Current */ .green { border: solid 1px #B3B3B3; background-color: #F5F5F5; } /* Complete */ .blue { border: solid 1px #B3B3B3; background-color: #F5F5F5; } .progressName { font-size: 8pt; font-weight: 700; color: #555; width: 323px; height: 14px; text-align: left; white-space: nowrap; overflow: hidden; } .progressBarInProgress, .progressBarComplete, .progressBarError { font-size: 0; width: 0%; height: 2px; background-color: blue; margin-top: 2px; } .progressBarComplete { width: 100%; background-color: green; visibility: hidden; } .progressBarError { width: 100%; background-color: red; visibility: hidden; } .progressBarStatus { margin-top: 2px; width: 99%; font-size: 7pt; font-family: Arial; text-align: left; white-space: nowrap; } a.progressCancel { font-size: 0; display: block; height: 14px; width: 14px; background-image: url(../../engine/classes/uploads/swfupload/cancelbutton.gif); background-repeat: no-repeat; background-position: -14px 0px; float: right; } a.progressCancel:hover { background-position: 0px 0px; }

6. Abre el archivo comments.tpl y busca:

 <li>Registro: {registration}</li>

Agrega debajo:

 <li>Estado: [online]<img src="/templates/Default/images/online.png" style="vertical-align: middle;" title="Usuario en línea" alt="Usuario en línea" />[/online][offline]<img src="/templates/Default/images/offline.png" style="vertical-align: middle;" title="Usuario desconectado" alt="Usuario desconectado" />[/offline]</li>

7. Abre el archivo fullstory.tpl y busca:

 <div class="ratebox"><div class="rate">{rating}</div></div>

Reemplázalo por:

 [rating]<div class="ratebox"><div class="rate">{rating}</div></div>[/rating]

8. Abre el archivo pm.tpl y busca:

<div class="dpad">[inbox]Mensajes recibidos[/inbox] | [outbox]Mensajes enviados[/outbox] | [new_pm]Enviar mensaje[/new_pm]</div>

Reemplázalo por:

<div class="dpad"> <div class="pm_status"> <div class="pm_status_head">Estado de las carpetas</div> <div class="pm_status_content">Uso de mensajes privados: {pm-progress-bar} {proc-pm-limit}% del límite ({pm-limit} mensajes) </div> </div> <div style="padding-top:10px;">[inbox]Mensajes recibidos[/inbox]<br /><br /> [outbox]Mensajes enviados[/outbox]<br /><br /> [new_pm]Enviar mensaje[/new_pm]</div> </div><br /> <div class="clr"></div>

9. Abre el archivo profile_popup.tpl y busca:

 <li><span class="grey">Última visita:</span> <b>{lastdate}</b></li>

Reemplázalo por:

 <li><span class="grey">Última visita:</span> <b>{lastdate}</b>, <span class="grey">estado:</span> [online]<img src="/templates/Default/images/online.png" style="vertical-align: middle;" title="Usuario en línea" alt="Usuario en línea" />[/online][offline]<img src="/templates/Default/images/offline.png" style="vertical-align: middle;" title="Usuario desconectado" alt="Usuario desconectado" />[/offline]</li>

10. Abre el archivo shortstory.tpl y busca:

 <div class="ratebox"><div class="rate">{rating}</div></div>

Reemplázalo por:

 [rating]<div class="ratebox"><div class="rate">{rating}</div></div>[/rating]

11. Abre el archivo userinfo.tpl y busca:

 <li><span class="grey">Última visita:</span> <b>{lastdate}</b></li>

Agrega debajo:

 <li><span class="grey">Estado:</span> [online]<img src="/templates/Default/images/online.png" style="vertical-align: middle;" title="Usuario en línea" alt="Usuario en línea" />[/online][offline]<img src="/templates/Default/images/offline.png" style="vertical-align: middle;" title="Usuario desconectado" alt="Usuario desconectado" />[/offline]</li>

1. Copia el archivo de imagen /templates/Default/dleimages/no_image.jpg desde la plantilla estándar a la carpeta correspondiente de tu plantilla.

2. Copia los archivos print.tpl y static_print.tpl desde la carpeta compartida /templates/ a la carpeta de tu plantilla; por ejemplo, /templates/Default/.

3. Abre el archivo style/engine.css y agrega al final:

/*---Resaltado de código en la etiqueta [code]---*/ pre code { display: block; padding: 0.5em; background: #f9fafa; border: 1px solid #dce7e7; overflow:auto; white-space: pre; } pre .comment, pre .template_comment, pre .diff .header, pre .doctype, pre .lisp .string, pre .javadoc { color: #93a1a1; font-style: italic; } pre .keyword, pre .css .rule .keyword, pre .winutils, pre .javascript .title, pre .method, pre .addition, pre .css .tag, pre .lisp .title { color: #859900; } pre .number, pre .command, pre .string, pre .tag .value, pre .phpdoc, pre .tex .formula, pre .regexp, pre .hexcolor { color: #2aa198; } pre .title, pre .localvars, pre .function .title, pre .chunk, pre .decorator, pre .builtin, pre .built_in, pre .lisp .title, pre .identifier, pre .title .keymethods, pre .id { color: #268bd2; } pre .tag .title, pre .rules .property, pre .django .tag .keyword { font-weight: bold; } pre .attribute, pre .variable, pre .instancevar, pre .lisp .body, pre .smalltalk .number, pre .constant, pre .class .title, pre .parent, pre .haskell .label { color: #b58900; } pre .preprocessor, pre .pi, pre .shebang, pre .symbol, pre .diff .change, pre .special, pre .keymethods, pre .attr_selector, pre .important, pre .subst, pre .cdata { color: #cb4b16; } pre .deletion { color: #dc322f; } pre .tex .formula { background: #eee8d5; }

4. En la carpeta de tu plantilla, crea el archivo .htaccess con el siguiente contenido:

Order allow,deny Deny from all <FilesMatch "\.(css)$|^$"> Order deny,allow Allow from all </FilesMatch> 

5. En la carpeta de tu plantilla, crea el archivo frame.css con el siguiente contenido:

html,body{ height:100%; margin:0px; padding: 0px; background: none; } hr { color: #999; border: 0px none; border-top: dashed 1px #999; height: 1px; } input, select, textarea { outline:none; } form { margin:0px; padding: 0px; } table{ border:0px; } table td{ padding:0px; font-size: 11px; font-family: verdana; } a:active, a:visited, a:link { color: #4b719e; text-decoration:none; } a:hover { color: #4b719e; text-decoration: underline; } .navigation { color: #999898; font-size: 11px; font-family: tahoma; } .edit { border:1px solid #9E9E9E; color: #000000; font-size: 11px; font-family: Verdana; BACKGROUND-COLOR: #ffffff } select { color: #000000; font-size: 11px; font-family: Verdana; border:1px solid #9E9E9E; } textarea { border: #9E9E9E 1px solid; color: #000000; font-size: 11px; font-family: Verdana; background-color: #ffffff } #hintbox{ /*CSS for pop up hint box */ position:absolute; top: 0; background-color: lightyellow; width: 150px; /*Default width of hint.*/ padding: 3px; border:1px solid #787878; font:normal 11px Verdana; line-height:18px; z-index:100; border-right: 2px solid #787878; border-bottom: 2px solid #787878; visibility: hidden; } .hintanchor{ padding-left: 8px; } .xprofile textarea { width: 100%; height:90px; font-family:verdana; font-size:11px; border:1px solid #9E9E9E; } .xprofile input { width:250px; height:18px; font-family:verdana; font-size:11px; border:1px solid #9E9E9E; } .bk { background:#fff url(images/fields.png) repeat-x; }

6. Abre el archivo preview.css y agrega al final:

/*---Resaltado de texto en la etiqueta [code]---*/ pre code { display: block; padding: 0.5em; background: #f9fafa; border: 1px solid #dce7e7; overflow:auto; white-space: pre; } pre .comment, pre .template_comment, pre .diff .header, pre .doctype, pre .lisp .string, pre .javadoc { color: #93a1a1; font-style: italic; } pre .keyword, pre .css .rule .keyword, pre .winutils, pre .javascript .title, pre .method, pre .addition, pre .css .tag, pre .lisp .title { color: #859900; } pre .number, pre .command, pre .string, pre .tag .value, pre .phpdoc, pre .tex .formula, pre .regexp, pre .hexcolor { color: #2aa198; } pre .title, pre .localvars, pre .function .title, pre .chunk, pre .decorator, pre .builtin, pre .built_in, pre .lisp .title, pre .identifier, pre .title .keymethods, pre .id { color: #268bd2; } pre .tag .title, pre .rules .property, pre .django .tag .keyword { font-weight: bold; } pre .attribute, pre .variable, pre .instancevar, pre .lisp .body, pre .smalltalk .number, pre .constant, pre .class .title, pre .parent, pre .haskell .label { color: #b58900; } pre .preprocessor, pre .pi, pre .shebang, pre .symbol, pre .diff .change, pre .special, pre .keymethods, pre .attr_selector, pre .important, pre .subst, pre .cdata { color: #cb4b16; } pre .deletion { color: #dc322f; } pre .tex .formula { background: #eee8d5; }

7. Abre el archivo profile_popup.tpl y busca:

 <li><span class="grey">Publicaciones:</span> {news_num} [ {news} ] [rss]<img src="/templates/Default/images/rss.png" alt="rss" style="vertical-align: middle; margin-left: 5px;" />[/rss]</li> <li><span class="grey">Comentarios:</span> <b>{comm_num} [ {comments} ]</b></li>

Reemplázalo por:

 <li><span class="grey">Publicaciones:</span> {news-num} [ {news} ] [rss]<img src="/templates/Default/images/rss.png" alt="rss" style="vertical-align: middle; margin-left: 5px;" />[/rss]</li> <li><span class="grey">Comentarios:</span> <b>{comm-num} [ {comments} ]</b></li>

8. Abre el archivo userinfo.tpl y busca:

 <li><span class="grey">Número de publicaciones:</span> <b>{news_num}</b> [{news}][rss]<img src="/templates/Default/images/rss.png" alt="rss" style="vertical-align: middle; margin-left: 5px;" />[/rss]</li> <li><span class="grey">Número de comentarios:</span> <b>{comm_num}</b> [{comments}]</li>

Reemplázalo por:

 <li><span class="grey">Número de publicaciones:</span> <b>{news-num}</b> [{news}][rss]<img src="/templates/Default/images/rss.png" alt="rss" style="vertical-align: middle; margin-left: 5px;" />[/rss]</li> <li><span class="grey">Número de comentarios:</span> <b>{comm-num}</b> [{comments}]</li>

Fuente de referencia: documentación oficial de DataLife Engine sobre cambios de plantillas.