PDA

View Full Version : Vài Mod cho IBP 2.0.3

seller.credit
14-03-2006, 08:38 AM
Tất cả Mod bên http://ntd.giaidieuxanh.info tui cho wa đây hết.
Bà kon có thắc mắc gì cứ nói nhá.
1.Hiệu ứng Logout
Chức năng: Screen chuyển màu xám trước khi log out.
ACP-->Skin manager-->skin của bạn-->Editing Board Wrapper...
tìm :
<% CSS %>
<% JAVASCRIPT %>
thêm phía sau :
<script type="text/javascript"> <!--
function log_out()
{
ht = document.getElementsByTagName("html");
ht[0].style.filter = "progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)";
if (confirm('Are you sure you want to log out?'))
{
return true;
}
else
{
ht[0].style.filter = "";
return false;
}
}
//--> </script>
tiếp.
Admin CP > Skin Manager > Pick your skin (Edit Root Skin Template HTML) > All Global HTML > member_bar >
tìm :
<a href="{ipb.script_url}act=Login&amp;CODE=03">{ipb.lang['log_out']}</a>
thay bằng :
<a href="{ipb.script_url}act=Login&amp;CODE=03" onclick="return log_out()">{ipb.lang['log_out']}</a>
seller.credit
14-03-2006, 08:45 AM
2.Chèn quảng cáo trong mỗi topic
1 chỉnh sửa nhỏ để hiện quảng cáo trong mỗi topic, dưới post đầu tiên của topic đó :
mở file sources/lib/topic_linear.php
Tìm
//-----------------------------------------
// Format and print out the topic list
//-----------------------------------------
chèn phía dưới
$first_post = 0;
Tìm tiếp theo:
$this->output .= $this->lib->html->RenderRow( $row, $poster );
Chèn phía trên :
$first_post++;

if ($first_post == 2)
{
$this->output .= <<<EOF
<a href="http://www.vietspaceit.com">www.vietspaceit.com</a>
EOF;
}
thay thế cái :
<a href="http://www.vietspaceit.com">www.vietspaceit.com</a>
bằng những quảng cáo mà bạn muốn để ( ví dụ như của google )
seller.credit
14-03-2006, 09:03 AM
3.Mod .. Tăng Tốc Diễn Đàn
• Với chỉ một chỉnh sửa nho nhỏ thì diễn đàn bạn tuỳ vào host mà có thể tăng tốc độ lên đáng kể!

• Lợi dụng chức năng Persistent Database Connections của PHP mà Invision Board nó giấu trong file của nó! Chức năng này do Invision Board ko chắc là những khách hàng của nó sẽ sử dụng MySQL hay MS Access nên nó để ở chế độ tắt! Tuy nhiên, chức năng này thật sự có ích cho các bạn này sử dụng MySQL như một cơ sở dữ liệu cho diễn đàn mình!
Mở file ./ips_kernel/class_db_mysql.php:
Tìm:
"persistent" => "0" ,
Thay bằng:
"persistent" => "1" ,
• Thật sự đơn giản phải ko bạn. Nhưng nó sẽ mang lại một sự khác biệt cho diễn đàn bạn đấy!
seller.credit
14-03-2006, 09:10 AM
4. Mod Giới tính
Vào ACP => Users and Groups=>Custom Profile Fields => ADD NEW FIELD
Xong điền như sau
Field Title ===> Giới Tính
Description ===> Chọn Giới Tính
Field Type ====> Chọn Drop Down Box
Display order ====> Điền 1
Expected Input Format ===> bỏ trống
Option Content (for drop downs) ==> điền như sau
Chưa biết=Chưa biết
Con trai=Con trai
Con gái=Con gái
Include on registration page? ===> Chọn Yes
Field MUST be completed and not left empty? ===> Chọn Yes nếu muốn bắt buộc
Field can be edited by the member? ===> Chọn Yes
Make this a private profile field? ====> chọn NO
Make Admin and Super Moderator Editable/Viewable Only? ===> Chọn NO
Topic View Format? ===> Make sure trong cái box đó có cái này
{title}: {content}<br />
Nếu có rùi thì thôi.. nếu chưa thì điền vào.
seller.credit
14-03-2006, 09:14 AM
5.Mod Tuổi
1) Mở sources/sql/mysql_queries.php
Tìm:
function topics_get_posts( $a )
{
# topics.php

return "SELECT p.*,
m.id,m.name,m.mgroup,m.email,m.joined,m.posts, m.last_visit, m.last_activity,m.login_anonymous,m.title,m.hide_email, m.warn_level, m.warn_lastwarn,
me.msnname,me.aim_name,me.icq_number,me.signature, me.website,me.yahoo,me.location, me.avatar_location, me.avatar_type, me.avatar_size
FROM ".SQL_PREFIX."posts p
LEFT JOIN ".SQL_PREFIX."members m ON (p.author_id=m.id)
LEFT JOIN ".SQL_PREFIX."member_extra me ON (me.id=m.id)
WHERE p.pid IN(".implode(',', $a['pids']).") ORDER BY {$a['scol']} {$a['sord']}";

}


Thay bằng:
function topics_get_posts( $a )
{
# topics.php

return "SELECT p.*,
m.id,m.name,m.mgroup,m.bday_month,m.bday_year,m.bday_day,m.email,m.joined,m.posts, m.last_visit, m.last_activity,m.login_anonymous,m.title,m.hide_email, m.warn_level, m.warn_lastwarn,
me.msnname,me.aim_name,me.icq_number,me.signature, me.website,me.yahoo,me.location, me.avatar_location, me.avatar_type, me.avatar_size
FROM ".SQL_PREFIX."posts p
LEFT JOIN ".SQL_PREFIX."members m ON (p.author_id=m.id)
LEFT JOIN ".SQL_PREFIX."member_extra me ON (me.id=m.id)
WHERE p.pid IN(".implode(',', $a['pids']).") ORDER BY {$a['scol']} {$a['sord']}";

}


Tìm:
function topics_get_posts_with_join( $a )
{
# topics.php

return "SELECT p.*,
m.id,m.name,m.mgroup,m.email,m.joined,m.posts, m.last_visit, m.last_activity,m.login_anonymous,m.title,m.hide_email, m.warn_level, m.warn_lastwarn,
me.msnname,me.aim_name,me.icq_number,me.signature, me.website,me.yahoo,me.location, me.avatar_location, me.avatar_type, me.avatar_size,
pc.*
FROM ".SQL_PREFIX."posts p
LEFT JOIN ".SQL_PREFIX."members m ON (p.author_id=m.id)
LEFT JOIN ".SQL_PREFIX."member_extra me ON (me.id=m.id)
LEFT JOIN ".SQL_PREFIX."pfields_content pc ON (pc.member_id=p.author_id)
WHERE p.pid IN(".implode(',', $a['pids']).") ORDER BY {$a['scol']} {$a['sord']}";

}


Thay bằng:
function topics_get_posts_with_join( $a )
{
# topics.php

return "SELECT p.*,
m.id,m.name,m.mgroup,m.bday_month,m.bday_year,m.bday_day,m.email,m.joined,m.posts, m.last_visit, m.last_activity,m.login_anonymous,m.title,m.hide_email, m.warn_level, m.warn_lastwarn,
me.msnname,me.aim_name,me.icq_number,me.signature, me.website,me.yahoo,me.location, me.avatar_location, me.avatar_type, me.avatar_size,
pc.*
FROM ".SQL_PREFIX."posts p
LEFT JOIN ".SQL_PREFIX."members m ON (p.author_id=m.id)
LEFT JOIN ".SQL_PREFIX."member_extra me ON (me.id=m.id)
LEFT JOIN ".SQL_PREFIX."pfields_content pc ON (pc.member_id=p.author_id)
WHERE p.pid IN(".implode(',', $a['pids']).") ORDER BY {$a['scol']} {$a['sord']}";

}


Save và close mysql_queries.php
------------------------------------
2) Mở sources/topics.php
Tìm:
/*********************************************************************/
// Parse the member info
/*********************************************************************/

function parse_member($member=array()) {
global $ibforums, $std, $DB;


Thêm phía dưới:
if ($member['id'] != 0)
{
if ($member['bday_year'] > 0)
{

$time = getdate();

$member['bgn'] = "Age:";
$member['age'] = $time['year'] - $member['bday_year'];

if ($time['mon'] < $member['bday_month'] OR ($time['mon']==$member['bday_month'] AND $time['mday'] < $member['bday_day']))
{
$member['age']--;
}
if ($member['age'] < 1)
{
$member['age'] = "Not Specified";
}

}
}
else
{
$member['age'] = "";
$member['bgn'] = "";
}


Save và close topics.php
------------------------------------
3) Vào ACP -- Skins & Templates -> Skin Manager -> {skin của bạn} -> Edit Skin Template HTML -> Topic View -> Render Row
Tìm:
{$author['member_joined']}<br />
Thêm phía dưới:
{$author['bgn']} {$author['age']}<br />
seller.credit
14-03-2006, 09:17 AM
6.Thêm nhiều colors trong bài viết
• Mod này cho ta nhiều chức năng màu khi post bài hơn.
Thêm nhiều màu cho bài viết
Mở file .../skin_cache/cacheid_*/skin_post.php
Tìm:
<option value="orange" style="color: orange;">{$ibforums->lang['ct_orange']}</option>
<option value="yellow" style="color: yellow;">{$ibforums->lang['ct_yellow']}</option>
<option value="gray" style="color: gray;">{$ibforums->lang['ct_grey']}</option>
<option value="green" style="color: green;">{$ibforums->lang['ct_green']}</option>
Thêm vào bên dưới:
<option value='AliceBlue' style='color:AliceBlue'>AliceBlue</option>
<option value='AntiqueWhite' style='color:AntiqueWhite'>AntiqueWhite</option>
<option value='Aqua' style='color:Aqua'>Aqua</option>
<option value='Aquamarine' style='color:Aquamarine'>Aquamarine</option>
<option value='Azure' style='color:Azure'>Azure</option>
<option value='Beige' style='color:Beige'>Beige</option>
<option value='Bisque' style='color:Bisque'>Bisque</option>
<option value='BlanchedAlmond' style='color:BlanchedAlmond'>BlanchedAlmond</option>
<option value='Blue' style='color:blue'>Blue</option>
<option value='black' style='color:black'>Black</option>
<option value='BlueViolet' style='color:BlueViolet'>BlueViolet</option>
<option value='Brown' style='color:Brown'>Brown</option>
<option value='BurlyWood' style='color:BurlyWood'>BurlyWood</option>
<option value='CadetBlue' style='color:CadetBlue'>CadetBlue</option>
<option value='Chartreuse' style='color:Chartreuse'>Chartreuse</option>
<option value='Chocolate' style='color:Chocolate'>Chocolate</option>
<option value='Coral' style='color:Coral'>Coral</option>
<option value='CornFlowerBlue' style='color:CornFlowerBlue'>CornFlowerBlue</option>
<option value='Cornsilk' style='color:Cornsilk'>Cornsilk</option>
<option value='Crimson' style='color:Crimson'>Crimson</option>
<option value='Cyan' style='color:Cyan'>Cyan</option>
<option value='DarkBlue' style='color:DarkBlue'>DarkBlue</option>
<option value='DarkCyan' style='color:DarkCyan'>DarkCyan</option>
<option value='DarkGoldenrod' style='color:DarkGoldenrod'>DarkGoldenrod</option>
<option value='DarkGray' style='color:DarkGray'>DarkGray</option>
<option value='DarkGreen' style='color:DarkGreen'>DarkGreen</option>
<option value='DarkKhaki' style='color:DarkKhaki'>DarkKhaki</option>
<option value='DarkMagenta' style='color:DarkMagenta'>DarkMagenta</option>
<option value='DarkOliveGreen' style='color:DarkOliveGreen'>DarkOliveGreen</option>
<option value='DarkOrange' style='color:DarkOrange'>DarkOrange</option>
<option value='DarkOrchid' style='color:DarkOrchid'>DarkOrchid</option>
<option value='DarkRed' style='color:DarkRed'>DarkRed</option>
<option value='DarkSalmon' style='color:DarkSalmon'>DarkSalmon</option>
<option value='DarkSeaGreen' style='color:DarkSeaGreen'>DarkSeaGreen</option>
<option value='DarkSlateBlue' style='color:DarkSlateBlue'>DarkSlateBlue</option>
<option value='DarkSlateGray' style='color:DarkSlateGray'>DarkSlateGray</option>
<option value='DarkTurquoise' style='color:DarkTurquoise'>DarkTurquoise</option>
<option value='DarkViolet' style='color:DarkViolet'>DarkViolet</option>
<option value='DeepPink' style='color:DeepPink'>DeepPink</option>
<option value='DeepSkyBlue' style='color:DeepSkyBlue'>DeepSkyBlue</option>
<option value='DimGray' style='color:DimGray'>DimGray</option>
<option value='DodgerBlue' style='color:DodgerBlue'>DodgerBlue</option>
<option value='FireBrick' style='color:FireBrick'>FireBrick</option>
<option value='FloralWhite' style='color:FloralWhite'>FloralWhite</option>
<option value='ForestGreen' style='color:ForestGreen'>ForestGreen</option>
<option value='Fuchsia' style='color:Fuchsia'>Fuchsia</option>
<option value='Gainsboro' style='color:Gainsboro'>Gainsboro</option>
<option value='GhostWhite' style='color:GhostWhite'>GhostWhite</option>
<option value='Gold' style='color:Gold'>Gold</option>
<option value='Goldenrod' style='color:Goldenrod'>Goldenrod</option>
<option value='Gray' style='color:Gray'>Gray</option>
<option value='Green' style='color:Green'>Green</option>
<option value='GreenYellow' style='color:GreenYellow'>GreenYellow</option>
<option value='Honeydew' style='color:Honeydew'>Honeydew</option>
<option value='HotPink' style='color:HotPink'>HotPink</option>
<option value='IndianRed' style='color:IndianRed'>IndianRed</option>
<option value='Indigo' style='color:Indigo'>Indigo</option>
<option value='Ivory' style='color:Ivory'>Ivory</option>
<option value='Khaki' style='color:Khaki'>Khaki</option>
<option value='Lavender' style='color:Lavender'>Lavender</option>
<option value='LavenderBlush' style='color:LavenderBlush'>LavenderBlush</option>
<option value='LawnGreen' style='color:LawnGreen'>LawnGreen</option>
<option value='LemonChiffon' style='color:LemonChiffon'>LemonChiffon</option>
<option value='LightBlue' style='color:LightBlue'>LightBlue</option>
<option value='LightCoral' style='color:LightCoral'>LightCoral</option>
<option value='LightCyan' style='color:LightCyan'>LightCyan</option>
<option value='LightGoldenrodYellow' style='color:LightGoldenrodYellow'>LightGoldenrodYellow</option>
<option value='LightGreen' style='color:LightGreen'>LightGreen</option>
<option value='LightGrey' style='color:LightGrey'>LightGrey</option>
<option value='LightPink' style='color:LightPink'>LightPink</option>
<option value='LightSalmon' style='color:LightSalmon'>LightSalmon</option>
<option value='LightSeaGreen' style='color:LightSeaGreen'>LightSeaGreen</option>
<option value='LightSkyBlue' style='color:LightSkyBlue'>LightSkyBlue</option>
<option value='LightSlateGray' style='color:LightSlateGray'>LightSlateGray</option>
<option value='LightSteelBlue' style='color:LightSteelBlue'>LightSteelBlue</option>
<option value='LightYellow' style='color:LightYellow'>LightYellow</option>
<option value='Lime' style='color:Lime'>Lime</option>
<option value='LimeGreen' style='color:LimeGreen'>LimeGreen</option>
<option value='Linen' style='color:Linen'>Linen</option>
<option value='Magenta' style='color:Magenta'>Magenta</option>
<option value='Maroon' style='color:Maroon'>Maroon</option>
<option value='MediumAquamarine' style='color:MediumAquamarine'>MediumAquamarine</option>
<option value='MediumBlue' style='color:MediumBlue'>MediumBlue</option>
<option value='MediumOrchid' style='color:bMediumOrchid'>MediumOrchid</option>
<option value='MediumPurple' style='color:MediumPurple'>MediumPurple</option>
<option value='MediumSeaGreen' style='color:MediumSeaGreen'>MediumSeaGreen</option>
<option value='MediumSlateBlue' style='color:MediumSlateBlue'>MediumSlateBlue</option>
<option value='MediumSpringGreen' style='color:MediumSpringGreen'>MediumSpringGreen</option>
<option value='MediumTurquoise' style='color:MediumTurquoise'>MediumTurquoise</option>
<option value='MediumVioletRed' style='color:MediumVioletRed'>MediumVioletRed</option>
<option value='MidnightBlue' style='color:MidnightBlue'>MidnightBlue</option>
<option value='MintCream' style='color:MintCream'>MintCream</option>
<option value='MistyRose' style='color:MistyRose'>MistyRose</option>
<option value='Moccasin' style='color:Moccasin'>Moccasin</option>
<option value='NavajoWhite' style='color:NavajoWhite'>NavajoWhite</option>
<option value='Navy' style='color:Navy'>Navy</option>
<option value='OldLace' style='color:OldLace'>OldLace</option>
<option value='Olive' style='color:Olive'>Olive</option>
<option value='OliveDrab' style='color:OliveDrab'>OliveDrab</option>
<option value='Orange' style='color:Orange'>Orange</option>
<option value='OrangeRed' style='color:OrangeRed'>OrangeRed</option>
<option value='Orchid' style='color:Orchid'>Orchid</option>
<option value='PaleGoldenrod' style='color:PaleGoldenrod'>PaleGoldenrod</option>
<option value='PaleGreen' style='color:PaleGreen'>PaleGreen</option>
<option value='PaleTurquoise' style='color:PaleTurquoise'>PaleTurquoise</option>
<option value='PaleVioletRed' style='color:PaleVioletRed'>PaleVioletRed</option>
<option value='PapayaWhip' style='color:PapayaWhip'>PapayaWhip</option>
<option value='PeachPuff' style='color:PeachPuff'>PeachPuff</option>
<option value='Peru' style='color:Peru'>Peru</option>
<option value='Pink' style='color:Pink'>Pink</option>
<option value='Plum' style='color:Plum'>Plum</option>
<option value='PowderBlue' style='color:PowderBlue'>PowderBlue</option>
<option value='Purple' style='color:Purple'>Purple</option>
<option value='Red' style='color:Red'>Red</option>
<option value='RosyBrown' style='color:RosyBrown'>RosyBrown</option>
<option value='RoyalBlue' style='color:RoyalBlue'>RoyalBlue</option>
<option value='SaddleBrown' style='color:SaddleBrown'>SaddleBrown</option>
<option value='Salmon' style='color:Salmon'>Salmon</option>
<option value='SandyBrown' style='color:SandyBrown'>SandyBrown</option>
<option value='SeaGreen' style='color:SeaGreen'>SeaGreen</option>
<option value='Seashell' style='color:Seashell'>Seashell</option>
<option value='Sienna' style='color:Sienna'>Sienna</option>
<option value='Silver' style='color:Silver'>Silver</option>
<option value='SkyBlue' style='color:SkyBlue'>SkyBlue</option>
<option value='SlateBlue' style='color:SlateBlue'>SlateBlue</option>
<option value='SlateGray' style='color:SlateGray'>SlateGray</option>
<option value='Snow' style='color:Snow'>Snow</option>
<option value='SpringGreen' style='color:SpringGreen'>SpringGreen</option>
<option value='SteelBlue' style='color:SteelBlue'>SteelBlue</option>
<option value='Tan' style='color:Tan'>Tan</option>
<option value='Teal' style='color:Teal'>Teal</option>
<option value='Thistle' style='color:Thistle'>Thistle</option>
<option value='Tomato' style='color:Tomato'>Tomato</option>
<option value='Turquoise' style='color:Turquoise'>Turquoise</option>
<option value='Violet' style='color:Violet'>Violet</option>
<option value='Wheat' style='color:Wheat'>Wheat</option>
<option value='White' style='color:White'>White</option>
<option value='WhiteSmoke' style='color:WhiteSmoke'>WhiteSmoke</option>
<option value='Yellow' style='color:Yellow'>Yellow</option>
<option value='YellowGreen' style='color:YellowGreen'>YellowGreen</option>


Tìm tiếp:
<option value="orange" style="color: orange;">{$ibforums->lang['ct_orange']}</option>
<option value="yellow" style="color: yellow;">{$ibforums->lang['ct_yellow']}</option>
<option value="gray" style="color: gray;">{$ibforums->lang['ct_grey']}</option>
<option value="green" style="color: green;">{$ibforums->lang['ct_green']}</option>


Thêm vào bên dưới:
<option value='AliceBlue' style='color:AliceBlue'>AliceBlue</option>
<option value='AntiqueWhite' style='color:AntiqueWhite'>AntiqueWhite</option>
<option value='Aqua' style='color:Aqua'>Aqua</option>
<option value='Aquamarine' style='color:Aquamarine'>Aquamarine</option>
<option value='Azure' style='color:Azure'>Azure</option>
<option value='Beige' style='color:Beige'>Beige</option>
<option value='Bisque' style='color:Bisque'>Bisque</option>
<option value='BlanchedAlmond' style='color:BlanchedAlmond'>BlanchedAlmond</option>
<option value='Blue' style='color:blue'>Blue</option>
<option value='black' style='color:black'>Black</option>
<option value='BlueViolet' style='color:BlueViolet'>BlueViolet</option>
<option value='Brown' style='color:Brown'>Brown</option>
<option value='BurlyWood' style='color:BurlyWood'>BurlyWood</option>
<option value='CadetBlue' style='color:CadetBlue'>CadetBlue</option>
<option value='Chartreuse' style='color:Chartreuse'>Chartreuse</option>
<option value='Chocolate' style='color:Chocolate'>Chocolate</option>
<option value='Coral' style='color:Coral'>Coral</option>
<option value='CornFlowerBlue' style='color:CornFlowerBlue'>CornFlowerBlue</option>
<option value='Cornsilk' style='color:Cornsilk'>Cornsilk</option>
<option value='Crimson' style='color:Crimson'>Crimson</option>
<option value='Cyan' style='color:Cyan'>Cyan</option>
<option value='DarkBlue' style='color:DarkBlue'>DarkBlue</option>
<option value='DarkCyan' style='color:DarkCyan'>DarkCyan</option>
<option value='DarkGoldenrod' style='color:DarkGoldenrod'>DarkGoldenrod</option>
<option value='DarkGray' style='color:DarkGray'>DarkGray</option>
<option value='DarkGreen' style='color:DarkGreen'>DarkGreen</option>
<option value='DarkKhaki' style='color:DarkKhaki'>DarkKhaki</option>
<option value='DarkMagenta' style='color:DarkMagenta'>DarkMagenta</option>
<option value='DarkOliveGreen' style='color:DarkOliveGreen'>DarkOliveGreen</option>
<option value='DarkOrange' style='color:DarkOrange'>DarkOrange</option>
<option value='DarkOrchid' style='color:DarkOrchid'>DarkOrchid</option>
<option value='DarkRed' style='color:DarkRed'>DarkRed</option>
<option value='DarkSalmon' style='color:DarkSalmon'>DarkSalmon</option>
<option value='DarkSeaGreen' style='color:DarkSeaGreen'>DarkSeaGreen</option>
<option value='DarkSlateBlue' style='color:DarkSlateBlue'>DarkSlateBlue</option>
<option value='DarkSlateGray' style='color:DarkSlateGray'>DarkSlateGray</option>
<option value='DarkTurquoise' style='color:DarkTurquoise'>DarkTurquoise</option>
<option value='DarkViolet' style='color:DarkViolet'>DarkViolet</option>
<option value='DeepPink' style='color:DeepPink'>DeepPink</option>
<option value='DeepSkyBlue' style='color:DeepSkyBlue'>DeepSkyBlue</option>
<option value='DimGray' style='color:DimGray'>DimGray</option>
<option value='DodgerBlue' style='color:DodgerBlue'>DodgerBlue</option>
<option value='FireBrick' style='color:FireBrick'>FireBrick</option>
<option value='FloralWhite' style='color:FloralWhite'>FloralWhite</option>
<option value='ForestGreen' style='color:ForestGreen'>ForestGreen</option>
<option value='Fuchsia' style='color:Fuchsia'>Fuchsia</option>
<option value='Gainsboro' style='color:Gainsboro'>Gainsboro</option>
<option value='GhostWhite' style='color:GhostWhite'>GhostWhite</option>
<option value='Gold' style='color:Gold'>Gold</option>
<option value='Goldenrod' style='color:Goldenrod'>Goldenrod</option>
<option value='Gray' style='color:Gray'>Gray</option>
<option value='Green' style='color:Green'>Green</option>
<option value='GreenYellow' style='color:GreenYellow'>GreenYellow</option>
<option value='Honeydew' style='color:Honeydew'>Honeydew</option>
<option value='HotPink' style='color:HotPink'>HotPink</option>
<option value='IndianRed' style='color:IndianRed'>IndianRed</option>
<option value='Indigo' style='color:Indigo'>Indigo</option>
<option value='Ivory' style='color:Ivory'>Ivory</option>
<option value='Khaki' style='color:Khaki'>Khaki</option>
<option value='Lavender' style='color:Lavender'>Lavender</option>
<option value='LavenderBlush' style='color:LavenderBlush'>LavenderBlush</option>
<option value='LawnGreen' style='color:LawnGreen'>LawnGreen</option>
<option value='LemonChiffon' style='color:LemonChiffon'>LemonChiffon</option>
<option value='LightBlue' style='color:LightBlue'>LightBlue</option>
<option value='LightCoral' style='color:LightCoral'>LightCoral</option>
<option value='LightCyan' style='color:LightCyan'>LightCyan</option>
<option value='LightGoldenrodYellow' style='color:LightGoldenrodYellow'>LightGoldenrodYellow</option>
<option value='LightGreen' style='color:LightGreen'>LightGreen</option>
<option value='LightGrey' style='color:LightGrey'>LightGrey</option>
<option value='LightPink' style='color:LightPink'>LightPink</option>
<option value='LightSalmon' style='color:LightSalmon'>LightSalmon</option>
<option value='LightSeaGreen' style='color:LightSeaGreen'>LightSeaGreen</option>
<option value='LightSkyBlue' style='color:LightSkyBlue'>LightSkyBlue</option>
<option value='LightSlateGray' style='color:LightSlateGray'>LightSlateGray</option>
<option value='LightSteelBlue' style='color:LightSteelBlue'>LightSteelBlue</option>
<option value='LightYellow' style='color:LightYellow'>LightYellow</option>
<option value='Lime' style='color:Lime'>Lime</option>
<option value='LimeGreen' style='color:LimeGreen'>LimeGreen</option>
<option value='Linen' style='color:Linen'>Linen</option>
<option value='Magenta' style='color:Magenta'>Magenta</option>
<option value='Maroon' style='color:Maroon'>Maroon</option>
<option value='MediumAquamarine' style='color:MediumAquamarine'>MediumAquamarine</option>
<option value='MediumBlue' style='color:MediumBlue'>MediumBlue</option>
<option value='MediumOrchid' style='color:bMediumOrchid'>MediumOrchid</option>
<option value='MediumPurple' style='color:MediumPurple'>MediumPurple</option>
<option value='MediumSeaGreen' style='color:MediumSeaGreen'>MediumSeaGreen</option>
<option value='MediumSlateBlue' style='color:MediumSlateBlue'>MediumSlateBlue</option>
<option value='MediumSpringGreen' style='color:MediumSpringGreen'>MediumSpringGreen</option>
<option value='MediumTurquoise' style='color:MediumTurquoise'>MediumTurquoise</option>
<option value='MediumVioletRed' style='color:MediumVioletRed'>MediumVioletRed</option>
<option value='MidnightBlue' style='color:MidnightBlue'>MidnightBlue</option>
<option value='MintCream' style='color:MintCream'>MintCream</option>
<option value='MistyRose' style='color:MistyRose'>MistyRose</option>
<option value='Moccasin' style='color:Moccasin'>Moccasin</option>
<option value='NavajoWhite' style='color:NavajoWhite'>NavajoWhite</option>
<option value='Navy' style='color:Navy'>Navy</option>
<option value='OldLace' style='color:OldLace'>OldLace</option>
<option value='Olive' style='color:Olive'>Olive</option>
<option value='OliveDrab' style='color:OliveDrab'>OliveDrab</option>
<option value='Orange' style='color:Orange'>Orange</option>
<option value='OrangeRed' style='color:OrangeRed'>OrangeRed</option>
<option value='Orchid' style='color:Orchid'>Orchid</option>
<option value='PaleGoldenrod' style='color:PaleGoldenrod'>PaleGoldenrod</option>
<option value='PaleGreen' style='color:PaleGreen'>PaleGreen</option>
<option value='PaleTurquoise' style='color:PaleTurquoise'>PaleTurquoise</option>
<option value='PaleVioletRed' style='color:PaleVioletRed'>PaleVioletRed</option>
<option value='PapayaWhip' style='color:PapayaWhip'>PapayaWhip</option>
<option value='PeachPuff' style='color:PeachPuff'>PeachPuff</option>
<option value='Peru' style='color:Peru'>Peru</option>
<option value='Pink' style='color:Pink'>Pink</option>
<option value='Plum' style='color:Plum'>Plum</option>
<option value='PowderBlue' style='color:PowderBlue'>PowderBlue</option>
<option value='Purple' style='color:Purple'>Purple</option>
<option value='Red' style='color:Red'>Red</option>
<option value='RosyBrown' style='color:RosyBrown'>RosyBrown</option>
<option value='RoyalBlue' style='color:RoyalBlue'>RoyalBlue</option>
<option value='SaddleBrown' style='color:SaddleBrown'>SaddleBrown</option>
<option value='Salmon' style='color:Salmon'>Salmon</option>
<option value='SandyBrown' style='color:SandyBrown'>SandyBrown</option>
<option value='SeaGreen' style='color:SeaGreen'>SeaGreen</option>
<option value='Seashell' style='color:Seashell'>Seashell</option>
<option value='Sienna' style='color:Sienna'>Sienna</option>
<option value='Silver' style='color:Silver'>Silver</option>
<option value='SkyBlue' style='color:SkyBlue'>SkyBlue</option>
<option value='SlateBlue' style='color:SlateBlue'>SlateBlue</option>
<option value='SlateGray' style='color:SlateGray'>SlateGray</option>
<option value='Snow' style='color:Snow'>Snow</option>
<option value='SpringGreen' style='color:SpringGreen'>SpringGreen</option>
<option value='SteelBlue' style='color:SteelBlue'>SteelBlue</option>
<option value='Tan' style='color:Tan'>Tan</option>
<option value='Teal' style='color:Teal'>Teal</option>
<option value='Thistle' style='color:Thistle'>Thistle</option>
<option value='Tomato' style='color:Tomato'>Tomato</option>
<option value='Turquoise' style='color:Turquoise'>Turquoise</option>
<option value='Violet' style='color:Violet'>Violet</option>
<option value='Wheat' style='color:Wheat'>Wheat</option>
<option value='White' style='color:White'>White</option>
<option value='WhiteSmoke' style='color:WhiteSmoke'>WhiteSmoke</option>
<option value='Yellow' style='color:Yellow'>Yellow</option>
<option value='YellowGreen' style='color:YellowGreen'>YellowGreen</option>

Save rồi Upload.
===========