Nowy wygląd Top 20 dzisiejszych posterów

[Mdx91]

W tym tutorialu opiszę jak zmienić wygląd "Najaktywniejszych użytkowników dzisiaj" (Today's Top 20 Posters).

Nowy wygląd prezentuje się tak:

^{Nie zwracać uwagi na niespolszczone frazy! SS z testowego forum!}

To do roboty

Wchodzimy w ACP --> Wygląd --> Style i Szablony --> [Nazwa naszego stylu] --> Szablony --> "Dodaj nowy bit"

Wpisujemy jak poniżej:

Nazwa bitu szablonu: userPhotoTPosters

Dodaj do grupy: skin_global

Zmienne: $member=array()

W stworzony szablon wklejamy poniższy kod:

<if test="linkAvatarOpen:|:$member['member_id'] && ( $this->memberData['g_is_supmod'] || ($this->memberData['g_mem_info'] && ! IPSMember::isInactive($member) ) )">
	<a href='{parse url="showuser={$member['member_id']}" template="showuser" seotitle="{$member['members_seo_name']}" base="public"}' class='ipsUserPhoto_TPosters'>
<else />
	<div class='left'>
</if>
<if test="hasphoto:|:$member['member_id']">
	<img src='{$member['pp_small_photo']}' alt='<if test="hasAlt:|:$member['alt']">{$member['alt']}<else />{$this->lang->words['photo']}</if>' class='ipsUserPhoto_TPosters <if test="hasCustomClass:|:empty($member['_customClass'])">ipsUserPhoto_TPosters_normal<else />{$member['_customClass']}</if>' />
<else />
	{IPSMember::buildNoPhoto(0, 'mini' )}
</if>
<if test="linkAvatarClose:|:$member['member_id'] && ( $this->memberData['g_is_supmod'] || ($this->memberData['g_mem_info'] && ! IPSMember::isInactive($member) ) )">
	</a>
<else />
	</div>
</if>

Zapisujemy

Przechodzimy do zakładki CSS --> ipb_styles.css

Na końcu dodajemy:

/********************************************************/
/* Top Posters Today MDX									*/
.main_today_posters {
      text-align:center;
      vertical-align:top;
      padding: 4px;
      margin: 4px;
      display:inline-block;
      overflow:hidden;
}

.main_today_posters .uavatar {
      margin:5px;
      font-weight: bold;
}

.main_today_posters .nick {
      margin:5px;
      font-weight: bold;
font-size: 16px;
}

.main_today_posters .tpost {
      margin:5px;
      font-weight: bold;
font-size: 12px;
}

.main_today_posters .tpost_percent {
      margin:5px;
      font-weight: normal;
font-size: 12px;
}

.main_today_posters .join {
      margin:5px;
      font-weight: normal;
font-size: 11px;
}

.mdx_skin { float: right; padding-top: 4px; font-size: 11px;}
.mdx_skin a { font-weight: bold;  }
.mdx_skin a:hover { text-decoration: underline; font-weight: bold;  }

.ipsUserPhoto_TPosters {
	padding: 1px;
	border: 1px solid #d5d5d5;
	background: #fff;
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
	box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}
	
	.ipsUserPhoto_TPosters:hover .ipsUserPhoto_TPosters {
		border-color: #7d7d7d;
	}

	.ipsUserPhoto_TPosters_normal { width: 100px; height: 100px; }

Przechodzimy z powrotem do zakładki Szablony --> Statystyki --> bit "top_posters"

Zamieniamy cały kod na poniższy:

<div class='category_block block_wrap clear'>

	<div class='ipsFilterbar maintitle'>{$this->lang->words['todays_posters']}</div>
	
	<div class='category_block block_wrap clear'>
    <div class='ipsBox table_wrap'>
        <div class='ipsBox_container short'>
	
		<foreach loop="topposters:$rows as $info">
		
           
                        <div class='main_today_posters'>
							<div class='uavatar'>						
                            {parse template="userPhotoTPosters" group="global" params="$info"}
                            </div>
                            <div class='nick'>
							{parse template="userHoverCard" group="global" params="$info"}
							</div>
							
							<div class='tpost'>
							{$this->lang->words['member_today']} - {parse format_number="$info['tpost']"}
                            </div>
							
							<div class='tpost_percent'>
							{$info['today_pct']}% {$this->lang->words['member_percent_mdx']}
                            </div>
							
                            <div class='join'>
							{$this->lang->words['member_joined']} - {parse date="$info['joined']" format="joined"}
							</div> 
                        </div>
        </foreach>
        </div>   
    
	</div>
			<div class='mdx_skin'>Designed by <a href="http://ponawijaj.pl/index.php/user/2-mdx/">Mdx</a></div>

	</div>
</div> 

Przechodzimy do: ACP --> Wygląd --> Tłumaczenia --> Polski --> Dodaj frazę

Wypełniamy jak poniżej:

Aplikacja: Forums

Nazwa paczki: public_stats

Klucz: member_percent_mdx

Domyślny tekst: dzisiejszych postów

Po tych operacjach cieszymy się nowym wyglądem