1. Este sitio usa cookies. Para continuar usando este sitio, se debe aceptar nuestro uso de cookies. Más información.
  2. ¡Bienvenido a XenFácil!

    Estás viendo el sitio como Invitado. Para poder participar en este sitio

    y obtendrás privilegios adicionales, acceso a otras áreas y mucho mas.

    ¡Es gratis!


    ¿Ya eres miembro? Inicia sesión
Descartar aviso
Become a vip user! / ¡Házte usuario VIP!
Download free all our add-ons
descarga gratis todos nuestros complementos
Look into XenForo's Manual in spanish
ver gratis el Manual de XenForo en español
Upgrade to user VIP and download free all our add-ons, look into XenForo's Manual in spanish, see all tutorials entirely, and much more....
Actualiza a usuario VIP y descarga gratis todos nuestros complementos, podrás ver gratis el Manual de XenForo en español, ver completamente todos los tutoriales y mucho más....

Become a vip user! / ¡Házte usuario VIP!

Mod.Plantilla Mover El Postbit Horizontalmente Encima Del Mensaje

Tema en 'Modificaciones Plantilla' iniciado por lms, 20 Oct 2010.

  1. lms

    lms Administrador

    Registrado:
    6 Oct 2010
    Mensajes:
    7.314
    Me Gusta recibidos:
    2.055
    Puntos:
    2.613
    Género:
    Masculino
    País:
    España
    Versión de XenForo:
    1.5.14
    PayPal:
    Donar dinero a este usuario
    Página web:
    Web
    Esta modificación, que consiste simplemente en unos pocos cambios a una plantilla, moverá el postbit por encima del mensaje, similar a muchos foros de vB.
    1. Abra la plantilla message_user_info
      • Reemplace la plantilla como sigue:
        Insertar CODE, HTML o PHP:
        <xen:require css="message_user_info.css" />
         
         <div class="messageUserInfo" itemscope itemtype="http://data-vocabulary.org/Person">
             <div class="messageUserBlock">
                 <xen:if is="!{$isQuickReply}">
                     <xen:if hascontent="true">
                         <div class="extraUserInfo">
                             <xen:contentcheck>
                                 <xen:if is="@messageShowMessageCount">
                                     <xen:if is="@messageShowRegisterDate">
                                         <dl class="pairsInline">
                                             <dt>{xen:phrase member_since}:</dt>
                                             <dd>{xen:date $user.register_date}</dd>
                                         </dl>
                                     </xen:if>
         
                                     <xen:if is="@messageShowGender AND {$user.gender}">
                                         <dl class="pairsInline">
                                             <dt>{xen:phrase gender}:</dt>
                                             <dd itemprop="gender"><xen:if is="{$user.gender} == 'male'">{xen:phrase male}<xen:else />{xen:phrase female}</xen:if></dd>
                                         </dl>
                                     </xen:if>
         
                                     <xen:if is="@messageShowOccupation AND {$user.occupation}">
                                         <dl class="pairsInline">
                                             <dt>{xen:phrase occupation}:</dt>
                                             <dd itemprop="role">{xen:string censor, $user.occupation}</dd>
                                         </dl>
                                     </xen:if>
         
                                     <xen:if is="@messageShowLocation AND {$user.location}">
                                         <dl class="pairsInline">
                                             <dt>{xen:phrase location}:</dt>
                                             <dd><a href="http://maps.google.com/maps?q={xen:urlencode {xen:string censor, $user.location}}" target="_blank" rel="nofollow" itemprop="address" class="concealed">{xen:string censor, $user.location}</a></dd>
                                         </dl>
                                     </xen:if>
         
                                     <xen:if is="@messageShowHomepage AND {$user.homepage}">
                                         <dl class="pairsInline">
                                             <dt>{xen:phrase homepage}:</dt>
                                             <dd><a href="{$user.homepage}" rel="nofollow" target="_blank" itemprop="url">{xen:string censor, $user.homepage}</a></dd>
                                         </dl>
                                     </xen:if>
         
                                     <xen:comment>
                                         <xen:foreach loop="{$user.identities}" key="$service" value="$account">
                                             <dl class="pairsInline">
                                                 <dt>{$service}</dt>
                                                 <dd>{$account}</dd>
                                             </dl>
                                         </xen:foreach>
                                     </xen:comment>
                                 </xen:if>
                             </xen:contentcheck>
                         </div>
         
                         <div class="extraUserInfo2">
                             <xen:contentcheck>
                                 <xen:if is="@messageShowMessageCount">
                                     <dl class="pairsInline">
                                         <dt>{xen:phrase message_count}:</dt>
                                         <dd><a href="{xen:link search/member, '', 'user_id={$user.user_id}'}" class="concealed">{xen:number $user.message_count}</a></dd>
                                     </dl>
                                 </xen:if>
         
                                 <xen:if is="@messageShowTotalLikes">
                                     <dl class="pairsInline">
                                         <dt>{xen:phrase likes_received}:</dt>
                                         <dd>{xen:number $user.like_count}</dd>
                                     </dl>
                                 </xen:if>
         
                                 <xen:if is="@messageShowTrophyPoints">
                                     <dl class="pairsInline">
                                         <dt>{xen:phrase trophy_points}:</dt>
                                         <dd><a href="{xen:link 'members/trophies', $user}" class="OverlayTrigger concealed">{xen:number $user.trophy_points}</a></dd>
                                     </dl>
                                 </xen:if>
                             </xen:contentcheck>
                         </div>
                     </xen:if>
                 </xen:if>
                 <div class="avatarHolder">
                     <xen:avatar user="$user" size="m" itemprop="photo" />
                     <xen:if is="!{$isQuickReply}">
                         <h3 class="userText"><a {xen:if $user.user_id, 'href="{xen:link members, $user}" '}class="username" itemprop="name">{xen:helper richUserName, $user}</a>
                             <xen:if hascontent="true">
                                 <em class="userTitle" itemprop="title">
                                     <xen:contentcheck>{xen:helper userTitle, $user}</xen:contentcheck>
                                 </em>
                             </xen:if>
                         </h3>
                     </xen:if>
                 </div>
             </div>
         </div>
    2. Abra (o cambie de plantilla con las pestañas) la plantilla message_user_info.css
      • Reemplace la plantilla como sigue:
        Insertar CODE, HTML o PHP:
        .messageUserInfo
         {
             float: top;
             width: {xen:calc '@property "pageWidth";
         margin: 0 35px;
         min-width: {xen:calc '{$pageWidth'}px;
         _width: {xen:calc '{$pageWidth'}px;
         _margin: 0 auto;
         /*width: 976px;
             margin: 0 auto;*/
         @property "/pageWidth";'}px;
         }
         
             .messageUserBlock
             {
                 @property "messageUserBlock";
                 background: @primaryLighterStill url('@imagePath/xenforo/gradients/tab-selected-light.png') repeat-x bottom;
                 border: 1px solid @primaryLighterStill;
                 border-radius: 5px;
                 @property "/messageUserBlock";
                 position: relative;
             }
                 .messageUserBlock div.avatarHolder
                 {
                     @property "messageAvatarHolder";
                     background-color: @primaryLightest;
                     padding: 10px;
                     border-radius: 4px;
                     @property "/messageAvatarHolder";
                 }
                     .messageUserBlock div.avatarHolder a
                     {
                         display: block;
                     }
                 .messageUserBlock h3.userText
                 {
                     @property "messageUserText";
                     padding: 6px;
                     @property "/messageUserText";
                 }
                 .messageUserBlock a.username
                 {
                     @property "messageUsername";
                     font-weight: bold;
                     display: block;
                     overflow: hidden;
                     @property "/messageUsername";
                 }
                 .messageUserBlock .userTitle
                 {
                     @property "messageUserTitle";
                     font-size: 11px;
                     display: block;
                     @property "/messageUserTitle";
                 }
         
         .messageUserBlock .extraUserInfo2
                 {
                     @property "messageExtraUserInfo2";
                     font-size: 11px;
                     background-color: @primaryLightest;
                     padding: 10px;
                     border-radius: 4px;
                     float: right;
                     @property "/messageExtraUserInfo2";
                 }
                     .messageUserBlock .extraUserInfo2 dl
                     {
                         margin: 2px 0;
                     }
                         .messageUserBlock .extraUserInfo2 dt
                         {
                             font-size: 9px;
                             display: block;
                         }
                 .messageUserBlock .extraUserInfo
                 {
                     @property "messageExtraUserInfo";
                     font-size: 11px;
                     background-color: @primaryLightest;
                     padding: 10px;
                     border-radius: 4px;
                     float: right;
                     @property "/messageExtraUserInfo";
                 }
                     .messageUserBlock .extraUserInfo dl
                     {
                         margin: 2px 0;
                     }
                         .messageUserBlock .extraUserInfo dt
                         {
                             font-size: 9px;
                             display: block;
                         }
         
                 .messageUserBlock .arrow
                 {
                     position: absolute;
                     top: 10px;
                     right: -10px;
                     display: block;
                     width: 0px;
                     height: 0px;
                     line-height: 0px;
                     border: 10px solid transparent;
                     border-left-color: @messageUserBlock.border-color;
                     border-right: none;
                     /* Hide from IE6 */
                     _display: none;
                 }
                     .messageUserBlock .arrow span
                     {
                         position: absolute;
                         top: -10px;
                         left: -11px;
                         display: block;
                         width: 0px;
                         height: 0px;
                         line-height: 0px;
                         border: 10px solid transparent;
                         border-left-color: @messageAvatarHolder.background-color;
                         border-right: none;
                     }
    3. El postbit ya está arriba, la respuesta rápida aparece extrañamente con un gran margen en el lado izquierdo, así que vamos a abrir la plantilla quick_reply.css.
      • Busque este código:
        Insertar CODE, HTML o PHP:
        #QuickReply
         {
             margin-left: 140px;
         }
      • Reemplace con:
        Insertar CODE, HTML o PHP:
        #QuickReply
         {
             padding-top: 10px;
         }
    Tenga en cuenta que el "padding-top: 10px;" es opcional, pero sentía que tenía mejor aspecto para añadir un poco de espacio entre el postbit "blanco" y el cuadro de respuesta rápida.


    También debo señalar que dividir la "información adicional" (nº de mensajes, nº de 'Me Gusta', etc) en dos columnas (ver más abajo adjunto) es demasiado largo y que se puede cambiar a su discreción, moviendo las diferentes partes de .extraUserInfo y .extraUserInfo2.

    Autor: Trombones13
    Tema: xenForo - Move postbit horizontally above posts en inglés



    Salud2
     

    Adjuntos:

    • 3.
      3.png
      Tamaño de archivo:
      361 KB
      Visitas:
      35
  2. ANTONYVJ

    ANTONYVJ Nuevo

    Registrado:
    23 Oct 2010
    Mensajes:
    4
    Me Gusta recibidos:
    0
    Puntos:
    1
    Género:
    Masculino
    exelente modificacion gracias :D
     
  3. lenin

    lenin XenForoUser

    Registrado:
    5 Nov 2010
    Mensajes:
    451
    Me Gusta recibidos:
    211
    Puntos:
    43
    Género:
    Masculino
    Ubicación:
    El Salvador
    buena modificación
    en lo personal me gusta mas vertical, horizontal me hace bolas:confused:
     

Compartir esta página

Este sitio usa cookies, propias y de terceros.
Si se continúa con nosotros entendemos que se acepta el uso de cookies.