10 February 2017, 06:27
0
Les traigo esta modificación a mi plugin de avatares para que los que desarrollan temas, o cualquier cosa que tenga que ver con los foros mybb puedan extender con este plugin al darle un funcionamiento adecuado para que se mire mas agradable la vista de sus desarrollos.
Bueno la idea es que ustedes puedan usarlo al gusto y den su toque pesonalizado y una vez que tengan todo terminado bastará con exportar su tema y agregar los archivos del plugin a su contenido y listo ya cuando tengan el tema instalado deberán instalar el plugin el cual no hará sino instalar los ajustes, la cache y las plantillas, pero todo el estilo y los cambios no se verán afectados.
Sin embargo deberá agregar manualmente los avatares a cada plantilla a su gusto y la hoja de estilo, yo les dejaré la base que uso aqui mismo y ya ustedes se encargarán de acomodarlo a su gusto, asi como las referencias de donde va la cosa.
Ok el archivo va adjunto y lo pueden descargar que es el funcional con todas las versiones de mybb hasta el día de hoy, incluidas las 1.6.x pero en estas deberán desactivar el modal, porque requiere jquery o deberán agregar la librería manualmente y el noConflict como era antes, pero esas versiones ya están descontinuadas y no hay soporte por ende ya casi nadie las usa.
Pero desde las versiones beta 1.7.x y todas las 1.8.x hasta 1.8.10 funciona bien el plugin en todos los aspectos y es 100% configurable.
Ahora esto es lo que ustedes van a usar:
Hoja de estilo:
Luego de esto deben saber que estas son las variables y las platillas donde se usan:
Y ya con eso lo acomodarán al gusto y al final lo agregan a su proyecto y el usuario no tendrá más que instalar su tema y acto seguido el plugin y este ya cargará automáticamente sus preferencias...
Les recuerdo que el código preformteado es el que ya trae la imagen y el avatar asi como el modal, pero si no les agrada o deshabilitan el modal o pueden usar el codigo de la ruta de la imagen como normlmente en las etiquetas img al gusto y listo !!!!
Bueno es todo desde hace mucho lo iba a compartir, pero creo que es mejor hacerlo ahora .
Bueno la idea es que ustedes puedan usarlo al gusto y den su toque pesonalizado y una vez que tengan todo terminado bastará con exportar su tema y agregar los archivos del plugin a su contenido y listo ya cuando tengan el tema instalado deberán instalar el plugin el cual no hará sino instalar los ajustes, la cache y las plantillas, pero todo el estilo y los cambios no se verán afectados.
Sin embargo deberá agregar manualmente los avatares a cada plantilla a su gusto y la hoja de estilo, yo les dejaré la base que uso aqui mismo y ya ustedes se encargarán de acomodarlo a su gusto, asi como las referencias de donde va la cosa.
Ok el archivo va adjunto y lo pueden descargar que es el funcional con todas las versiones de mybb hasta el día de hoy, incluidas las 1.6.x pero en estas deberán desactivar el modal, porque requiere jquery o deberán agregar la librería manualmente y el noConflict como era antes, pero esas versiones ya están descontinuadas y no hay soporte por ende ya casi nadie las usa.
Pero desde las versiones beta 1.7.x y todas las 1.8.x hasta 1.8.10 funciona bien el plugin en todos los aspectos y es 100% configurable.
Ahora esto es lo que ustedes van a usar:
Hoja de estilo:
Código: ( Seleccionar Todo )
// Avatars Menu //
.modal_avatar{
display: none;
width: auto;
height: auto;
background: #f0f0f0;
border: none;
border-radius: 10px;
position: absolute;
z-index: 99999;
}
.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: 44px;
height: 44px;
border-radius: 4px;
opacity: 0.9;
margin: 0px 5px 0px 2px;
}
Luego de esto deben saber que estas son las variables y las platillas donde se usan:
Código: ( Seleccionar Todo )
Lista de los foros:
$forum['avatar'] - Ruta de la imagen
$forum['avatarep'] - Código preformateado
Anuncios:
$anno_avatar['avatar'] - Ruta de la imagen
$anno_avatar['avatarep'] - Código preformateado
Temas:
$avatarep_avatar['avatar'] - creador del tema (Ruta de la imagen)
$avatarep_lastpost['avatar'] - ultimo envío (Ruta de la imagen)
$avatarep_avatar['avatar'] - creador del tema (Código preformateado)
$avatarep_lastpost['avatar'] - ultimo envío (Código preformateado)
Foros:
$forum['avatarep_lastpost']['avatar'] - Ruta de la imagen
$forum['avatarep_lastpost']['avatarep'] - Código preformateado
Ventana desplegable (Menú al dar clic en el avatar):
$memprofile['avatar'] - Ruta de la imagen
$memprofile['avatarep'] - Código preformateado
Mostrar Tema:
$avatarep['avatar'] - plugin SEO
Mensajería Privada:
private_messagebit
<avatareplt_start[{$message['pmid']}]><avatarep[{$tofromuid}]['avatar']><avatareplt_end[{$message['pmid']}]>
private_tracking_readmessage
<avatareplt_start[{$readmessage['pmid']}]><avatarep[{$readmessage['toid']}]['avatar']><avatareplt_end[{$readmessage['pmid']}]>
private_tracking_unreadmessage
<avatareplt_start[{$unreadmessage['pmid']}]><avatarep[{$unreadmessage['toid']}]['avatar']><avatareplt_end[{$unreadmessage['pmid']}]>
portal_latestthreads_thread
<avatarep[{$thread['lastposteruid']}]['avatar']>
Y ya con eso lo acomodarán al gusto y al final lo agregan a su proyecto y el usuario no tendrá más que instalar su tema y acto seguido el plugin y este ya cargará automáticamente sus preferencias...
Les recuerdo que el código preformteado es el que ya trae la imagen y el avatar asi como el modal, pero si no les agrada o deshabilitan el modal o pueden usar el codigo de la ruta de la imagen como normlmente en las etiquetas img al gusto y listo !!!!
Bueno es todo desde hace mucho lo iba a compartir, pero creo que es mejor hacerlo ahora .
Última modificación: 18 March 2017, 01:32 por Whiteneo.