(#1)   Administrador

"> Princeton 3017142516/02/2009   Posts : 301 Puntos : 714 Agradecido : 25 Registrado : 16/02/2009

[MOD] Temas de la misma categoría - 7/2/2017, 6:08 pm Temas de la misma categoría Demo Descripción Lo que hace este "MOD" es añadir una tabla al final del primer tema iniciado mostrando 20 títulos de las misma categoría, haciendo que sea mas sencillo buscar temas que le interese a sus miembros sin necesidad de estar retrocediendo con el navegador. Instalación Para Instalarlo es muy sencillo, solo tenemos que dirigirnos a: Visualización Imágenes y Colores - Colores - CSS Stylesheet Código: /* Cùng chuyên mục */ ul# cungchuyenmuc {     padding: 10 px 15 px 10 px 30 px;width: 90 % ;height: 100 % ;margin - left: 30 px;margin - top: 20 px;margin - bottom: 10 px;display: inline - block }# cungchuyenmuc li {     counter - increment: Zzindex;     float: left;     position: relative;     width: 50 % ;     border - bottom: 1 px dashed# CCC;     height: 24 px;     line - height: 22 px }# cungchuyenmuc a {     color: #333;font:12px Tahoma} # cungchuyenmuc a: hover {         color: #ba3814     }#     cungchuyenmuc span {         display: inline - block;overflow: hidden;height: 18 px;width: 90 % ;margin - bottom: -2 px     }#     cungchuyenmuc li: before {         content: counter(Zzindex);display: block;height: 16 px;background: #EBEBEB;position: absolute;left: -22 px;font - size: 11 px;top: 4 px;border - radius: 2 px;text - align: center;width: 16 px;color: #FFF;line - height: 16 px;z - index: 3     }#     cungchuyenmuc li: after {         content: " ";background: #EBEBEB;display: block;width: 5 px;height: 5 px;position: absolute;top: 9 px;left: -9 px;transform: rotate(45 deg); - ms - transform: rotate(45 deg); - webkit - transform: rotate(45 deg)     }#     cungchuyenmuc li: nth - child(3): before,     #cungchuyenmuc li: nth - child(3): after {         background: red     }#     cungchuyenmuc li: nth - child(4): before,     #cungchuyenmuc li: nth - child(4): after {         background: #FD5405     }#     cungchuyenmuc li: nth - child(5): before,     #cungchuyenmuc li: nth - child(5): after {         background: #FDB55A     }#     cungchuyenmuc li: nth - child(5) ~li: before,     #cungchuyenmuc li: nth - child(5) ~li: after {             color: #EC4403;text - shadow: 0 0 2 px# FFF,             0 0 2 px# FFF,             0 0 2 px# FFF,             0 0 2 px# FFF         }         .pun.entry - content {             overflow: hidden;padding - bottom: .8e m;width: 100 %         } Visualización Templates - General - Viewtopic_body Código: <script>     $(function() {                 $.ajax({                             url: "/feed/?f={FORUM_ID}",                             success: function(a) {                                     $(".post-entry:first").after('<ul id="cungchuyenmuc"> <                                             center > < a href = "/f{FORUM_ID}-forum"                                             style = "font-weight: bold" > Bài viết cùng chuyên mục < /a></center > < div style = "height:23px;background:url(http://i34.servimg.com/u/f34/16/03/04/56/sna-ti10.png) no-repeat center top;margin:5px 0px;margin-top: -20px" > < /div>');22 < $(a).find("title").length ? so = 22 : so = $(a).find("title").length;for (i = 2; i < so; i++)$('<li><span><a href="' + $(a).find("link:eq(" + i + ")").text() + '">' + $(a).find("title:eq(" + i + ")").text() + "</a > < /span></li > ").appendTo("#                                             cungchuyenmuc ")}})}); </script> Comentarios finales Usted puede modificar la apariencia del mismo a gusto de usted con solo cambiar o manipular el CSS. Me gustaNo me gusta