Home Webboard ArticlesKnowledges  

ผู้เขียน หัวข้อ: ทำธีมแนว Zone-My สีดำสวยงาม  (อ่าน 2909 ครั้ง)

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

ออฟไลน์ Zone-My

  • Just Mem
  • ****
  • กระทู้: 60
  • เห็นด้วย&ขอบคุณ: 17
  • เพศ: ชาย
ทำธีมแนว Zone-My สีดำสวยงาม
« เมื่อ: 02, เมษายน 2013, 08:56:03 AM »
เปิดไฟล์ index.css ค้นหา
โค๊ด: [Select]
.catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th
{

แก้ไขส่วนที่เป็นโค้ดสีของคุณ
โค๊ด: [Select]
color: #xxxxxx;
ให้เป็นโค้ด
โค๊ด: [Select]
color: #1E90FF;
เอารูปนี้ไปใส่ทับที่
Themes/default/images/theme
แก้ชื่อเป็น main_block.png ก่อนใส่เข้าไปเน้อว์
http://image.ohozaa.com/i/e53/SsaZ70.png

จะได้เป็นแนวสีดำแบบนี้


ปรับแต่งต่อในหัวข้อให้มันเป็นเเท็บอักษรสีทองแบบนี้


เข้า index.css
ค้นหาเเล้วเเก้ตรงโค้ด
โค๊ด: [Select]
h3.catbg a:link, h3.catbg a:visited, h3.catbg
{

ให้เป็นแบบนี้ทั้งหมด
โค๊ด: [Select]
h3.catbg a:link, h3.catbg a:visited, h3.catbg
{
  color: #FFE4B5;
}

ตัวอย่างโค้ดสีเเท็บอื่นๆที่เข้ากับธีมสีดำนี้
โค๊ด: [Select]
/* Styles for rounded headers.
------------------------------------------------------- */
h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg
{
overflow: hidden;
height: 31px;
line-height: 31px;
font-size: 1.2em;
font-weight: bold;
}
h4.catbg a:link, h4.catbg a:visited, .table_list tbody.header td, .table_list tbody.header td a
{
color: #350;  /* #350 */
}
h3.catbg a:link, h3.catbg a:visited, h3.catbg
{
  color: #FFE4B5;
}
h3.catbg2 a, h3.catbg2
{
color: #feb;
}
h3.catbg a:hover, h4.catbg a:hover, .table_list tbody.header td a:hover
{
color: #FFFF00;  /* #fd9 */
text-decoration: none;
}
h3.catbg2 a:hover
{
color: #fff;
text-decoration: none;
}
h3.titlebg a, h3.titlebg, h4.titlebg, h4.titlebg a
{
color: #000000;  /* #FFFFFF */
}
h3.titlebg a:hover, h4.titlebg a:hover
{
color: #53616f;
text-decoration: none;
}

เเละ
โค๊ด: [Select]
/* Generic, mostly color-related, classes.
------------------------------------------------------- */

.titlebg, .titlebg2, tr.titlebg th, tr.titlebg td, tr.titlebg2 td
{
color: #DA70D6;
font-family: arial, helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
background: #e3e9ef url(../images/theme/main_bar.png) no-repeat -10px -380px;
}
.catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th
{
color: #1E90FF;
font-family: arial, helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
background: #a7b9cd url(../images/theme/main_block.png) no-repeat -10px -280px;
}

/* adjust the table versions of headers */
tr.titlebg th, tr.titlebg2 th, td.titlebg, td.titlebg2, tr.catbg th, tr.catbg2 th, td.catbg, td.catbg2
{
padding: 0 6px;
}
tr.titlebg th a:link, tr.titlebg th a:visited, tr.titlebg2 td a:link, tr.titlebg2 td a:visited
{
color: #FFFFFF;
}
tr.catbg th a:link, tr.catbg th a:visited, tr.catbg2 td a:link, tr.catbg2 td a:visited
{
color: #350;  /* #350 */
}

เเละสุดท้ายโค้ดพื้นหลังของ windowsbg ต่างๆ
โค๊ด: [Select]
/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, #preview_body
{ color: #333; background-color: #EEF3F8; }

/*{
color: #333;
background-color: #e7eaef;
}*/

.windowbg2
{ color: #333; background-color: #FAFBFC; }

/*{
color: #000;
background-color: #f0f4f7;
}*/

.windowbg3
{
color: #000;
background-color: #cacdd3;
}

Credit: Zone-My.com
« แก้ไขครั้งสุดท้าย: 02, เมษายน 2013, 11:03:43 AM โดย Zone-My »


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

 

Sitemap 1 2 3 4 5 6 7 8 9 10 
Back to top