---
title: "Postbit en mosaico con iconos font awesome"
url: "https://fcuba.net/threads/3442-postbit-en-mosaico-con-iconos-font-awesome"
forum: "Xenforo"
author: "Lucien"
published: "2020-10-28T21:22:39.000Z"
updated: "2023-04-18T04:42:35.000Z"
page: 1
pages: 1
---

# Postbit en mosaico con iconos font awesome

In [Xenforo](https://fcuba.net/forums/165-xenforo.md), started by Lucien on 2020-10-28T21:22:39.000Z.

## Lucien, [2020-10-28T21:22:39.000Z](https://fcuba.net/threads/3442-postbit-en-mosaico-con-iconos-font-awesome#post-30906)

> Añadir a extra.less.
>
> Fecha de registro, mensajes totales, puntaje de reacción y puntos de trofeo
>
> ```css
> .message-userExtras {
>     display: flex;
>     flex-wrap: wrap;
>
>     & .pairs.pairs--justified {
>         margin: 2px auto;
>         padding: 2px;
>         display: grid;
>         text-align: center;
>         width: 31%;
>         border: 1px solid @xf-borderColor;
>         border-radius: 2px;
>         background: @xf-contentBg;
>         &:first-child {
>             min-width: 100%;
>         }
>
>         &> dt {
>             font-size: 0;
>             margin-right: 0;
>         }
>
>         &> dd {
>             text-align: center;
>         }
>         & dt:before {
>             .m-faBase();
>             font-size: 13px;
>         }
>         &:nth-child(1) dt {
>             .m-faBefore(@fa-var-calendar-alt);
>         }
>         &:nth-child(2) dt {
>             .m-faBefore(@fa-var-comments-alt);
>         }
>         &:nth-child(3) dt {
>             .m-faBefore(@fa-var-heart);
>         }
>         &:nth-child(4) dt {
>             .m-faBefore(@fa-var-trophy);
>         }
>     }
> }
> ```
>
> Mensajes totales, puntuación de reacción y puntos de trofeo
>
> ```css
> .message-userExtras {
>     display: flex;
>
>     & .pairs.pairs--justified {
>         margin: 2px;
>         padding: 2px;
>         display: grid;
>         text-align: center;
>         width: 100% / 3;
>         border: 1px solid @xf-borderColor;
>         border-radius: 2px;
>         background: @xf-contentBg;
>
>         &> dt {
>             font-size: 0;
>             margin-right: 0;
>         }
>
>         &> dd {
>             text-align: center;
>         }
>         & dt:before {
>             .m-faBase();
>             font-size: 13px;
>         }
>         &:nth-child(1) dt {
>             .m-faBefore(@fa-var-comments-alt);
>         }
>         &:nth-child(2) dt {
>             .m-faBefore(@fa-var-heart);
>         }
>         &:nth-child(3) dt {
>             .m-faBefore(@fa-var-trophy);
>         }
>     }
>
> }
> ```
>
> Básicamente es el estilo que tenemos en el foro

## Jorge Alcides, [2021-02-16T15:00:22.000Z](https://fcuba.net/threads/3442-postbit-en-mosaico-con-iconos-font-awesome#post-45628)

> **Eso se pone en Extra.less??**

## Lil Joycel, [2021-02-20T18:16:29.000Z](https://fcuba.net/threads/3442-postbit-en-mosaico-con-iconos-font-awesome#post-46303)

> > **[Jorge Alcides](https://fcuba.net/posts/45628) wrote:**
> > **Eso se pone en Extra.less??**
>
> Si, el primer codigo es para que salgan debajo del nick justo como tiene este foro la fecha de registro, los mensajes, los like obtenidos y los creditos

## Jorge Alcides, [2021-02-21T23:46:26.000Z](https://fcuba.net/threads/3442-postbit-en-mosaico-con-iconos-font-awesome#post-46485)

> **Ok gracias por el aporte. Saludos**

## Mamberroi Jr, [2023-04-18T04:42:35.000Z](https://fcuba.net/threads/3442-postbit-en-mosaico-con-iconos-font-awesome#post-122132)

> > **[Lil Joycel](https://fcuba.net/posts/46303) wrote:**
> > Si, el primer codigo es para que salgan debajo del nick justo como tiene este foro la fecha de registro, los mensajes, los like obtenidos y los creditos
>
> Y el segundo código es para que salga dónde ?