5 replies to this topic

[กับดัก]

สำหรับ IP.Board Version 3.1.x แน่นอนครับว่า ไม่มีการโชว์ Avatar ในหน้า Board index แน่ๆ เพราะนั่นเป็น function ของ 3.2.x
แต่ถ้าใครที่เล่นบอร์ดรุ่น 3.1.x อยากจะทำบ้าง ก็ใช่ว่าจะทำไม่ได้นะครับ

เรามาเริ่มกันเลยครับ

1. upload file ต่อไปนี้ ไปยัง สกินของคุณ
 bumbu.zip   34.3K   8 downloads

2. ไปที่  AdminCP > Look & Feel > namaskin > Board Index > boardIndexTemplate
ด้านบน template ให้วาง โค้ดพวกนี้ไว้

<php>
if( !class_exists('Skinbox') )
require_once IPS_PUBLIC_PATH . '/style_images/' . $this->registry->getClass('output')->skin['set_image_dir'] . '/_php/loader.php';
Skinbox::avatars()->in_forums($cat_data);
</php>

Ctrl + F หา โค้ดนี้

		  <td class='altrow stats'>

แล้ววางโค้ดพวกนี้ไว้ด้านบนครับ

<style type="text/css">
.sb-avatar, .avatar a img {
		opacity: 0;
		filter: alpha(opacity=0);
}
.sb-avatar-frame, .avatar a {
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		box-shadow: 0 1px 0 rgba(255,255,255,0.2), inset 0 1px 2px rgba(0,0,0,0.5);
		-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2), inset 0 1px 2px rgba(0,0,0,0.5);
		-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.2), inset 0 1px 2px rgba(0,0,0,0.5);
		display: inline-block;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		width: 50px;
		height: 50px;
}
</style>

เสร็จแล้วหา โค้ดนี้

	  <ul>
																								<li>{$forum_data['topics']} {$this->lang->words['topics']}</li>
																								<li>{$forum_data['posts']} {$this->lang->words['replies']}</li>
																						</ul>

วางทับด้วยโค้ดนี้

	<div class="left padRight">{$forum_data['last_poster_extended']['avatar_html']}</div>

กด save เป็นอันเสร็จครับ  ลองไปทำดูนะครับ

[Latté]

โหย เจ๋งอะ

[EROSz]

มีตัวอย่างเว็บบอร์ด เวอร์ชั่น 3.1.+ ที่ทำเสร็จเรียบร้อยแล้วบ้างมั้ยครับ อยากดูเป็นแนวครับถ้าออกมาสวยก็จะได้เอาไปลงดูบ้างครับ ^^

[กับดัก]

EROSz, on 18 October 2011 - 05:47 AM, said:

มีตัวอย่างเว็บบอร์ด เวอร์ชั่น 3.1.+ ที่ทำเสร็จเรียบร้อยแล้วบ้างมั้ยครับ อยากดูเป็นแนวครับถ้าออกมาสวยก็จะได้เอาไปลงดูบ้างครับ ^^

มันทำได้ครับ และมีหลายวิธีที่จะทำให้โชว์ avatar ใน boardindex  ถ้าวิธีข้างบนใช้ไม่ได้ใช้วิธีนี้ดูนะครับ


เลือกสกิน ไปที่ boardIndexTemplate หา

<th scope='col' class='col_c_stats stats'>{$this->lang->words['stats']}</th>

เพิ่มโค้ดนี้ไว้ด้านล่าง

<th scope='col' class='col_c_user'>{$this->lang->words['userAvatar']}</th>

แล้วหา

<td class='altrow stats'>
					   <ul>
					   <li>{$forum_data['topics']} {$this->lang->words['topics']}</li>
					   <li>{$forum_data['posts']} {$this->lang->words['replies']}</li>
					   </ul>
</td>

เพิ่มโค้ดเหล่านี้ไว้ด้านล่าง

<td class='user'>
<php>
$theMember	= IPSMember::load($forum_data['last_poster_id'], 'core,extendedProfile');
if ( $theMember['avatar_location'] == ""){
$memberAvatar = "<img src='{$this->settings['img_url']}/profile/default_thumb.png'/>"
;
}else{
$memberAvatar = IPSMember::buildAvatar($theMember,0,1);
}
</php>
<center><div id='userAvatar'>{$memberAvatar}</div></center>
</td>

กด SAVE

แล้วเปิด ipb_styles.css  หา

/* General block */

วางโค้ดพวกนี้ไว้ข้างบน

#userAvatar img
{
		max-width: 40px;
		max-height: 40px;
		clear:both;
		padding: 0 2px;
}

กด SAVE

เป็นอันเสร็จ อันนี้ได้แน่นอน  ลองทำดูก่อนนะครับ

[adomkrkrbeer]

วิธีที่ 2 ผมลองทำดูแล้ว มันโชว์ครับ แต่มันใหญ่มากก

[กับดัก]

adomkrkrbeer, on 01 November 2011 - 08:44 PM, said:

วิธีที่ 2 ผมลองทำดูแล้ว มันโชว์ครับ แต่มันใหญ่มากก

ใช้สกินพื้นฐานรึเปล่าครับ ถ้าสกินพื้นฐาน ทำได้ครับ

  max-width: 40px;
  max-height: 40px;

ปรับค่่าตรงนี้ครับ ให้มันเล็กลง เอา 10px ทั้งสองอันลองดูนะ