تمت تلبيته تزيين وتعديل قائمة بيانات العضوية في المشاركات

الحالة
مغلق ولا يسمح بالمزيد من الردود.

عابر سبيل

:: عضو فعال ::
إنضم
1 فيفري 2019
المشاركات
117
نقاط التفاعل
54
النقاط
23
السلام عليكم
أريد منكم مساعدتي في تزيين وتعديل قائمة العضوية
89
 

bousaid

^_^
الطاقم الإداري
إنضم
30 جانفي 2019
المشاركات
39
نقاط التفاعل
172
النقاط
18
جرب هذا التعديل .... متوافق مع النسخة 2.1 فقط

استبدل قالب message_macros بمايلي:


HTML:
<xf:macro name="user_info"
    arg-user="!"
    arg-fallbackName="">

    <section itemscope itemtype="https://schema.org/Person" class="message-user">
        <div class="message-avatar {{ ($xf.options.showMessageOnlineStatus && $user && $user.isOnline()) ? 'message-avatar--online' : '' }}">
            <div class="message-avatar-wrapper">
                <xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />
                <xf:comment><xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()">
                    <span class="message-avatar-online" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('online_now')|for_attr }}"></span>
                </xf:if></xf:comment>
            </div>
        </div>
        <div class="message-userDetails">
            <h4 class="message-name"><xf:username user="$user" rich="true" defaultname="{$fallbackName}" itemprop="name" /></h4>
            <xf:usertitle user="$user" tag="h5" class="message-userTitle" banner="true" itemprop="jobTitle" />
            <xf:userbanners user="$user" tag="div" class="message-userBanner" itemprop="jobTitle" />
        </div>
        <xf:if is="$user.user_id">
            <xf:set var="$extras" value="{{ property('messageUserElements') }}" />
            <xf:if contentcheck="true">
                <div class="message-userExtras">
                <xf:contentcheck>
                    <xf:if is="$extras.register_date">
                        <dl class="pairs pairs--justified">
                            <dt><xf:fa icon="fa-calendar" />{{ phrase('joined') }}</dt>
                            <dd>{{ date($user.register_date) }}</dd>
                        </dl>
                    </xf:if>
                    <xf:if is="$extras.message_count">
                        <dl class="pairs pairs--justified">
                            <dt><xf:fa icon="fa-comments" />{{ phrase('messages') }}</dt>
                            <dd>{$user.message_count|number}</dd>
                        </dl>
                    </xf:if>
                    <xf:if is="$extras.reaction_score">
                        <dl class="pairs pairs--justified">
                            <dt><xf:fa icon="fa-thumbs-up fa-flip-horizontal" />{{ phrase('reaction_score') }}</dt>
                            <dd>{$user.reaction_score|number}</dd>
                        </dl>
                    </xf:if>
                    <xf:if is="$extras.trophy_points && $xf.options.enableTrophies">
                        <dl class="pairs pairs--justified">
                            <dt><xf:fa icon="fa-trophy" />{{ phrase('points') }}</dt>
                            <dd>{$user.trophy_points|number}</dd>
                        </dl>
                    </xf:if>
                    <xf:if is="$extras.age && $user.Profile.age">
                        <dl class="pairs pairs--justified">
                            <dt><xf:fa icon="fa-birthday-cake" />{{ phrase('age') }}</dt>
                            <dd>{$user.Profile.age}</dd>
                        </dl>
                    </xf:if>
                    <xf:if is="$extras.location && $user.Profile.location">
                        <dl class="pairs pairs--justified">
                            <dt><xf:fa icon="fa-map-marker" />{{ phrase('location') }}</dt>
                            <dd>
                                <xf:if is="$xf.options.geoLocationUrl">
                                    <a href="{{ link('misc/location-info', '', {'location': $user.Profile.location}) }}" rel="nofollow noreferrer" target="_blank" class="u-concealed">{$user.Profile.location}</a>
                                <xf:else />
                                    {$user.Profile.location}
                                </xf:if>
                            </dd>
                        </dl>
                    </xf:if>
                    <xf:if is="$extras.website && $user.Profile.website">
                        <dl class="pairs pairs--justified">
                            <dt><xf:fa icon="fa-globe" />{{ phrase('website') }}</dt>
                            <dd><a href="{$user.Profile.website}" rel="nofollow" target="_blank"><!-- {$user.Profile.website|url('host', phrase('visit_site'))} --><i class="fa fa-link"></i></a></dd>
                        </dl>
                    </xf:if>
                    <xf:if is="$extras.custom_fields">
                        <xf:macro template="custom_fields_macros" name="custom_fields_values"
                            arg-type="users"
                            arg-group="personal"
                            arg-set="{$user.Profile.custom_fields}"
                            arg-additionalFilters="{{ ['message'] }}"
                            arg-valueClass="pairs pairs--justified" />
                        <xf:if is="$user.canViewIdentities()">
                            <xf:macro template="custom_fields_macros" name="custom_fields_view"
                                arg-type="users"
                                arg-group="contact"
                                arg-set="{$user.Profile.custom_fields}"
                                arg-additionalFilters="{{ ['message'] }}"
                                arg-valueClass="pairs pairs--justified" />
                        </xf:if>
                    </xf:if>
                    <xf:if is="$xf.options.showMessageOnlineStatus && $user">
                        <div class="box">   
                            <xf:if is="$user.isOnline()">
                                <div class="ribbon"><span>{{ phrase('online_now') }}</span></div>
                            <xf:else />
                                <div class="ribbonB"><span>غير متواجد</span></div>
                            </xf:if>
                        </div>
                    </xf:if>
                </xf:contentcheck>
                </div>
            </xf:if>
        </xf:if>
        <span class="message-userArrow"></span>
    </section>
</xf:macro>

<xf:macro name="user_info_simple" arg-user="!" arg-fallbackName="">
    <header itemscope itemtype="https://schema.org/Person" class="message-user">
        <meta itemprop="name" content="{{ $user.username ?: $fallbackName }}">
        <div class="message-avatar">
            <div class="message-avatar-wrapper">
                <xf:avatar user="$user" size="s" defaultname="{$fallbackName}" itemprop="image" />
            </div>
        </div>
        <span class="message-userArrow"></span>
    </header>
</xf:macro>

<xf:macro name="attachments" arg-attachments="!" arg-message="!" arg-canView="!">
    <xf:if contentcheck="true">
        <xf:css src="attachments.less" />
        <section class="message-attachments">
            <h4 class="block-textHeader">{{ phrase('attachments') }}</h4>
            <ul class="attachmentList">
                <xf:contentcheck>
                    <xf:foreach loop="$attachments" value="$attachment" if="!$message.isAttachmentEmbedded($attachment)">
                        <xf:macro template="attachment_macros" name="attachment_list_item"
                            arg-attachment="{$attachment}"
                            arg-canView="{$canView}" />
                    </xf:foreach>
                </xf:contentcheck>
            </ul>
        </section>
    </xf:if>
</xf:macro>

<xf:macro name="signature" arg-user="!">
    <xf:if is="$xf.visitor.Option.content_show_signature AND $user.Profile.signature">
        <xf:if contentcheck="true">
            <aside class="message-signature"><h3 class="sign-title clfx"><xf:fa icon="fa-user" /> <span>توقيع {$user.username}</span></h3>
            <xf:contentcheck>
                {{ bb_code($user.Profile.signature, 'user:signature', $user) }}
            </xf:contentcheck>
            </aside>
        </xf:if>
    </xf:if>
</xf:macro>
 

bousaid

^_^
الطاقم الإداري
إنضم
30 جانفي 2019
المشاركات
39
نقاط التفاعل
172
النقاط
18
ضع في قالب extra.less مايلي:


Less:
.sign-title {
  margin: 0 0 4px 36px;
}
.sign-title i {
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #ddd;
  text-align: center;
  line-height: 27px;
  background-color: #fff;
  position: relative;
  z-index: 2;
  padding: 1px;
  position: relative;
}
.sign-title i img{
  position: absolute;
  top: 0;
  left: 0;right: 0;bottom: 0;
  border: 1px solid #fff;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.sign-title span {
  display: block;
  float: left;
  /*font-family: nes;*/
  font-weight: normal;
  margin-top: 4px;
  padding: 2px 10px 2px 20px;
  border: 1px solid #ddd;
  border-radius: 20px 20px 0 0;
  margin-left: -12px;
  position: relative;
  z-index: 1;
  line-height: 16px;
  font-size: 13px;
}
body .message-cell.message-cell--user {
  flex: 0 0 180px
}
.message-userExtras dl .fa{{ fa_weight() }}{
    background-color: @xf-paletteAccent2;   
}
.message-userExtras dl{
  padding: 3px 6px 3px 28px;
  margin: 0 0 4px;
  position: relative;
  position: relative;
  background-color: @xf-contentBg;
    border-bottom: @xf-borderSize @xf-borderColorHeavy solid;border-radius: 13px;
}

.message-userExtras dl .fa{{ fa_weight() }},.u-info-style li a i {
  float: left;
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  text-align: center;
  line-height: 23px;
  font-size: 13px;
  color: @xf-contentBg;
}

.f-website dd a {
  padding-top: 3px;
  display: inline-block;
}

.userBanner {
  margin-bottom: 10px;
}

.message-main time.u-dt:before {
  .m-faBase();
  display: inline-block;
  .m-faContent(@fa-var-clock);
  margin-right: 3px;
}
.message-signature, .bbCodeBlock.bbCodeBlock--quote {
  border-width: 0;
  padding-top: 20px;
  margin: 0 auto 25px;

  background-color: transparent;
}
.message-signature{
  max-width: 700px;
}
.message-signature .bbWrapper, .bbCodeBlock--quote .bbCodeBlock-content {
  padding: 9px;
  border: 1px solid @xf-borderColorLight;
  border-radius: 5px;
  background-color: @xf-contentAltBg;
  clear: both;
  position: relative;
}

.message-signature .bbWrapper:before, .message-signature .bbWrapper:after {
  position: absolute;
  top: -15px;
  left: 15px;
  content: '';
  border-style: solid;
  border-width: 0 0 15px 15px;
  border-color: transparent transparent @xf-borderColorLight transparent;
}

.message-signature .bbWrapper:after {
  top: -13px;
  left: 14px;
  border-bottom-color: @xf-contentAltBg;
}
.box {
   position:absolute;
    top: 0px;
    left:65px;
}
.ribbon {
   position: absolute;
   right: -5px; top: -5px;
   z-index: 1;
   overflow: hidden;
   width: 75px; height: 75px;
   text-align: left;
}
.ribbon span {
   font-size: 10px;
   color: #fff;
   text-transform: uppercase;
   text-align: center;
   font-weight: bold; line-height: 20px;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg); /* Needed for Safari */
   width: 100px; display: block;
   background: #79A70A;
   background: linear-gradient(#9BC90D 0%, #79A70A 100%);
   box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
   position: absolute;
   top: 19px; left: -21px;
}
.ribbon span::before {
   content: '';
   position: absolute;
   left: 0px; top: 100%;
   z-index: -1;
   border-left: 3px solid #79A70A;
   border-right: 3px solid transparent;
   border-bottom: 3px solid transparent;
   border-top: 3px solid #79A70A;
}
.ribbon span::after {
   content: '';
   position: absolute;
   right: 0%; top: 100%;
   z-index: -1;
   border-right: 3px solid #79A70A;
   border-left: 3px solid transparent;
   border-bottom: 3px solid transparent;
   border-top: 3px solid #79A70A;
}
/*B*/

.ribbonB {
   position: absolute;
   right: -5px; top: -5px;
   z-index: 1;
   overflow: hidden;
   width: 75px; height: 75px;
   text-align: left;
}
.ribbonB span {
   font-size: 10px;
   color: #fff;
   text-transform: uppercase;
   text-align: center;
   font-weight: bold; line-height: 20px;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg); /* Needed for Safari */
   width: 100px; display: block;
   background: #79A70A;
   background: linear-gradient(#2989d8 0%, #1e5799 100%);
   box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
   position: absolute;
   top: 19px; left: -21px;
}
.ribbonB span::before {
   content: '';
   position: absolute;
   left: 0px; top: 100%;
   z-index: -1;
   border-left: 3px solid #1e5799;
   border-right: 3px solid transparent;
   border-bottom: 3px solid transparent;
   border-top: 3px solid #1e5799;
}
.ribbonB span::after {
   content: '';
   position: absolute;
   right: 0%; top: 100%;
   z-index: -1;
   border-right: 3px solid #1e5799;
   border-left: 3px solid transparent;
   border-bottom: 3px solid transparent;
   border-top: 3px solid #1e5799;
}
@media (max-width: @xf-responsiveNarrow){
  .box {display: none;}
}

@media screen and (max-width: 780px) {
.f-stat .pairs {
  width: 48%;
}
}
 

عابر سبيل

:: عضو فعال ::
إنضم
1 فيفري 2019
المشاركات
117
نقاط التفاعل
54
النقاط
23
زيــــــــــــن يا أبــــو سعيـــــــــــد
 
الحالة
مغلق ولا يسمح بالمزيد من الردود.
Top