Anuncio

Colapsar
No hay anuncios todavía.

Personalización de Estadísticas de Foro

Colapsar
X
  • Filtrar
  • Tiempo
  • Mostrar
Limpiar todos
nuevos mensajes

  • 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

  • #2
    donde se supone que van la imagen sprite y tienen que editar por que es additional.css

    Comentario


    • #3
      @macgiber 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

      Comentario


      • #4
        Este tutorial es para vb oh xenforo

        Comentario


        • #5
          Mira en que sección esta colocado.
          Recorda siempre leerte las normas del foro.

          Comentario

          Trabajando...
          X