Anuncio

Colapsar
No hay anuncio todavía.

Personalización de Estadísticas de Foro

Colapsar
X
Colapsar
 
  • Página de 1
  • Filtrar
  • Tiempo
  • Mostrar
Limpiar Todo
nuevos mensajes
Anterior template Próximo
  • nextgen
    respondió
    Mira en que sección esta colocado.

    Dejar un comentario:

  • macgiber
    respondió
    Este tutorial es para vb oh xenforo

    Dejar un comentario:

  • 4ngeluxpunk
    respondió
    seinfotel que tal estimado, la imagen sprite va subido dentro de la carpeta images "images/vb_sprite.png" y el código CSS se pone dentro del additional.css

    Dejar un comentario:

  • macgiber
    respondió
    donde se supone que van la imagen sprite y tienen que editar por que es additional.css

    Dejar un comentario:

  • 4ngeluxpunk
    comenzado un tema Personalización de Estadísticas de Foro

    Personalización de Estadísticas de Foro






    Este es una pequeña modificación para darle un toque más elegante al apartado Estadísticas de Foro.

    Lo primero es ir a la plantilla "FORUMHOME" y buscar lo siguiente:


    Código HTML:
                            {vb:rawphrase threads}
                            {vb:raw totalthreads}
                        {vb:rawphrase posts}
                            {vb:raw totalposts}
                        {vb:rawphrase members}
                            {vb:raw numbermembers}
                       
                            {vb:rawphrase active_members}
                            {vb:raw activemembers}
                       
                   
                   

{vb:rawphrase welcome_to_our_newest_member_x, {vb:link member, {vb:raw newuserinfo}}, {vb:raw newuserinfo.username}}
    Y reemplazarlo por lo siguiente:

    Código HTML:
    
                    [*]
                   
                   
                   
                        {vb:raw numbermembers}[b]{vb:rawphrase members}[/b]
                   
                   
                    [*]
                   
                   
                   
                        {vb:raw totalthreads}[b]{vb:rawphrase threads}[/b]
                   
                   
                    [*]
                   
                   
                   
                        {vb:raw totalposts}[b]{vb:rawphrase posts}[/b]
                   
                   
                   
                   
                   
                   
                        {vb:rawphrase welcome_to_our_newest_member_x, {vb:link member, {vb:raw newuserinfo}}, {vb:raw newuserinfo.username}}
                   
                   
                [/list]
    Luego ir a la plantilla "adittional.css" y agregar al final lo siguiente:

    Código HTML:
    /************************************************************************/
/* vBForos.com - Abrir Estadisticas */

.vb_sprite {
    background-attachment: scroll;
    background-image: url("images/vb_sprite.png");
    background-position: left top;
    background-repeat: no-repeat;
}


ul.vb-whobox {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}

    ul.vb-whobox li {
        background: none repeat scroll 0 0 rgb(255, 255, 255);
        display: inline-block;
        float: left;
        height: 90px;
        margin-left: 6px;
        position: relative;
        width: 193px;
     }

        ul.vb-whobox li .vb_aktivuser {
            height: 90px;
            position: relative;
            right: 0;
            text-align: center;
            top: 0;
            width: 120px;
         }

            ul.vb-whobox li .vb_aktivuser strong {
                border-top: 1px dotted #cccccc;
                font-size: 14px;
                font-weight: normal;
                padding: 3px 5px 0;
                position: absolute;
                right: 5px;
                text-align: center;
                top: 55px;
                width: 105px;
             }

            ul.vb-whobox li .vb_aktivuser span {
                font-size: 24px;
                padding-bottom: 5px;
                position: absolute;
                right: 0;
                text-align: center;
                top: 25px;
                width: 120px;
             }

        ul.vb-whobox li .vb_aktivuser-icon {
            background-position: 0 -100px;
            height: 50px;
            left: 120px;
            position: absolute;
            top: 24px;
            width: 50px;
         }

        ul.vb-whobox li .vb_toplamuser {
            height: 90px;
            position: relative;
            right: 0;
            text-align: center;
            top: 0;
            width: 120px;
         }

            ul.vb-whobox li .vb_toplamuser strong {
                border-top: 1px dotted #cccccc;
                font-size: 14px;
                font-weight: normal;
                padding: 3px 5px 0;
                position: absolute;
                right: 5px;
                text-align: center;
                top: 55px;
                width: 105px;
             }

            ul.vb-whobox li .vb_toplamuser span {
                font-size: 24px;
                padding-bottom: 5px;
                position: absolute;
                right: 0;
                text-align: center;
                top: 25px;
                width: 120px;
             }

        ul.vb-whobox li .vb_toplamuser-icon {
            background-position: 0 5px;
            height: 50px;
            left: 150px;
            position: absolute;
            top: 24px;
            width: 50px;
         }

        ul.vb-whobox li .vb_toplamkonu {
            height: 90px;
            position: relative;
            right: 0;
            text-align: center;
            top: 0;
            width: 120px;
         }

            ul.vb-whobox li .vb_toplamkonu strong {
                border-top: 1px dotted #cccccc;
                font-size: 14px;
                font-weight: normal;
                padding: 3px 5px 0;
                position: absolute;
                right: 5px;
                text-align: center;
                top: 55px;
                width: 105px;
             }

            ul.vb-whobox li .vb_toplamkonu span {
                font-size: 24px;
                padding-bottom: 5px;
                position: absolute;
                right: 0;
                text-align: center;
                top: 25px;
                width: 120px;
             }

        ul.vb-whobox li .vb_toplamkonu-icon {
            background-position: 0 -48px;
            height: 50px;
            left: 150px;
            position: absolute;
            top: 24px;
            width: 50px;
         }

        ul.vb-whobox li .vb_toplammesaj {
            height: 90px;
            position: relative;
            right: 0;
            text-align: center;
            top: 0;
            width: 120px;
         }

            ul.vb-whobox li .vb_toplammesaj strong {
                border-top: 1px dotted #cccccc;
                font-size: 14px;
                font-weight: normal;
                padding: 3px 5px 0;
                position: absolute;
                right: 5px;
                text-align: center;
                top: 55px;
                width: 105px;
             }

            ul.vb-whobox li .vb_toplammesaj span {
                font-size: 24px;
                padding-bottom: 5px;
                position: absolute;
                right: 0;
                text-align: center;
                top: 25px;
                width: 120px;
             }

        ul.vb-whobox li .vb_toplammesaj-icon {
            background-position: -55px -50px;
            height: 50px;
            left: 150px;
            position: absolute;
            top: 24px;
            width: 50px;
         }

        ul.vb-whobox li .vb_yeniuye {
            height: 70px;
            padding-top: 20px;
            position: relative;
            right: 0;
            text-align: center;
            top: 0;
            width: 120px;
         }

            ul.vb-whobox li .vb_yeniuye a {font-size: 15px;}

            ul.vb-whobox li .vb_yeniuye strong {
                border-top: 1px dotted #cccccc;
                font-size: 14px;
                font-weight: normal;
                padding: 3px 5px 0;
                position: absolute;
                right: 5px;
                text-align: center;
                top: 55px;
                width: 105px;
             }

            ul.vb-whobox li .vb_yeniuye span {
                font-size: 24px;
                padding-bottom: 5px;
                position: absolute;
                right: 0;
                text-align: center;
                top: 25px;
                width: 120px;
             }

        ul.vb-whobox li .vb_yeniuye-icon {
            background-position: -52px 2px;
            height: 50px;
            left: 170px;
            position: absolute;
            top: 24px;
            width: 40px;
         }

    ul.vb-whobox li {padding: 0;}

/* vBForos.com - Cerrar Estadisticas */
    Y al final subir la imagen "vb_sprite.png" se adjunta achivo.
    Archivos Adjuntos
    Etiquetas: Ninguno
Anterior template Próximo
Trabajando...
X