• ¡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

Mod.Plantilla Mover El Postbit Horizontalmente Encima Del Mensaje

lms

Administrador
#1
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

Arriba