Kaip sutvarkyti Userinfopanel ?

[airiux140]

Sveiki, kaip man sutvarkyti, kad tos tuštumos nebūtų ir rodytu po nuotrauka nario ranga ? Ir kodėl man dešinioje pusėje nėra Topics, nors buvo ?

 

Nuotrauka :

 

 

Kodas 1# (Look & Feel - YourSkin - userinfoPane)

<div class="wa_userinfo" itemscope itemtype="http://schema.org/Person" class='user_details'>
<span class='hide' itemprop="name">{$author['members_display_name']}</span>

<!-- USERPANE BG CODED BY YOW MIKE FORUMVOLT -->
<div class='wa_userinfo_bg' style='height:110px;<if test="hasBodyCustomization:|:$author['customization']['bg_color'] OR $author['customization']['_bgUrl']"><if test="hasBackgroundImage:|:$author['customization']['_bgUrl']">background-image: url("{$author['customization']['_bgUrl']}") !important;background-size: 100% 100% !important;<if test="backgroundIsFixed:|:! $author['customization']['bg_tile']"><else />background-position: 0px 0px;background-attachment: fixed;background-repeat: repeat;</if></if></if>'></div>
<!-- USERPANE BG CODED BY YOW MIKE FORUMVOLT -->

<div class="wa_userinfo_b1">
    <if test="avatar:|:$author['member_id']">
     
        <if test="canSeeProfiles:|:$this->memberData['g_is_supmod'] OR ( $this->memberData['g_mem_info'] && ! IPSMember::isInactive( $author ) )">
       <a itemprop="url" href="{parse url="showuser={$author['member_id']}" template="showuser" seotitle="{$author['members_seo_name']}" base="public"}" title="{$this->lang->words['view_profile']}: {$author['members_display_name']}" class='ipsUserPhotoLink'>
       </if>
       <if test="hasVariable:|:$this->settings['member_topic_avatar_max']">
         <img itemprop="image" src='{$author['pp_main_photo']}' class='ipsUserPhoto ipsUserPhoto_variable' />
       <else />
         <img itemprop="image" src='{$author['pp_thumb_photo']}' class='ipsUserPhoto ipsUserPhoto_large' />
       </if>
       <if test="canSeeProfiles2:|:$this->memberData['g_is_supmod'] OR ( $this->memberData['g_mem_info'] && ! IPSMember::isInactive( $author ) )">
       </a>
       </if>
    
   <else />
    
       <img itemprop="image" src='{$author['pp_thumb_photo']}' class='ipsUserPhoto ipsUserPhoto_large' />
    
   </if>
</div>

<div class="wa_userinfo_b3">
<div style="padding-top:5px;">


<if test="sendpm:|:$this->memberData['g_use_pm'] AND $this->memberData['member_id'] != $author['member_id'] AND $this->memberData['members_disable_pm'] == 0 AND IPSLib::moduleIsEnabled( 'messaging', 'members' ) && $author['member_id']">
<a id='pm_{$contentid}_{$author['member_id']}' href='{parse url="app=members&module=messaging&section=send&do=form&fromMemberID={$author['member_id']}" base="public"}' title='{$this->lang->words['pm_this_member']}' class="pm_button ipsButton_secondary ipsType_smaller"><img src="{style_images_url}/email_open.png" alt=""></a>
   
</if>

<if test="friendop:|:$this->memberData['member_id'] AND $this->memberData['member_id'] != $author['member_id'] && $this->settings['friends_enabled'] AND $this->memberData['g_can_add_friends'] && $author['member_id']">
<if test="isfriend:|:IPSMember::checkFriendStatus( $author['member_id'] )">
<a href='{parse url="app=members&module=profile&section=friends&do=remove&member_id={$author['member_id']}&secure_key={$this->member->form_hash}" base="public"}' title='{$this->lang->words['remove_friend']}' class="pm_button ipsButton_secondary ipsType_smaller"><img src="{style_images_url}/user_delete.png" alt=""></a>

<else />
          <a href='{parse url="app=members&module=profile&section=friends&do=add&member_id={$author['member_id']}&secure_key={$this->member->form_hash}" base="public"}' title='{$this->lang->words['add_friend']}' class="pm_button ipsButton_secondary ipsType_smaller"><img src="{style_images_url}/user_add.png" alt=""></a>
</if>
</if>
       

      <foreach loop="customFieldsOuter:$author['custom_fields'] as $group => $data">
        <foreach loop="customFields:$author['custom_fields'][ $group ] as $field">
          <if test="$field != ''">
              {$field} 
          </if>
        </foreach>
      </foreach>   

</div>
</div>

<div style="width: 90%; margin: 0 auto;margin-top: 5px;">
<!-- REPUTATION BAR YOW MIKE CODED -->
<if test="cardRep:|:$this->settings['reputation_enabled'] && $this->settings['reputation_show_profile']">
<div class="reputation-bg" data-tooltip="{parse expression="$author['author_reputation']['text']"}">
<div class="reputation-bar
<!-- GREY BAR -->
<if test="$author['pp_reputation_points']==0">gray width10</if>
<!-- /GREY BAR -->

<!-- RED BARS -->
<if test="$author['pp_reputation_points']<0 && $author['pp_reputation_points']>=-15">red</if>
<if test="$author['pp_reputation_points']<-15 && $author['pp_reputation_points']>=-30">red</if>
<if test="$author['pp_reputation_points']<-30 && $author['pp_reputation_points']>=-45">red</if>
<if test="$author['pp_reputation_points']<-45 && $author['pp_reputation_points']>=-60">red</if>
<if test="$author['pp_reputation_points']<-60">red</if>
<!-- /RED BAR -->

<!-- BLUE BARS -->
<if test="$author['pp_reputation_points']>=1 && $author['pp_reputation_points']<=10">blue width20</if>
<if test="$author['pp_reputation_points']>10 && $author['pp_reputation_points']<=20">blue width20</if>
<if test="$author['pp_reputation_points']>20 && $author['pp_reputation_points']<=40">blue width30</if>
<if test="$author['pp_reputation_points']>30 && $author['pp_reputation_points']<=80">blue width30</if>
<if test="$author['pp_reputation_points']>40 && $author['pp_reputation_points']<=160">blue width40</if>
<!-- /BLUE BARS -->

<!-- GREEN BARS -->
<if test="$author['pp_reputation_points']>50 && $author['pp_reputation_points']<=200">green width40</if>
<if test="$author['pp_reputation_points']>70 && $author['pp_reputation_points']<=250">green width50</if>
<if test="$author['pp_reputation_points']>90 && $author['pp_reputation_points']<=300">green width50</if>
<if test="$author['pp_reputation_points']>110 && $author['pp_reputation_points']<=350">green width60</if>
<if test="$author['pp_reputation_points']>130 && $author['pp_reputation_points']<=450">green</if>
<!-- /GREEN BARS -->

<!-- GOLD BARS -->
<if test="$author['pp_reputation_points']>150 && $author['pp_reputation_points']<=500">gold width60</if>
<if test="$author['pp_reputation_points']>190 && $author['pp_reputation_points']<=550">gold width70</if>
<if test="$author['pp_reputation_points']>230 && $author['pp_reputation_points']<=600">gold width80</if>
<if test="$author['pp_reputation_points']>270 && $author['pp_reputation_points']<=700">gold width90</if>
<if test="$author['pp_reputation_points']>800">gold</if>
<!-- /GOLD BARS -->
">
{$author['pp_reputation_points']}
</div>
</div>
</if>
<!-- /REPUTATION BAR YOW MIKE CODED -->
</div>

<if test="authorwarn:|:$author['show_warn']">

<if test="hasWarningId:|:$options['wl_id']">
<img src='{$this->settings['img_url']}/warn.png' class='clickable' onclick='warningPopup( this, {$options['wl_id']} )' title='{$this->lang->words['warnings_issued']}' />
</if>
<a class='desc lighter blend_links' href='{parse url="app=members&module=profile&section=warnings&member={$author['member_id']}&from_app={$this->request['app']}&from_id1={$contentid}&from_id2={$options['id2']}" base="public"}' id='warn_link_{$contentid}_{$author['member_id']}' title='{$this->lang->words['warn_view_history']}'>{parse expression="sprintf( $this->lang->words['warn_status'], $author['warn_level'] )"}</a>

</if>

<div class="wa_userinfo_b4">
<if test="postCount:|:$author['member_id']">
    <div class="left wa_userinfo_b4_1">
      <div>
        <span class="wa_userinfo_b4_m">Posts</span>
      </div>
      <div style="padding-top: 5px;">
        <span style="font-size: 15px;">{parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $author['posts'] ) )"}</span>
      </div>
    </div>
    </if>
    <if test="authorcfields:|:$author['custom_fields'] != """></if>
</div>


</ul>
</div>

 

Kodas 2# (Look & Feel - YourSkin - CSS - UserinfoPane.css)

.wa_showcard {
    height: 100px;
    line-height: 190px;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100% !important;
    -moz-background-size: 100% 100% !important;
    background-size: 100% 100% !important;
    background-position: 50% 50%;
}

.wa_userinfo {
    background: #Fff;
    margin: 3px
0 0 3px;
    border-radius: 2px;
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
}

.wa_userinfo_bg {
    height: 50px;
    background: #fff !important;
    background-size: 100% 100% !important;
    border-radius: 2px 2px 0 0;
}

.wa_userinfo_b1 {
    text-align: center;
    margin-top: -40px;
}

.wa_userinfo_b1
img {
    height: 80px;
    border-radius: 800px;
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.2);
    border: 2px
solid #fff;
}

.wa_userinfo_b2 {
    padding-top: 10px;
}

.wa_userinfo_b2
span {
    color: #3e3e3e;
    font-size: 18px;
}

.wa_userinfo_b3 {
    padding-top: 5px;
}

.wa_userinfo_b3 .ipsButton_secondary {
padding: 0 5px;
}

.wa_userinfo_b3
span {
    color: #b0b4b7;
    font-size: 11px;
}

.wa_userinfo_b4 {
    background: #F8F8F8;
    overflow: hidden;
    padding: 7px;
    margin-top: 5px;
}

.wa_userinfo_b4_1 {
    width: 50%;
}

.wa_userinfo_b4_m {
    color: #c2c4c6;
}
/************************************************************************/
/* USER REPUTATION CODED BY YOW MIKE */ 
.reputation-bg {
background: #415C71;
border: 1px solid #415C71;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px
}

.reputation-bar {
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
font: 12px/23px "Segoe UI",Arial,Tahoma,sans-serif;
color: #fff;
height: 21px;
margin: 1px;
text-align: center;
}

.reputation-bar.gray { background:#BDC3C7; }
.reputation-bar.red { background:#C0392B; }
.reputation-bar.blue { background:#3498DB; }
.reputation-bar.green { background:#2ECC71; }
.reputation-bar.gold { background:#F1C40F; }
.reputation-bar .width10 { width: 10% }
.reputation-bar. width20 { width: 20% }
.reputation-bar. width30 { width: 30% }
.reputation-bar. width40 { width: 40% }
.reputation-bar. width50 { width: 50% }
.reputation-bar. width60 { width: 60% }
.reputation-bar. width70 { width: 70% }
.reputation-bar. width80 { width: 80% }
.reputation-bar. width90 { width: 90% }
 

[GaDzas]

Gali duoti web'site, kurioje reiktu sutvarkyti?

[airiux140]

NEBEREIKIA.

 

RAKINKITE TEMA.