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 [MOD] Temas de la misma categoría 2x97uModos de visualización [MOD] Temas de la misma categoría 2x97u

[MOD] Temas de la misma categoría UFXmlYj[MOD] Temas de la misma categoría ZcHKMjL
(#1)
Old  Administrador
">
Princeton
Administrador
Princeton
3017142516/02/2009Peru
 
icon6 [MOD] Temas de la misma categoría - 7/2/2017, 6:08 pm

Temas de la misma categoría


Demo


[MOD] Temas de la misma categoría Ab88K5N

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.

Comentar con facebook:
[MOD] Temas de la misma categoría Imagen11
 » Temas similares en otros foros
» [Updated] Nueva categoría & Foro
» Selector de temas
» [Install] Anuncio de los temas
» [Install / MOD] Envío de Temas
» Reducir la altura de los temas
 
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