• ¡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
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
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.png
    3.png
    361 KB · Visitas: 35

lenin

XenForoUser
Mensajes
467
Puntuación de reacciones
215
Puntos
43
Sitio web
kpumco.com
País
El Salvador
Versión de XenForo
buena modificación
en lo personal me gusta mas vertical, horizontal me hace bolas:confused:
 
Arriba