16 August 2015, 13:18
11
Pasos a seguir:
Como pueden ver al final de las hojas de estilo he creado la llamada avatarep.css, ya que el plugin no la creo o el tema instalado es uno reciente o sea que se instaló después del plugin.
La creamos manualmente con el nombre avatarep.css y agregamos el contenido manualmente:
Luego de agregar esto guardamos nuestro archivo.
Y visualizamos el foro de nuevo para acomodar bien las cosas.
Ahora buscaremos en este caso Caja del foro – Plantillas y elegimos de la lista la llamada forumbit_depth2_forum_lastpost:
Cambio todo el contenido de esa plantilla por este:
Ahoraa buscaremos en este caso Caja del foro – Plantillas y elegimos de la lista la llamada forumbit_depth2_forum:
Aquí cambiaremos los contenidos por:
Esa es la lista de foros, aquí acomodaremos esto en un solo cambio :D
Elegimos las plantillas Mostrar foro y ahi la que se llama forumdisplay_showthread
Cambiamos todo por esto:
En esa misma parte buscamos esta: forumdisplay_announcements_announcement
Cambiamos el contenido de todo por este:
Luego como los anuncios no se visualizan en MyBB 1.8.5 pero igual lo corrijen y en futuras releases será necesario.
Ahora las edicioes finales, ya estamos máas cerca :D
Búsqueda plantillas aquí editaremos lo último:
Plantilla: search_results_posts_post cambiar todo por
Plantilla: search_results_threads_thread cambiar todo por
Eso es todo, gracias….
P.D. Los contenidos de esta ventana se modifican en plantillas globales y elegimos avatarep_popup.
Desde allí modificamos lo contenidos de dicha ventana trayendo más datos o eliminando los que no se requieran.
Los textos de la ventana están en el archivo de idioma avatarep.lang.php
Y con eso sería todo lo relacionado a este maravilloso e increíble plugin creado con el afán de darle más visualización a sus foros.
La guia completa con imágenes y ediciones en caso de mostrarse distinto a lo que deseamos será adjuntada en formato pdf y sólo en idioma español de momento.
Los casos pueden variar, sin embargo con la guia con imagenes seguro que acomodan todo perfecto.
Saludos...
Esta guia la dejare como tema principal ya que me han preguntado muchas veces esto y es uno de los plugins maas utilizados y recomendados en el foro oficial, asi que mejor tengamos esto aqui que es uno de los plugins de nosotros, al igual haremos una guia en video y luego más guias alusivas a esto y más cosas, saludos...
- Obtener el archivo desde el enlace que dejaré adjunto al tema, actualmente está en github, sin embargo aqui dejaré el archivo referencia de esta guia.
- Activar el plugin.
- Ir a estilos y plantillaas y verificar que la hoja de estilo llamada avatarep.css existe y tiene contenido, cual, lo veremos en la guia.
- Acomodar las plantillas necesarias para una visuallización correcta.
- Ajustar la configuración al gusto.
- Editar lo necesario como hojas de estilo o la ventana de datos de la ventana emergente.
Como pueden ver al final de las hojas de estilo he creado la llamada avatarep.css, ya que el plugin no la creo o el tema instalado es uno reciente o sea que se instaló después del plugin.
La creamos manualmente con el nombre avatarep.css y agregamos el contenido manualmente:
Código: ( Seleccionar Todo )
/* POPUP MENU*/
.tavatar {
padding: 0px 10px;
text-align: center;
}
.tavatar img {
height: 80px;
width: 80px;
padding: 8px;
}
.avatarep_online {
border: 1px solid #008000;
box-shadow: 1px 1px 4px 2px rgba(14, 252, 14, 0.8);
border-radius: 5px;
opacity: 0.8;
}
.avatarep_offline{
border: 1px solid #FFA500;
box-shadow: 1px 1px 4px 2px rgba(252, 165, 14, 0.8);
border-radius: 5px;
opacity: 0.8;
}
.hr {
background-color:#089;
}
.trow_profile{
vertical-align: top;
padding-left: 9px;
width:340px;
color:#424242;
}
.trow_profile a{
color: #051517;
}
.trow_profile a:hover{
color: #e09c09;
}
.trow_uprofile{
min-height:175px;
line-height:1.2;
}
.trow_uname{
font-size:15px;
}
.trow_memprofile{
font-size:11px;
font-weight:bold;
}
.trow_status{
font-size: 11px;
}
.avatarep_img{
padding: 3px;
border: 1px solid #D8DFEA;
width: 40px;
height: 40px;
border-radius: 50%;
opacity: 0.9;
}
.avatarep_fs{
position: relative;
font-size: 12px;
}
.avatarep_fd{
margin-left: -5px;
margin-top: -40px;
position: relative;
float: left;
padding: 0 5px;
}
Luego de agregar esto guardamos nuestro archivo.
Y visualizamos el foro de nuevo para acomodar bien las cosas.
Ahora buscaremos en este caso Caja del foro – Plantillas y elegimos de la lista la llamada forumbit_depth2_forum_lastpost:
Cambio todo el contenido de esa plantilla por este:
Código: ( Seleccionar Todo )
<table border="0">
<tr>
<td width="20%" align="left" valign="middle"><span class="smalltext">{$lastpost_profilelink}</span></td>
<td width="80%" align="left" valign="top">
<span class="smalltext">
<a href="{$lastpost_link}" title="{$full_lastpost_subject}"><strong>{$lastpost_subject}</strong></a>
<br />{$lastpost_date} {$lastpost_time}</span>
</td>
</tr>
</table>
Ahoraa buscaremos en este caso Caja del foro – Plantillas y elegimos de la lista la llamada forumbit_depth2_forum:
Aquí cambiaremos los contenidos por:
Código: ( Seleccionar Todo )
<tr>
<td class="{$bgcolor}" align="center" width="5%"><span class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"></span></td>
<td class="{$bgcolor}" width="50%">
<strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$modlist}{$subforums}</div>
</td>
<td width="10%" class="{$bgcolor}" align="center" style="white-space: nowrap">{$threads}{$unapproved['unapproved_threads']}</td>
<td width="10%" class="{$bgcolor}" align="center" style="white-space: nowrap">{$posts}{$unapproved['unapproved_posts']}</td>
<td width="25%" class="{$bgcolor}" align="left" style="white-space: nowrap">{$lastpost}</td>
</tr>
Esa es la lista de foros, aquí acomodaremos esto en un solo cambio :D
Elegimos las plantillas Mostrar foro y ahi la que se llama forumdisplay_showthread
Cambiamos todo por esto:
Código: ( Seleccionar Todo )
<tr class="inline_row">
<td align="center" class="{$bgcolor}{$thread_type_class}" width="2%"><span class="thread_status {$folder}" title="{$folder_label}"> </span></td>
<td align="center" class="{$bgcolor}{$thread_type_class}" width="2%">{$avatarep_avatar['avatarep']}</td>
<td class="{$bgcolor}{$thread_type_class}">
{$attachment_count}
<div>
<span>{$icon}{$prefix} {$gotounread}{$thread['threadprefix']}<span class="{$inline_edit_class} {$new_class}" id="tid_{$inline_edit_tid}"><a href="{$thread['threadlink']}">{$thread['subject']}</a></span>{$thread['multipage']}</span>
<div class="author smalltext">{$thread['profilelink']}</div>
</div>
</td>
<td align="center" class="{$bgcolor}{$thread_type_class}"><a href="javascript:MyBB.whoPosted({$thread['tid']});">{$thread['replies']}</a>{$unapproved_posts}</td>
<td align="center" class="{$bgcolor}{$thread_type_class}">{$thread['views']}</td>
{$rating}
<td class="{$bgcolor}{$thread_type_class}" style="white-space: nowrap; text-align: left;">
<table border="0">
<tr>
<td>{$avatarep_lastpost['avatarep']}</td>
<td>
<span class="lastpost smalltext">{$lastpostdate} {$lastposttime}<br />
<a href="{$thread['lastpostlink']}">{$lang->lastpost}</a>: {$lastposterlink}</span>
</td>
</tr>
</table>
</td>
{$modbit}
</tr>
En esa misma parte buscamos esta: forumdisplay_announcements_announcement
Cambiamos el contenido de todo por este:
Código: ( Seleccionar Todo )
<tr>
<td align="center" class="{$bgcolor}" width="2%"><span class="thread_status {$folder}"> </span></td>
<td align="center" class="{$bgcolor}" width="2%">{$anno_avatar['avatarep']}</td>
<td class="{$bgcolor} forumdisplay_announcement">
<a href="{$announcement['announcementlink']}"{$new_class}>{$announcement['subject']}</a>
<div class="author smalltext">{$announcement['profilelink']}</div>
</td>
<td align="center" class="{$bgcolor} forumdisplay_announcement">-</td>
<td align="center" class="{$bgcolor} forumdisplay_announcement">-</td>
{$rating}
<td class="{$bgcolor} forumdisplay_announcement" style="white-space: nowrap; text-align: right"><span class="smalltext">{$postdate}</span></td>
{$modann}
</tr>
Luego como los anuncios no se visualizan en MyBB 1.8.5 pero igual lo corrijen y en futuras releases será necesario.
Ahora las edicioes finales, ya estamos máas cerca :D
Búsqueda plantillas aquí editaremos lo último:
Plantilla: search_results_posts_post cambiar todo por
Código: ( Seleccionar Todo )
<tr class="inline_row">
<td align="center" class="{$bgcolor}" width="2%"><span class="thread_status {$folder}"> </span>{$icon} </td>
<td align="center" class="{$bgcolor}" width="2%">{$avatarep_avatar['avatarep']}</td>
<td class="{$bgcolor}">
<span class="smalltext">
{$lang->post_thread} <a href="{$thread_url}{$highlight}">{$post['thread_subject']}</a><br />
{$lang->post_subject} <a href="{$post_url}{$highlight}#pid{$post['pid']}">{$post['subject']}</a>
</span><br />
<table width="100%"><tr><td><span class="smalltext"><em>{$prev}</em></span></td></tr></table>
</td>
<td align="center" class="{$bgcolor}">{$post['profilelink']}</td>
<td class="{$bgcolor}" >{$post['forumlink']}</td>
<td align="center" class="{$bgcolor}"><a href="javascript:MyBB.whoPosted({$post['tid']});">{$post['thread_replies']}</a></td>
<td align="center" class="{$bgcolor}">{$post['thread_views']}</td>
<td class="{$bgcolor}" style="white-space: nowrap; text-align: center;"><span class="smalltext">{$posted}</span></td>
{$inline_mod_checkbox}
</tr>
Plantilla: search_results_threads_thread cambiar todo por
Código: ( Seleccionar Todo )
<tr class="inline_row">
<td align="center" class="{$bgcolor}" width="2%"><span class="thread_status {$folder}" title="{$folder_label}"> </span></td>
<td align="center" class="{$bgcolor}" width="2%">{$avatarep_avatar['avatarep']}</td>
<td class="{$bgcolor}">
{$attachment_count}
<div>
<span>{$icon}{$prefix} {$gotounread}{$thread['threadprefix']}<a href="{$thread_link}{$highlight}" class="{$inline_edit_class} {$new_class}" id="tid_{$inline_edit_tid}">{$thread['subject']}</a>{$thread['multipage']}</span>
<div class="author smalltext">{$thread['profilelink']}</div>
</div>
</td>
<td class="{$bgcolor}">{$thread['forumlink']}</td>
<td align="center" class="{$bgcolor}"><a href="javascript:MyBB.whoPosted({$thread['tid']});">{$thread['replies']}</a></td>
<td align="center" class="{$bgcolor}">{$thread['views']}</td>
<td class="{$bgcolor}" style="white-space: nowrap">
<table border"0">
<tr>
<td width="2%">
{$avatarep_lastpost['avatarep']}
</td>
<td>
<span class="smalltext">
{$lastpostdate}<br />
<a href="{$thread['lastpostlink']}">{$lang->lastpost}</a>: {$lastposterlink}
</span>
</td>
</tr>
</table>
</td>
{$inline_mod_checkbox}
</tr>
Eso es todo, gracias….
P.D. Los contenidos de esta ventana se modifican en plantillas globales y elegimos avatarep_popup.
Desde allí modificamos lo contenidos de dicha ventana trayendo más datos o eliminando los que no se requieran.
Los textos de la ventana están en el archivo de idioma avatarep.lang.php
Y con eso sería todo lo relacionado a este maravilloso e increíble plugin creado con el afán de darle más visualización a sus foros.
La guia completa con imágenes y ediciones en caso de mostrarse distinto a lo que deseamos será adjuntada en formato pdf y sólo en idioma español de momento.
Los casos pueden variar, sin embargo con la guia con imagenes seguro que acomodan todo perfecto.
Saludos...
Esta guia la dejare como tema principal ya que me han preguntado muchas veces esto y es uno de los plugins maas utilizados y recomendados en el foro oficial, asi que mejor tengamos esto aqui que es uno de los plugins de nosotros, al igual haremos una guia en video y luego más guias alusivas a esto y más cosas, saludos...
Última modificación: 16 August 2015, 13:19 por Whiteneo.