Staff en línea
Últimos temas
![[html] Avatar en los últimos temas (widget) - Página 3 Origin10](https://7img.net/users/3214/29/54/58/avatars/gallery/origin10.png)
[html] cambia el popup de notificación de mensaje privado por uno profesionalJue Nov 28, 2019 7:09 am
Última edición por Chalo el Jue Ago 20, 2015 11:18 pm, editado 1 vez
Recuerdo del primer mensaje :
[codebox]Ejemplo:
![[html] Avatar en los últimos temas (widget) - Página 3 Captur19](https://i.servimg.com/u/f38/18/99/60/36/captur19.png)
[hidecode]
El último paso es crear un javascript y ponerlo en "Todas las paginas":
Nota: Si colocan el JS dentro de la plantilla es probable que el efecto no sea el deseado.
[codebox]Ejemplo:
- Primero vamos a la pestaña visualización
Luego a templetes.
Buscamos la casilla Portal.
Seleccionamos mod_recent_topics.
Sustituimos todo el contenido por:
[hidecode]
- Código:
<style>
.recent_space {
border-bottom: 1px solid #F3F3F3;
margin: -5px;
}
.avt-r {
float: left;
}
.avt-r img {
width: 30px;
height: 30px;
margin: 3px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.avt-r img:hover {
border-color: #a1a1a1;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
</style>
<!-- BEGIN scrolling_row -->
<div class="module main">
<div class="main-head"><div class="h3">{L_RECENT_TOPICS}</div></div>
<div class="main-content" id="comments_scroll_div">
<!-- BEGIN recent_topic_row -->
<div class="avt_recent">
<div class="recent_space">
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}</a><br />
<img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}
<!-- BEGIN switch_poster -->
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
<!-- END switch_poster -->
<!-- BEGIN switch_poster_guest -->
{scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
<!-- END switch_poster_guest -->
<!--
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_POSTER}">{scrolling_row.recent_topic_row.S_POSTER}</a><br /><br />
-->
</div>
</div>
<!-- END recent_topic_row -->
</div>
</div>
<script type="text/javascript">
//<![CDATA[
$(function(){
div_marquee('comments_scroll_div', 'comments_scroll_container', '{SCROLL_WAY}', '{SCROLL_STEP}', '{SCROLL_DELAY}', '{SCROLL_HEIGHT}');
});
//]]>
</script>
<!-- END scrolling_row -->
<!-- BEGIN classical_row -->
<div class="module main">
<div class="main-head"><h3>{L_RECENT_TOPICS}</h3></div>
<div class="main-content">
<!-- BEGIN recent_topic_row -->
<div class="avt_recent">
<div class="recent_space">
<a href="{classical_row.recent_topic_row.U_TITLE}" class="bottooom"><font style="font-size: 11px;">{classical_row.recent_topic_row.L_TITLE}</font></a><br />
<!-- BEGIN switch_poster -->
<a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}"><font style="font-size: 11px;">{classical_row.recent_topic_row.switch_poster.S_POSTER}</font></a>
<!-- END switch_poster -->
<!-- BEGIN switch_poster_guest -->
{classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
<!-- END switch_poster_guest -->
{ON} <font style="font-size: 11px;" class="bottooom">- {classical_row.recent_topic_row.S_POSTTIME}</font><br /><br />
<!--
<a href="{classical_row.recent_topic_row.U_POSTER}">{classical_row.recent_topic_row.S_POSTER}</a> {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />
-->
</div>
</div><br/>
<!-- END recent_topic_row -->
</div>
</div>
<!-- END classical_row -->
El último paso es crear un javascript y ponerlo en "Todas las paginas":
- Código:
$(document).on('ready', function() {
$('.avt_recent').prepend('<div class="avt-r"><div>');
$('.avt_recent .avt-r').each(function () {
var profileUserURL = jQuery(this).parent().children('.recent_space').children('a:last').attr('href');
$(this).html('<a href="' + profileUserURL + '" class="avt-r-enlace"><img src="http://r14.imgfast.net/users/1417/27/86/76/avatars/1-19.png" alt="No Avatar" /></a>');
$(this).children('a').load(profileUserURL + ' .module:eq(0) img:eq(0)')
});
});
Nota: Si colocan el JS dentro de la plantilla es probable que el efecto no sea el deseado.
Chalo
¿Que estoy pensando? :
saquen el wato..... [table class=fecha_up][td]Se modifico:8/11/19 - 9:09 hrs. [/td][/table]
Banner en temas :
https://coverfiles.alphacoders.com/374/37476.png
Color de titulos :
#fff
Sombra titulo :
0 0 1px #000
Mensajes :
7036
Puntos :
9158
Me gusta :
1053
ingreso :
17/04/2014
Sexo :
Plataforma :
phpbb3
Navegador :
chrome
Laura
¿Que estoy pensando? :
Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]
Banner en temas :
https://2img.net/h/oi64.tinypic.com/2i8tzma.jpg
Color de titulos :
#333
Sombra titulo :
1px 1px 1px #fff
Mensajes :
21
Puntos :
26
Me gusta :
5
ingreso :
05/02/2017
Sexo :
Plataforma :
phpbb3
Navegador :
chrome
Genau
¿Que estoy pensando? :
Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]
Banner en temas :
http://radiadores.foroactivo.com/users/4013/62/20/05/avatars/1-58.png
Color de titulos :
#333
Sombra titulo :
1px 1px 1px #fff
Mensajes :
15
Puntos :
17
Me gusta :
2
ingreso :
11/02/2018
Sexo :
Plataforma :
PhpBB3
Navegador :
Chrome
En la misma categoria
Permisos de este foro:
No puedes responder a temas en este foro.
Copyright Open Source phpBB3 © 2014-.