:: JustUsers.net ::

:: คนทำเว็บ :: => Simple Machines Forum [SMF] => Theme-Art => ข้อความที่เริ่มโดย: Zone-My ที่ 02, เมษายน 2013, 08:56:03 AM

หัวข้อ: ทำธีมแนว Zone-My สีดำสวยงาม
เริ่มหัวข้อโดย: 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 (http://image.ohozaa.com/i/e53/SsaZ70.png)

จะได้เป็นแนวสีดำแบบนี้
(http://image.ohozaa.com/i/f9c/7aHyhk.png)

ปรับแต่งต่อในหัวข้อให้มันเป็นเเท็บอักษรสีทองแบบนี้
(http://image.ohozaa.com/i/ee6/wmpvIC.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