Home Webboard ArticlesKnowledges  

ผู้เขียน หัวข้อ: ทำส่วนของ ข้อมูล user ด้านบนสุดของบอร์ดให้เป็นพื้นสีเหลืองอ่อนสวยงาม  (อ่าน 2291 ครั้ง)

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

ออฟไลน์ Zone-My

  • Just Mem
  • ****
  • กระทู้: 60
  • เห็นด้วย&ขอบคุณ: 17
  • เพศ: ชาย
เปิดไฟล์ index.css เพิ่มโค้ด
โค๊ด: [Select]
.user
{
width: 300px;
float: right;
overflow: auto;
background: url(http://image.ohozaa.com/i/e13/WtXq0I.png) repeat;
border-radius: 10px;
margin-top: px;
margin-right: 15px;
}


จากนั้นให้ท่านเข้าไปเเก้โค้ดใน index.template.php
ค้นหา
โค๊ด: [Select]
<div id="upper_section" class="middletext"', empty($options['collapse_header']) ? '' : ' style="display: none;"', '>
เพิ่มโค้ดนี้ด้านล่าง
โค๊ด: [Select]
<div class="user">';
ลดขนาดรูป avatar ในกรอบสี่เหลี่ยม
เข้า index.css เพิ่มโค้ด
โค๊ด: [Select]
#header .user img.avatar {
width: 78px;
height: 78px;
}

เปลี่ยนคำว่า "สวัสดี" เป็นสีแดง
ค้นหา
โค๊ด: [Select]
<li class="greeting">', $txt['hello_member_ndt'], '
แก้เป็น
โค๊ด: [Select]
<li class="greeting"><font size="5pt" color="red">', $txt['hello_member_ndt'], '
จากนั้นมาดูตัวอย่างกัน


Credit: Zone-My.com


โซนมาย เเหล่งอาณาเขตออนไลน์ของคนไทย
------------------------------------------
zone-my.com :smitten:

 

Sitemap 1 2 3 4 5 6 
Back to top