xenforo Horizontal Message User Info - statt links im Beitrag

Dieses Thema im Forum "XenForo Tipps & Tricks" wurde erstellt von Pinn, 21. Juli 2015.

  1. Pinn

    Pinn ist öfters hier Lizenznehmer

    259
    52
    11. Juli 2015
    Bundesstaat Hessen
    Achtung! Denke daran alle Elemente die Angezeigt werden sollen zu aktivieren:

    ACP -> Style-verwalten -> [dein Style] -> Style-Eigenschaften -> Message Elements

    1. Füge in Template -- > PAGE_CONTAINTER

    diesen Code am Anfang ein:

    Code:
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

    2. Füge im Template -- > EXTRA.css

    diesen Code hinzu:

    HTML:
    .thread_view .messageList .messageUserInfo a.avatar img,[/SIZE][/COLOR][/FONT]
    [SIZE=4][FONT=Georgia][COLOR=rgb(20, 20, 20)].conversation_view .messageList .messageUserInfo a.avatar img,
    .conversation_view .quickReply .messageUserInfo a.avatar img
    {
        width: 130px;
        height: auto;
    }
    
    .message .messageInfo {
    width:100% !important;
    float:right!important;
    
    }
    
    .messageUserInfo {
      float:left;
      width:100%!important;
      margin-bottom:10px!important;
    }
    
    .quickReply.message .messageUserInfo{
    float:left;
      width:124px!important;
    }
    
    .messageUserBlock .arrow {
      border-bottom-color:transparent;
      border-bottom-width:10px;
      border-left-color:#D7EDFC;
      border-left-width:10px;
      border-style:solid none solid solid;
      border-top-color:transparent;
      border-top-width:10px;
      display:block;
      height:0;
      line-height:0;
      position:absolute;
      right:90%!important;
      top:153px!important;
      width:0;
      transform:rotate(90deg);
    }
    
    .quickReply.message .arrow{
    border-bottom-color:transparent;
      border-bottom-width:10px;
      border-left-color:#D7EDFC;
      border-left-width:10px;
      border-style:solid none solid solid;
      border-top-color:transparent;
      border-top-width:10px;
      display:block;
      height:0;
      line-height:0;
      position:absolute;
      right:-10px!important;
      top:10px!important;
      transform:rotate(0deg);
    }
    
    .messageUserBlock div.avatarHolder .avatar {
      display:block;
      font-size:0;
      width:120px;
      float:left;
    }
    
    .quickReply.message .avatarHolder {
      display:block;
      font-size:0;
      overflow:auto;
    
    }
    
    .messageUserBlock h3.userText {
      float:left;
      width:50%;
      height:130px!important;
      margin-left:20px!important;
    }
    
    .messageUserBlock .extraUserInfo {
      margin-top:0px;
      height:130px!important;
    
    }
    
    .sexAffiliate
    {
    float:left;
    margin-right:2px;
    }
    
    
    .xenRestrict{
    margin: 10px 0px 20px 180px;
    width:80px;
    border:1px solid transparent;
    display:inline-block;
    position:relative;
    padding:2px;
    border-radius:5px;
    background: @primaryLighterStill url('@imagePath/xenforo/gradients/tab-selected-light.png') repeat-x bottom;
    }
    
    
    .xenRestrictAff{
    margin: 10px 0px 20px 10px;
    width:80px;
    border:1px solid transparent;
    display:inline-block;
    position:relative;
    padding:2px;
    border-radius:5px;
    background: @primaryLighterStill url('@imagePath/xenforo/gradients/tab-selected-light.png') repeat-x bottom;
    }


    So sieht es dann aus:

    [Pinnunity.de]beitrags ansicht.png

    Gefunden wurde dieser Code hier: Horizontal Message User Info |
     
  2. Pinn

    Pinn ist öfters hier Lizenznehmer

    259
    52
    11. Juli 2015
    Bundesstaat Hessen

    Hier der Rest von oben:

    3. Ersetzte im Template -- > message_user_info

    den ganzen Code mit diesem:

    HTML:
    <xen:require css="message_user_info.css" />[/SIZE][/COLOR][/FONT]
    [SIZE=4][FONT=Georgia][COLOR=rgb(20, 20, 20)]<xen:require css="EXTRA.css" />
    
    <div class="messageUserInfo" itemscope="itemscope" itemtype="http://data-vocabulary.org/Person">
    <div class="messageUserBlock">
        <xen:hook name="message_user_info_avatar" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}">
            <div class="avatarHolder">
                <span class="helper"></span>
                <xen:avatar user="$user" size="m" img="true" />
                <!-- slot: message_user_info_avatar -->
            </div>
        </xen:hook>
    
    <xen:if is="!{$isQuickReply}">
        <xen:hook name="message_user_info_text" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}">
            <h3 class="userText">
    
      
                <xen:if is="@messageShowGender AND {$user.gender}">
                        <dl class="pairsJustified sexAffiliate">
                            <dd itemprop="gender" class="sexAffiliate"><xen:if is="{$user.gender} == 'male'"><i class="fa fa-male"></i><xen:else /><i class="fa fa-famale"></i></xen:if></dd>
                        </dl>
                    </xen:if>
      
                <xen:username user="$user" itemprop="name" rich="true" />
                <xen:if hascontent="true"><em class="userTitle" itemprop="title"><xen:contentcheck>{xen:helper userTitle, $user, 1, 1}</xen:contentcheck></em></xen:if>
                <!--{xen:helper userBanner, $user, 'wrapped'}-->
                <!-- slot: message_user_info_text -->
                <HR WIDTH=100%>
      
      
                <xen:if is="@messageShowRegisterDate AND {$user.user_id}">
                    <dl class="pairsJustified">
                        <dt><i class="fa fa-calendar fa-lg"></i></dt>
                        <dd>{xen:date $user.register_date}</dd>
                    </dl>
                </xen:if>
      
                        <xen:if is="@messageShowOccupation AND {$user.occupation}">
                    <dl class="pairsJustified">
                        <dt><i class="fa fa-cog fa-lg"></i></dt>
                        <dd itemprop="role">{xen:string censor, $user.occupation}</dd>
                    </dl>
                </xen:if>
      
                <xen:if is="@messageShowLocation AND {$user.location}">
                    <dl class="pairsJustified">
                        <dt><i class="fa fa-thumb-tack fa-lg"></i></dt>
                        <dd><a href="{xen:link 'misc/location-info', '', 'location={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="pairsJustified">
                        <dt><i class="fa fa-home fa-lg"></i></dt>
                        <dd><a href="{xen:string censor, $user.homepage, '-'}" rel="nofollow" target="_blank" itemprop="url">{xen:string censor, $user.homepage}</a></dd>
                    </dl>
                </xen:if>
            </h3>
        </xen:hook>
    
        <xen:if hascontent="true">
            <div class="extraUserInfo">
                <xen:contentcheck>
                <xen:hook name="message_user_info_extra" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}">
                    <xen:if is="@messageShowMessageCount AND {$user.user_id}">
                    <dl class="pairsJustified xenRestrict">
                        <dt><i class="fa fa-comment fa-lg"></i></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 AND {$user.user_id}">
                    <dl class="pairsJustified xenRestrictAff">
                        <dt><i class="fa fa-thumbs-up fa-lg"></i></dt>
                        <dd>{xen:number $user.like_count}</dd>
                    </dl>
                </xen:if>
      
                <xen:if is="@messageShowTrophyPoints AND {$user.user_id}">
                    <dl class="pairsJustified xenRestrictAff">
                        <dt><i class="fa fa-trophy fa-lg"></i></dt>
                        <dd><a href="{xen:link 'members/trophies', $user}" class="OverlayTrigger concealed">{xen:number $user.trophy_points}</a></dd>
                    </dl>
                </xen:if>
                      
                </xen:hook>  
                <xen:if is="@messageShowCustomFields AND {$user.customFields}">
                <xen:hook name="message_user_info_custom_fields" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}">
      
                    <xen:foreach loop="$userFieldsInfo" key="$fieldId" value="$fieldInfo">
                        <xen:if is="{$fieldInfo.viewable_message}">
                            <xen:if hascontent="true">
                                <dl class="pairsJustified userField_{$fieldId}">
                                    <dt>{xen:helper userFieldTitle, $fieldId}:</dt>
                                    <dd><xen:contentcheck>{xen:helper userFieldValue, $fieldInfo, $user, {$user.customFields.{$fieldId}}}</xen:contentcheck></dd>
                                </dl>
                            </xen:if>
                        </xen:if>
                    </xen:foreach>
          
                </xen:hook>
                </xen:if>
                </xen:contentcheck>
      
            </div>
        </xen:if>
    
    </xen:if>
        <span class="arrow"><span></span></span>
    
    </div>
    </div>
     
  3. otto

    otto AD Lizenznehmer

    2.736
    1.119
    7. Juli 2015
    Fachinformatiker i.A.
    Leipzig
    Es sind schon immer 10.000 Zeichen gewesen:
    upload_2015-7-21_9-3-58.png
    ;)
     
  4. Pinn

    Pinn ist öfters hier Lizenznehmer

    259
    52
    11. Juli 2015
    Bundesstaat Hessen
    Okey ... dann ist mein Text über 10.000 ... heftig.
     
  5. otto

    otto AD Lizenznehmer

    2.736
    1.119
    7. Juli 2015
    Fachinformatiker i.A.
    Leipzig
    Denk dran, jeder Link, Jeder Code-Block ... alles zählt da rein. Ich setz es mal probehalber auf 20.000 Zeichen, mal sehen.
     
    Pinn gefällt das.
OK Mehr Informationen

Diese Seite verwendet Cookies. Mit Deinem Klick auf OK, stimmst Du dem setzen von Cookies zu. Andernfalls werden keine gesetzt, was die Funktionalität einschränkt.