Staff en línea
Últimos temas
![[Templates] Añadir un Scrollbar en el Widget Ultimos Temas Origin10](https://2img.net/u/3214/29/54/58/avatars/gallery/origin10.png)
[codebox]Con éste code podrán añadir un Scrollbar al Widget de Ultimos Temas, eliminando el scroll automático y facilitando la lectura de ultimos temas.
![[Templates] Añadir un Scrollbar en el Widget Ultimos Temas Wc11](https://i.servimg.com/u/f11/14/38/83/10/wc11.jpg)
[/codebox]
Primero, buscar el template mod_recent_topics y reemplazarlo todo por éste:
(PA > Visualización > Templates > Portal)
[hidecode]
Luego Insertar el siguiente CSS:
[hidecode]
Luego en :el Widger de últimos temas - Modificar - Activar el Scroll de los Temas: No.
Y guardamos cambios.
[/codebox]
Primero, buscar el template mod_recent_topics y reemplazarlo todo por éste:
(PA > Visualización > Templates > Portal)
[hidecode]
- Código:
<!-- BEGIN scrolling_row -->
{MARQUEE_JS_SRC}
<table class="forumline genmed" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="catLeft" height="25">
<span class="genmed module-title">{L_RECENT_TOPICS}</span>
</td>
</tr>
<tr>
<td class="row1" style="height:{SCROLL_HEIGHT}px;">
<div class="marquee" align="left" data-direction='{SCROLL_WAY}' data-duration='{SCROLL_DELAY}' data-pauseOnHover="true" style="overflow:hidden;height:{SCROLL_HEIGHT}px;">
<!-- BEGIN recent_topic_row -->
» <a href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TITLE}</a><br />
<img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}
<!-- BEGIN switch_poster -->
<a 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 -->
<!-- END recent_topic_row -->
</div>
</td>
</tr>
</table>
<script>
$(".marquee").marquee();
</script>
<!-- END scrolling_row -->
<!-- BEGIN classical_row -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="catHead" height="25"><span class="genmed"><b><center>{L_RECENT_TOPICS}</center></b></span></td>
</tr>
<tr>
<td class="row1" align="left"><div id="recent_topic_list" class="gensmall">
<!-- BEGIN recent_topic_row -->
» <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a><br /><img src="{ICON_TIME}" alt="" />{BY}
<!-- BEGIN switch_poster -->
<a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
<!-- END switch_poster -->
<!-- BEGIN switch_poster_guest -->
{classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
<!-- END switch_poster_guest -->
{ON} {classical_row.recent_topic_row.S_POSTTIME}<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 />
-->
<!-- END recent_topic_row -->
</div></td>
</tr>
</table>
<!-- END classical_row -->
Luego Insertar el siguiente CSS:
[hidecode]
- Código:
#recent_topic_list {
height:200px;
overflow-y:auto;
}
#recent_topic_list::-webkit-scrollbar {
width:6px;
}
#recent_topic_list::-webkit-scrollbar-track {
background:rgba(0, 0, 0, 0.1);
}
#recent_topic_list::-webkit-scrollbar-thumb {
background:#999;
}
Luego en :el Widger de últimos temas - Modificar - Activar el Scroll de los Temas: No.
Y guardamos cambios.
YoshiGM
¿Que estoy pensando? :
Hola =) [table class=fecha_up][td]Se modifico:18/05/20 - 8:58 hrs. [/td][/table]
Banner en temas :
https://i.servimg.com/u/f19/13/45/80/80/banner10.jpg
Color de titulos :
#fff
Sombra titulo :
1px 1px 1px #555
Mensajes :
1313
Puntos :
1743
Me gusta :
258
ingreso :
17/12/2014
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-.