Cargando...
Notificaciones Password  Username

Regresar CPortada - Mas que un foro, tu Comunidad.  » Recursos para Forumotion - Foroactivo » PUNBB
Actualizar esta página [MOD] Temas de la misma categoría
Nombre de Usuario:
Contraseña:
   

Responder al tema
 
Herramientas Modos de visualización

(#1)
Old  Administrador
">
avatar
Administrador
Princeton
3017142516/02/2009Peru
 
icon6 [MOD] Temas de la misma categoría - el 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.



• Bienvenido Invitado a cPortada™️
"No son las personas normales las que cambian al mundo!"
"En los momentos de crisis, sólo la imaginación es más importante que el conocimiento"

Comentar con facebook:
 » Temas similares en otros foros
» Centrar "post y últimos temas" en las categorías y suprimir número de temas
» Mover o copiar temas de un foro a otro distinto y de la misma propiedad
» ¿Como bueno ocultar de mi indice las leyendas de "Temas", "mensajes" y "Últimos mensajes" en las categorías de mi foro?
» Poder elegir una categoría especifica en "temas recientes" [27 Noviembre]
» Activar últimos temas en Categorías. [Resuelto]
 
Permisos de este foro:
No puedes responder a temas en este foro.

 Los Códigos BB están Activado
 Los Emoticonos están Activado
 Código [IMG] está Activado
 Código HTML está Activado