Page 1 of 1

mchat font color prosilver - subsilver

Posted: 22 Aug 2010, 11:54
by Harry
Image

open mchat_body.html

find

Code: Select all

<option value="200">{L_MCHAT_FONTHUGE}</option>
</select></span>
add after

Code: Select all

<span class="genmed nowrap"><select class="select_class" name="addbbcode7" onchange="bbfontstyle('[color=' + this.form.addbbcode7.options[this.form.addbbcode7.selectedIndex].value + ']', '[/color]');this.form.addbbcode7.selectedIndex = 0;" onmouseover="helpline('fc');" onmouseout="helpline('tip');">
           <option selected="selected" value=""><!-- Schriftfarbe-->Farba pĂ­sma</option>
           <option style="background-color: chocolate;" value="chocolate">chocolate</option>
           <option style="background-color: sandybrown;" value="sandybrown">sandybrown</option>
           <option style="background-color: darkorange;" value="darkorange">darkorange</option>
           <option style="background-color: orange;" value="orange">orange</option>

           <option style="background-color: darkgoldenrod;" value="darkgoldenrod">darkgoldenrod</option>
           <option style="background-color: goldenrod;" value="goldenrod">goldenrod</option>
           <option style="background-color: gold;" value="gold">gold</option>
           <option style="background-color: olive;" value="olive">olive</option>
           <option style="background-color: yellow;" value="yellow">yellow</option>
           <option style="background-color: yellowgreen;" value="yellowgreen">yellowgreen</option>

           <option style="background-color: greenyellow;" value="greenyellow">greenyellow</option>
           <option style="background-color: chartreuse;" value="chartreuse">chartreuse</option>
           <option style="background-color: green;" value="green">green</option>
           <option style="background-color: lime;" value="lime">lime</option>
           <option style="background-color: limegreen;" value="limegreen">limegreen</option>
           <option style="background-color: springgreen;" value="springgreen">springgreen</option>

           <option style="background-color: turquoise;" value="turquoise">turquoise</option>
           <option style="background-color: lightseagreen;" value="lightseagreen">lightseagreen</option>
           <option style="background-color: mediumturquoise;" value="mediumturquoise">mediumturquoise</option>
           <option style="background-color: teal;" value="teal">teal</option>
           <option style="background-color: darkcyan;" value="darkcyan">darkcyan</option>
           <option style="background-color: cyan;" value="cyan">cyan</option>

           <option style="background-color: darkturquoise;" value="darkturquoise">darkturquoise</option>
           <option style="background-color: deepskyblue;" value="deepskyblue">deepskyblue</option>
           <option style="background-color: dodgerblue;" value="dodgerblue">dodgerblue</option>
           <option style="background-color: royalblue;" value="royalblue">royalblue</option>
           <option style="background-color: navy;" value="navy">navy</option>
           <option style="background-color: darkblue;" value="darkblue">darkblue</option>

           <option style="background-color: mediumblue;" value="mediumblue">mediumblue</option>
           <option style="background-color: blue;" value="blue">blue</option>
           <option style="background-color: blueviolet;" value="blueviolet">blueviolet</option>
           <option style="background-color: purple;" value="purple">purple</option>
           <option style="background-color: darkmagenta;" value="darkmagenta">darkmagenta</option>
           <option style="background-color: magenta;" value="magenta">magenta</option>

           <option style="background-color: mediumvioletred;" value="mediumvioletred">mediumvioletred</option>
           <option style="background-color: deeppink;" value="deeppink">deeppink</option>
           <option style="background-color: hotpink;" value="hotpink">hotpink</option>
           <option style="background-color: crimson;" value="crimson">crimson</option>
		   <option style="background-color: red;" value="red">red</option>
		   <option style="background-color: darkred;" value="darkred">darkred</option>

           <option style="background-color: brown;" value="brown">brown</option>
           <option style="background-color: indianred;" value="indianred">indianred</option>
           <option style="background-color: rosybrown;" value="rosybrown">rosybrown</option>
           <option style="background-color: lightcoral;" value="lightcoral">lightcoral</option>
           <option style="background-color: lightsalmon;" value="lightsalmon">lightsalmon</option>
           <option style="background-color: sienna;" value="sienna">sienna</option>

           <option style="background-color: saddlebrown;" value="saddlebrown">saddlebrown</option>
           <option style="background-color: peachpuff;" value="peachpuff">peachpuff</option>
           <option style="background-color: peru;" value="peru">peru</option>
           <option style="background-color: burlywood;" value="burlywood">burlywood</option>
           <option style="background-color: tan;" value="tan">tan</option>
           <option style="background-color: khaki;" value="khaki">khaki</option>

           <option style="background-color: darkkhaki;" value="darkkhaki">darkkhaki</option>
           <option style="background-color: olivedrab;" value="olivedrab">olivedrab</option>
           <option style="background-color: darkolivegreen;" value="darkolivegreen">darkolivegreen</option>
           <option style="background-color: darkseagreen;" value="darkseagreen">darkseagreen</option>
           <option style="background-color: darkgreen;" value="darkgreen">darkgreen</option>
           <option style="background-color: forestgreen;" value="forestgreen">forestgreen</option>

           <option style="background-color: lightgreen;" value="lightgreen">lightgreen</option>
           <option style="background-color: seagreen;" value="seagreen">seagreen</option>
           <option style="background-color: mediumseagreen;" value="mediumseagreen">mediumseagreen</option>
           <option style="background-color: mediumaquamarine;" value="mediumaquamarine">mediumaquamarine</option>
           <option style="background-color: aquamarine;" value="aquamarine">aquamarine</option>
           <option style="background-color: darkslategray;" value="darkslategray">darkslategray</option>

           <option style="background-color: paleturquoise;" value="paleturquoise">paleturquoise</option>
           <option style="background-color: cadetblue;" value="cadetblue">cadetblue</option>
           <option style="background-color: lightblue;" value="lightblue">lightblue</option>
           <option style="background-color: lightskyblue;" value="lightskyblue">lightskyblue</option>
           <option style="background-color: steelblue;" value="steelblue">steelblue</option>
           <option style="background-color: cornflowerblue;" value="cornflowerblue">cornflowerblue</option>

           <option style="background-color: midnightblue;" value="midnightblue">midnightblue</option>
           <option style="background-color: slateblue;" value="slateblue">slateblue</option>
           <option style="background-color: darkslateblue;" value="darkslateblue">darkslateblue</option>
           <option style="background-color: mediumslateblue;" value="mediumslateblue">mediumslateblue</option>
           <option style="background-color: mediumpurple;" value="mediumpurple">mediumpurple</option>
           <option style="background-color: indigo;" value="indigo">indigo</option>

           <option style="background-color: mediumorchid;" value="mediumorchid">mediumorchid</option>
           <option style="background-color: plum;" value="plum">plum</option>
           <option style="background-color: violet;" value="violet">violet</option>
           <option style="background-color: orchid;" value="orchid">orchid</option>
           <option style="background-color: palevioletred;" value="palevioletred">palevioletred</option>
           <option style="background-color: pink;" value="pink">pink</option>

           <option style="background-color: black;" value="black">black</option>
           <option style="background-color: dimgray;" value="dimgray">dimgray</option>
           <option style="background-color: gray;" value="gray">gray</option>
           <option style="background-color: darkgray;" value="darkgray">darkgray</option>
           <option style="background-color: silver;" value="silver">silver</option>
           <option style="background-color: lightgray;" value="lightgray">lightgray</option>

           <option style="background-color: white;" value="white">white</option>
           </select></span>	

Re: mchat font color prosilver - subsilver

Posted: 23 Aug 2010, 09:39
by kevinviet
Hello Harry, Thanks for sharing this nice font color for Mchat but unfortunately I can't get it work on my board try to add your code but not working.
I have a very old mchat version I don't know which version it is but not the latest one for sure :oops:

Can you look at my mchat_body.html anh tell me exactly how to edit it to get the font color like your code ?
Thanks a bunch for help.

Here is my mchat_body.html

Code: Select all

	<!-- IF MCHAT_ARCHIVE_MODE or MCHAT_CUSTOM_PAGE -->
    <!-- INCLUDE overall_header.html -->
    <!-- ENDIF -->
    <!-- IF MCHAT_ARCHIVE_MODE -->
    <ul class="linklist">
    <li class="rightside pagination">{MCHAT_TOTAL_MESSAGES} &bull; <!-- IF MCHAT_PAGINATION --><a href="#" onclick="jumpto(); return false;" title="{L_JUMP_TO_PAGE}">{MCHAT_PAGE_NUMBER}</a> &bull; <span>{MCHAT_PAGINATION}</span><!-- ELSE -->{MCHAT_PAGE_NUMBER}<!-- ENDIF --></li>
    </ul>
    <!-- ENDIF -->
    <!-- IF not MCHAT_READ_MODE -->
    <div class="forabg">
             <div class="inner"><span class="corners-top"><span></span></span>
             <ul class="topiclist">
                <li class="header">
                   <dl class="icon">
                      <dt>{L_MCHAT_TITLE}</dt>
                                                  </dl>
                </li>
             </ul>
             <ul class="topiclist forums">
             <li>
    <div class="postbody mChatBodyFix">
    <!-- ENDIF -->
    <!-- IF MCHAT_ENABLE -->
    <!-- IF not MCHAT_READ_MODE -->
    <script type="text/javascript">
    // <![CDATA[
    // Define mChat setting
    var mChatFile = '{MCHAT_FILE_NAME}';
    var mChatForumRoot = '{ROOT_PATH}';
    <!-- IF not MCHAT_ARCHIVE_MODE -->
    var mChatRefresh = '{MCHAT_REFRESH_JS}';
    <!-- ELSE -->
    var mChatRefresh = '1000';
    <!-- ENDIF -->
    var mChatNoMessageInput = '{L_MCHAT_NOMESSAGEINPUT}';
    var mChatNoMessage = '{L_MCHAT_NOMESSAGE}';
    var mChatEditInfo = '{L_MCHAT_EDITINFO}';
    var mChatNoAccess = '{L_MCHAT_NOACCESS}';
    var mChatFlood = '{L_MCHAT_FLOOD}';
    var mChatDelConfirm = '{L_MCHAT_DELCONFIRM}';
    <!-- IF MCHAT_ARCHIVE_MODE -->
    var mChatArchiveMode = true;
    <!-- ELSE -->
    var mChatArchiveMode = false;
    // Define the bbCode tags
    var bbtags = new Array('[b]','[/b]','[i]','[/i]','[u]','[/u]','[quote]','[/quote]','[code]','
','
  • ','
','
  • ','
','[img]','[/img]','','','[flash=]', '[/flash]','[size=]','[/size]');
var form_name = 'mChatForm';
var text_name = 'message';
var mChatFocusFix = true;
<!-- ENDIF -->
// ]]>
</script>
<!-- IF not MCHAT_ARCHIVE_MODE -->
<script type="text/javascript" src="{T_TEMPLATE_PATH}/editor.js"></script>
<div class="mChatRowLimit">
<!-- ENDIF -->
<div id="mChatData">
<!-- ENDIF -->
<!-- BEGIN mchatrow -->
<div id="mess{mchatrow.MCHAT_MESSAGE_ID}" class="mChatBG{mchatrow.MCHAT_CLASS} mChatHover"><span style="float:left;"> {mchatrow.MCHAT_USERNAME_FULL}<!-- IF not MCHAT_ARCHIVE_MODE --><!-- IF MCHAT_ALLOW_BBCODES --><!-- IF MCHAT_COLOR_NICK and mchatrow.MCHAT_USERNAME_COLOR --> <a href="javascript://" onclick="insert_text('[color={mchatrow.MCHAT_USERNAME_COLOR}]{mchatrow.MCHAT_USERNAME}[/color], ', false);">&#124;<b style="color: {mchatrow.MCHAT_USERNAME_COLOR}">&#167;</b>&#124;</a><!-- ELSE -->&#32;<a href="javascript://" onclick="insert_text('{mchatrow.MCHAT_USERNAME}, ', false);">&#91;<b>&#88;</b>&#93;</a><!-- ENDIF --><!-- ELSE --> <a href="javascript://" onclick="insert_text('{mchatrow.MCHAT_USERNAME}, ', false);">&#91;&#88;&#93;</a><!-- ENDIF --><!-- ENDIF -->&#32;&#45;&#32;{mchatrow.MCHAT_TIME}<!-- IF MCHAT_ALLOW_IP -->&#32;</span><span style="float:right;">{mchatrow.MCHAT_USER_IP}<!-- ENDIF --><!-- IF MCHAT_ALLOW_EDIT --> <a href="javascript://" onclick="mChat.edit('{mchatrow.MCHAT_MESSAGE_ID}');"><img src="{ROOT_PATH}mchat/edit.gif" alt="{L_MCHAT_EDIT}" title="{L_MCHAT_EDIT}" style="vertical-align: middle;" /></a><input type="hidden" id="edit{mchatrow.MCHAT_MESSAGE_ID}" value="{mchatrow.MCHAT_MESSAGE_EDIT}" /><!-- ENDIF --><!-- IF MCHAT_ALLOW_DEL -->&#32;<a href="javascript://" onclick="mChat.del('{mchatrow.MCHAT_MESSAGE_ID}');"><img src="{ROOT_PATH}mchat/del.gif" alt="{L_MCHAT_DELITE}" title="{L_MCHAT_DELITE}" style="vertical-align: middle;" /></a><!-- ENDIF --></span><br /><div style="padding: 3px; font-size:12px;">{mchatrow.MCHAT_MESSAGE}</div></div>
<!-- END mchatrow -->
<!-- IF not MCHAT_READ_MODE -->
<div id="mChatNoMessage"<!-- IF not MCHAT_NOMESSAGE_MODE --> style="display: none;"<!-- ENDIF -->>{L_MCHAT_NOMESSAGE}</div>
<!-- IF MCHAT_ARCHIVE_MODE and not MCHAT_NOMESSAGE_MODE -->
<div id="mChatArchiveNoMessage" style="display: none;">{L_MCHAT_ARCHIVENOMESSAGE}</div>
<!-- ENDIF -->
</div>
<!-- IF not MCHAT_ARCHIVE_MODE -->
</div>
<form method="post" action="javascript://" onsubmit="mChat.add();" id="mChatForm">
<div class="mChatPanel">
<noscript><div style="color: #FF0000;">{L_MCHAT_NOJAVASCRIPT}</div></noscript>
<input type="hidden" name="mode" value="add" />
<input type="text" tabindex="1" name="message" class="mChatText" id="mChatMessage" />
<input type="button" class="mChatButton" onclick="mChat.add();" value="{L_MCHAT_ADD}" />
<!-- IF MCHAT_ALLOW_SMILES -->
<input type="button" class="mChatButton" onclick="mChat.toggle('Smiles');" value="{L_MCHAT_SMILES}" />
<!-- ENDIF -->
<!-- IF MCHAT_ALLOW_BBCODES -->
<input type="button" class="mChatButton" onclick="mChat.toggle('BBCodes');" value="{L_MCHAT_BBCODES}" />
<!-- ENDIF -->
<!-- IF MCHAT_READ_ARCHIVE_BUTTON -->
<input type="button" class="mChatButton" onclick="window.location.href = '{MCHAT_ARCHIVE_URL}';" value="{L_MCHAT_ARCHIVE}" />
<!-- ENDIF -->
<!-- IF MCHAT_FOUNDER -->
<input type="button" class="mChatButton" onclick="window.location.href = '{MCHAT_CLEAN_URL}';" value="{L_MCHAT_CLEAN}" />
<!-- ENDIF -->
<input type="button" class="mChatButton" onclick="alert('{L_MCHAT_HELP_INFO}');" value="{L_MCHAT_HELP}" />
<!-- IF MCHAT_ALLOW_BBCODES -->
<div id="mChatBBCodes" style="padding: 5px; display: none;">
<input type="button" class="button2" accesskey="b" value=" B " style="font-weight:bold; width: 30px" onclick="bbstyle(0);" />
<input type="button" class="button2" accesskey="i" value=" i " style="font-style:italic; width: 30px" onclick="bbstyle(2);" />
<input type="button" class="button2" accesskey="u" value=" u " style="text-decoration: underline; width: 30px" onclick="bbstyle(4);" />
<input type="button" class="button2" accesskey="q" value="Quote" style="width: 50px" onclick="bbstyle(6);" />
<input type="button" class="button2" accesskey="c" value="Code" style="width: 40px" onclick="bbstyle(8);" />
<input type="button" class="button2" accesskey="l" value="List" style="width: 40px" onclick="bbstyle(10);" />
<input type="button" class="button2" accesskey="o" value="List=" style="width: 40px" onclick="bbstyle(12);" />
<input type="button" class="button2" accesskey="t" value="[*]" style="width: 40px" onclick="bbstyle(-1);" />
<input type="button" class="button2" accesskey="p" value="Img" style="width: 40px" onclick="bbstyle(14);" />
<input type="button" class="button2" accesskey="w" value="URL" style="text-decoration: underline; width: 40px" onclick="bbstyle(16);" />
<input type="button" class="button2" accesskey="d" value="Flash" onclick="bbstyle(18);" />
<select class="gensmall" onchange="bbfontstyle('[size=' + this.options[this.selectedIndex].value + ']', '[/size]'); this.selectedIndex = 2;">
<option value="50">{L_MCHAT_FONTTINY}</option>
<option value="85">{L_MCHAT_FONTSMALL}</option>
<option value="100" selected="selected">{L_MCHAT_FONTNORMAL}</option>
<option value="150">{L_MCHAT_FONTLARGE}</option>
<option value="200">{L_MCHAT_FONTHUGE}</option>
</select>
</div>
<!-- ENDIF -->
<!-- IF MCHAT_ALLOW_SMILES -->
<div id="mChatSmiles" style="padding: 5px; display: none;">
<!-- IF MCHAT_NO_SMILE -->
{L_MCHAT_NOSMILE}
<!-- ENDIF -->
<div style="width:100%; height:65px;border: solid 2px gray; overflow:auto;">
<!-- BEGIN mchatsmilerow -->
<a href="javascript://" onclick="insert_text('{mchatsmilerow.MCHAT_SMILE_CODE}', true);"><img src="{mchatsmilerow.MCHAT_SMILE_IMG}" width="{mchatsmilerow.MCHAT_SMILE_WIDTH}" height="{mchatsmilerow.MCHAT_SMILE_HEIGHT}" alt="{mchatsmilerow.MCHAT_SMILE_CODE}" title="{mchatsmilerow.MCHAT_SMILE_EMOTION}" /></a>
<!-- END mchatsmilerow -->
</div>
</div>
<!-- ENDIF -->
<div style="padding: 3px;">
<img src="{ROOT_PATH}mchat/load.gif" alt="{L_MCHAT_LOAD}" title="{L_MCHAT_LOAD}" id="mChatLoadIMG" style="vertical-align: middle; cursor: help; display: none;" />
<img src="{ROOT_PATH}mchat/ok.gif" alt="{L_MCHAT_OK}" title="{L_MCHAT_OK}" id="mChatOkIMG" style="vertical-align: middle; cursor: help;" />
<img src="{ROOT_PATH}mchat/error.gif" alt="{L_MCHAT_ERROR}" title="{L_MCHAT_ERROR}" id="mChatErrorIMG" style="vertical-align: middle; cursor: help; display: none;" />
{MCHAT_REFRESH_HTML}
</div>
<label for="mChatUseSound">{L_MCHAT_USESOUND} <input type="checkbox" id="mChatUseSound" checked="checked" /></label>
</div>
</form>
<!-- ENDIF -->
<div id="mChatSound" style="position: absolute; left: -1000px; top: -1000px;"></div>
<script type="text/javascript" src="{ROOT_PATH}mchat/mchat_ajax_mini.js"></script>
<!-- ENDIF -->
<!-- ELSE -->
<div style="color: #FF0000; padding: 10px;">{L_MCHAT_ENABLE}</div>
<!-- ENDIF -->
<!-- IF not MCHAT_READ_MODE -->
</div></li></ul>
<span class="corners-bottom"><span></span></span></div></div>
<!-- ENDIF -->
<!-- IF MCHAT_ARCHIVE_MODE or MCHAT_CUSTOM_PAGE -->
<!-- IF MCHAT_ENABLE and not MCHAT_CUSTOM_PAGE -->
<ul class="linklist">
<li class="rightside pagination">{MCHAT_TOTAL_MESSAGES} &bull; <!-- IF MCHAT_PAGINATION --><a href="#" onclick="jumpto(); return false;" title="{L_JUMP_TO_PAGE}">{MCHAT_PAGE_NUMBER}</a> &bull; <span>{MCHAT_PAGINATION}</span><!-- ELSE -->{MCHAT_PAGE_NUMBER}<!-- ENDIF --></li>
</ul>
<!-- ENDIF -->
<!-- IF S_DISPLAY_ONLINE_LIST and MCHAT_CUSTOM_PAGE and MCHAT_CUSTOM_PAGE_WHOIS -->
<!-- IF U_VIEWONLINE --><h3><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h3><!-- ELSE --><h3>{L_WHO_IS_ONLINE}</h3><!-- ENDIF -->
<p>{TOTAL_USERS_ONLINE} ({L_ONLINE_EXPLAIN})<br />{RECORD_USERS}<br /> <br />{LOGGED_IN_USER_LIST}
<!-- IF LEGEND --><br /><em>{L_LEGEND}: {LEGEND}</em><!-- ENDIF --></p>
<!-- ENDIF -->
<!-- INCLUDE overall_footer.html -->
<!-- ENDIF -->[/code]

Re: mchat font color prosilver - subsilver

Posted: 23 Aug 2010, 10:49
by Steve
Kevin ive seen you know the newest version of mchat will include font colour pallete and custom bbcodes etc,but id thought id mention it any ways.

Re: mchat font color prosilver - subsilver

Posted: 23 Aug 2010, 21:05
by kevinviet
Yes I saw that Steve but the new version is not release yet so in the mean time waiting I thought if one edit could get font colour pallete would be nice :D