phpBB mChat

All new MODs released in our MOD Database will be announced in here. All support for released MODs needs to take place in the Customisations Database.
Forum rules
READ: phpBB.com Board-Wide Rules and Regulations

NOTICE: This forum is only for the announcement of new releases and/or updates of MODs. Any MOD support should be obtained through the Customisations Database in the support area designated for each MOD.

A direct link to support for each MOD is in the first post of the respective topic.
Locked
User avatar
RMcGirr83
Recognised Extension Developer
Posts: 21034
Joined: Wed Jun 22, 2005 4:33 pm
Location: Your display
Name: Rich McGirr
Contact:

Re: mChat new version

Post by RMcGirr83 » Wed Apr 28, 2010 8:35 pm

You aren't understanding me.

The mod has you upload a directory called mchat, within that directory are two css style sheets (one is called mchat_prosilver.css and the other is called mchat_subsilver2.css). You have to edit the one that you are calling from your overall_header.html file per the coloring that is within your stylesheet.css file for your style.

You can test it while changing the css declarations as subsilver2 based styles do not need their theme refreshed to show the changes.
In times of change, learners inherit the earth, while the learned find themselves beautifully equipped to deal with a world that no longer exists - Eric Hoffer
Former Modifications/Extensions Team Member | My extensions
Appreciate the extensions/mods/support then buy me a beer
All requests for support via PM will be ignored

sotiris25s
Registered User
Posts: 154
Joined: Wed Apr 02, 2008 11:04 pm

Re: mChat new version

Post by sotiris25s » Wed Apr 28, 2010 10:38 pm

2 questions:

1) Is it possible to put a sticky message on mchat so it can be shown all the time on the first line?

2) Can we make mchat to be in idle mode when users dont use it for 1 minute or something like that?

Amymations
Registered User
Posts: 80
Joined: Wed Apr 28, 2010 5:28 pm
Location: Cardiff - UK
Name: Amy Baldwin
Contact:

Re: mChat new version

Post by Amymations » Wed Apr 28, 2010 11:56 pm

RMcGirr83 wrote:You aren't understanding me.

The mod has you upload a directory called mchat, within that directory are two css style sheets (one is called mchat_prosilver.css and the other is called mchat_subsilver2.css). You have to edit the one that you are calling from your overall_header.html file per the coloring that is within your stylesheet.css file for your style.

You can test it while changing the css declarations as subsilver2 based styles do not need their theme refreshed to show the changes.
Ah I got you! Problem is that I don't really understand .css very well. If I give you a link to my forum & details for test account could you sort out the css for me and post it here?

It'd mean ALOT to me if you could :)

- Amy.

Also!
Could it be possible to shrink the size of the chatbox but keeping in proportions of the site? I don't want half the page with just the chatbox.


URL:http://www.amymations.com/forums
Details:
-Username; Test
Password; test123

If it helps here's my stylesheet.css;

Code: Select all

/*  phpBB 3.0 Style Sheet
    --------------------------------------------------------------
	Style name:		subsilver2
	Based on style:	subSilver (the default phpBB 2 style)
	Original author:	subBlue ( http://www.subBlue.com/ )
	Modified by:		psoTFX and the phpBB team ( http://www.phpbb.com )
	
	This is an alternative style for phpBB3 for those wishing to stay with
	the familiar subSilver style of phpBB version 2.x
	
	Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
    --------------------------------------------------------------
*/

/* Layout
 ------------ */
* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
}

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #ffffff;
	background-color: #111111;
	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	margin: 6px;
	background-image: url("images/back.jpg");
}

a.subforum.read {
   background-image: url("../imageset/subforum_read.png");
   background-repeat: no-repeat;
   background-position: 0 50%;
   position: relative;
   white-space: nowrap;
   padding: 0 0 0 12px;
}

a.subforum.unread {
   background-image: url("../imageset/subforum_unread.png");
   background-repeat: no-repeat;
   background-position: 0 50%;
   position: relative;
   white-space: nowrap;
   padding: 0 0 0 12px;
}

#top 
{
	background-image: url(images/top.jpg);
	width: 960px;
	height: 203px;
	margin: 0 auto;
}

#wrap 
{
	width: 956px;
	min-width: 650px;
	margin: 0px auto;
	border-top: 1px solid #303030;
	border-left: 2px solid #303030;
	border-right: 2px solid #303030;
	border-bottom: 2px solid #303030;
	background-color: #202020;
}

.borderwrap
{
	background: #1e1e1e;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

#logo
{
	background: #1a1a1a;
	border: 1px solid #1e1e1e;
	height: 119px;
	margin: 0;
	padding: 0;
}

#logographic
{
	background: transparent url(http://gamesboard.pl/styles/gb/theme/images/top.png) no-repeat left;
	height: 119px;
	margin: 0;
	padding: 0;
}

#submenu
{
	background: #292929;
	border-top: 1px solid #303030;
	border-bottom: 1px solid #303030;
	color: #FFFFFF;
	margin: 0;
	height: 30px;
	text-align: right;
}

.left,
.right
{
	background: #292929;
	float: right;
	font-size: 11px;
	line-height: 30px;
	font-weight: bold;
	margin: 0px;
	width: auto;
}

.left
{
	float: left;
	border-left: 0px;
}

.left a:link, 
.left a:visited,
.right a:link, 
.right a:visited
{
	background: transparent;
	color: #11c0db;
	padding: 0 6px 0 6px;
	text-decoration: none;
}

.left a:hover, 
.left a:active,
.right a:hover, 
.right a:active
{
	background: transparent;
	color: #FFF;
}


#uplink
{
	background: #202020;
	margin: 5px 0 5px 0;
	padding: 0 5px 0 5px;
}

#uplink
{
	background: #202020;
	*/border: 1px solid #1e1e1e;
	*/: ;
}

#uplink p
{
	background: transparent !important;
	border: 0 !important;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 0;
	margin: 0 !important;
	padding: 7px 0 7px 0;
	text-align: right;
}

#uplink p.register
{
	text-align: center;
}

#uplink p.home,
#uplink p.home
{
	float: left;
}

.info
{
	background: #2a2a2a;
	border-top: 1px solid #1e1e1e;
	border-bottom: 1px solid #1e1e1e;
	margin: 0;
	width: 100%;
}

.info td
{
	color: #7a7a7a;
	font-size: 10px;
	padding: 5px 5px 5px 10px;
}

.info span
{
	background: transparent;
	color: #FFF;
	font-style: italic;
	font-weight: normal;
}

.info input
{
	background: #303030;
	border: 1px solid #1e1e1e;
	color: #FFF;
	font-size: 10px;
	padding: 3px;
	vertical-align: middle;
	width: auto;
}

.info input.button
{
	background: transparent;
	border: 0;
	color: #FFF;
	vertical-align: middle;
}



.maintitle p.expand,
.maintitle p.goto,
.maintitlecollapse p.expand,
.formsubtitle p.members
{
	float: right;
	width: auto !important;
}

.maintitle a:link, 
.maintitle a:visited,
.maintitlecollapse a:link, 
.maintitlecollapse a:visited
{
	background: transparent;
	color: #fff;
	text-decoration: none;
}

.maintitle a:hover, 
.maintitle a:active,
.maintitlecollapse a:hover, 
.maintitlecollapse a:active
{
	background: transparent;
	color: #fff;
}





#wrapheader {
	min-height: 120px;
	height: auto !important;
	height: 120px;
/*	background-image: url('./images/background.gif');
	background-repeat: repeat-x;*/
/*	padding: 0 25px 15px 25px;*/
	padding: 0;
}

#wrapcentre {
	margin: 15px 5px 0 5px;
}

#wrapfooter {
	text-align: center;
	clear: both;
}

#wrapnav {
	width: 100%;
	margin: 0;
	background-color: #262626;
	border-width: 1px;
	border-style: solid;
	border-color: #1e1e1e;
}

#logodesc {
	margin-bottom: 5px;
	padding: 5px 25px;
	background: #D9DFE4;
	border-bottom: 1px solid #4787A7;
}

#menubar {
	margin: 0 25px;
}

#datebar {
	margin: 10px 25px 0 25px;
}

#findbar {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

.forumrules {
	background-color: #3e3e3e;
	border-width: 1px;
	border-style: solid;
	border-color: #4787A7;
	padding: 4px;
	font-weight: normal;
	font-size: 1.1em;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.forumrules h3 {
	color: red;
}

#pageheader { }
#pagecontent { }
#pagefooter { }

#poll { }
#postrow { }
#postdata { }


/*  Text
 --------------------- */
h1 {
	color: black;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.8em;
	text-decoration: none;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	text-decoration: none;
	line-height: 120%;
}

h3 {
	font-size: 1.3em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
}

h4 {
	margin: 0;
	font-size: 1.1em;
	font-weight: bold;
}

p {
	font-size: 1.1em;
}

p.moderators {
	margin: 0;
	float: left;
	color: black;
	font-weight: bold;
}

.rtl p.moderators {
	float: right;
}

p.linkmcp {
	margin: 0;
	float: right;
	white-space: nowrap;
}

.rtl p.linkmcp {
	float: left;
}

p.breadcrumbs {
	margin: 0;
	float: left;
	color: black;
	font-weight: bold;
	white-space: normal;
	font-size: 1em;
}

.rtl p.breadcrumbs {
	float: right;
}

p.datetime {
	margin: 0;
	float: right;
	white-space: nowrap;
	font-size: 1em;
}

.rtl p.datetime {
	float: left;
}

p.searchbar {
	padding: 2px 0;
	white-space: nowrap;
} 

p.searchbarreg {
	margin: 0;
	float: right;
	white-space: nowrap;
}

.rtl p.searchbarreg {
	float: left;
}

p.forumdesc {
	padding-bottom: 4px;
}

p.topicauthor {
	margin: 1px 0;
}

p.topicdetails {
	margin: 1px 0;
}

.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
	margin: 1px 0;
	color: red;
	font-weight:bold;
}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
	color: green;
	font-weight:bold;
}

.postapprove img, .postreported img {
	vertical-align: bottom;
}

.postauthor {
	color: #fff;
}

.postdetails {
	color: #fff;
}

.postbody {
	font-size: 1.3em;
	line-height: 1.4em;
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.postbody li, ol, ul {
	margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
	margin: 0 1.5em 0 0;
}

.posthilit {
	background-color: yellow;
}

.nav {
	margin: 0;
	color: #e7e7e7;
	font-weight: bold;
}

.pagination {
	padding: 4px;
	color: black;
	font-size: 1em;
	font-weight: bold;
}

.cattitle {

}

.gen {
	margin: 1px 1px;
	font-size: 1.2em;
}

.genmed {
	margin: 1px 1px;
	font-size: 1.1em;
}

.gensmall {
	margin: 1px 1px;
	font-size: 1em;
}

.copyright {
	color: #444;
	font-weight: normal;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.titles {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	text-decoration: none;
}

.error {
	color: red;
}


/* Tables
 ------------ */
th {
	color: #16aadb;
	font-size: 10px;
	font-weight: bold;
	background-color: #1a1a1a;
	white-space: nowrap;
	border-left: 1px solid #303030;
	border-top: 1px solid #303030;
	padding: 5px 5px;
}

td {
	padding: 2px;
}
td.profile {
	padding: 4px;
}

.tablebg {
	border: 1px solid #303030;
	background-color: #1e1e1e;
}

.catdiv {
	height: 25px;
	margin: 0;
	padding: 0;
	border: 0;
	background: white url('./images/cellpic2.jpg') repeat-y scroll top left;
}
.rtl .catdiv {
	background: white url('./images/cellpic2_rtl.jpg') repeat-y scroll top right;
}

.cat {
	height: 25px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #C7D0D7;
	background-image: url('./images/cellpic1.gif');
	text-indent: 4px;
}

.row1 {
	background-color: #262626;
	border-left: 1px solid #303030;
	border-top: 1px solid #303030;
	padding: 4px;
}

.row2 {
	background-color: #262626;
	border-left: 1px solid #303030;
	border-top: 1px solid #303030;
	padding: 4px;
}

.row3 {
	background-color: #353434;
	padding: 6px;
}

.spacer {
	background-color: #202020;
}

hr {
	height: 1px;
	border-width: 0;
	background-color: #D1D7DC;
	color: #D1D7DC;
}

.legend {
	text-align:center;
	margin: 0 auto;
}

/* Links
 ------------ */
a:link {
	color: #fcfceb;
	text-decoration: none;
}

a:active,
a:visited {
	color: #fcfceb;
	text-decoration: none;
}

a:hover {
	color: #19c0db;
	text-decoration: none;
}

a.forumlink {
	font-weight: bold;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
}

a.topictitle {
	margin: 1px 0;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
}

a.topictitle:visited {
	color: #5493B4;
	text-decoration: none;
}

th a,
th a:visited {
	color: #FFA34F !important;
	text-decoration: none;
}

th a:hover {
	text-decoration: underline;
}


/* Form Elements
 ------------ */
form {
	margin: 0;
	padding: 0;
	border: 0;
}

input {
	color: #fff;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding: 1px;
	border: 1px solid #303030;
	background-color: #3e3e3e;
}

textarea {
	background-color: #2b2929;
	color: #fafafa;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.3em; 
	line-height: 1.4em;
	font-weight: normal;
	border: 1px solid #1e1e1e;
	padding: 2px;
}

select {
	color: #fff;
	background-color: #1f1f1f;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	border: 1px solid #303030;
	padding: 1px;
}

option {
	padding: 0 1em 0 0;
}

option.disabled-option {
	color: graytext;
}

.rtl option {
	padding: 0 0 0 1em;
}

input.radio {
	border: none;
	background-color: transparent;
}

.post {
	background-color: #262626;
	border-style: solid;
	border-width: 1px;
}

.btnbbcode {
	color: #fff;
	font-weight: normal;
	font-size: 1.1em;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	background-color: #2c2929;
	border: 1px solid #666666;
}

.btnmain {
	font-weight: bold;
	background-color: #262626;
	border: 1px solid #1e1e1e;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
}

.btnlite {
	font-weight: normal;
	background-color: #262626;
	border: 1px solid #1e1e1e;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
}

.btnfile {
	font-weight: normal;
	background-color: #262626;
	border: 1px solid #1e1e1e;
	padding: 1px 5px;
	font-size: 1.1em;
}

.helpline {
	background-color: #262626;
	border-style: none;
}


/* BBCode
 ------------ */
.quotetitle, .attachtitle {
	margin: 10px 5px 0 5px;
	padding: 4px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #1e1e1e;
	color: #333333;
	background-color: #1e1e1e;
	font-size: 0.85em;
	font-weight: bold;
}

.quotetitle .quotetitle {
	font-size: 1em;
}

.quotecontent, .attachcontent {
	margin: 0 5px 10px 5px;
	padding: 5px;
	border-color: #1e1e1e;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.4em;
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
	background-color: #2b2929;
	color: #fafafa;
}

.attachcontent {
	font-size: 0.85em;
}

.codetitle {
	margin: 10px 5px 0 5px;
	padding: 2px 4px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #1e1e1e;
	color: #333333;
	background-color: #1e1e1e;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
}

.codecontent {
	direction: ltr;
	margin: 0 5px 10px 5px;
	padding: 5px;
	border-color: #1e1e1e;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	color: #fff;
	font-size: 0.85em;
	font-family: Monaco, 'Courier New', monospace;
	background-color: #2b2929;
}

.syntaxbg {
	color: #1f1f1f;
}

.syntaxcomment {
	color: #FF8000;
}

.syntaxdefault {
	color: #0000BB;
}

.syntaxhtml {
	color: #fff;
}

.syntaxkeyword {
	color: #007700;
}

.syntaxstring {
	color: #DD0000;
}


/* Private messages
 ------------------ */
.pm_marked_colour {
	background-color: #fff;
}

.pm_replied_colour {
	background-color: #1e1e1e;
}

.pm_friend_colour {
	background-color: #007700;
}

.pm_foe_colour {
	background-color: #DD0000;
}



/* Chat
 ------------ */

#chatbox {
	margin-top: 10px;
}

#chat_overflow {
	overflow: auto;
	height: 200px;
}

#chat_messages .chat_date {
	font-size: 1.4em;
}

#chat_messages tr {
	padding: 5px;
}

#chat_messages tr.new *  {
	background-color: #ecd5d8 !important; /* <------------------------------------ You might want to change it. It's a good idea to copy it from div.rules. */
}

#chatbox #chat_messages td.chat_info {
	width: 15%;
	position: relative;
}

#chatbox #chat_messages td.chat_info .chat_time {
	float: left;
}

#chatbox #chat_messages td.chat_info .chat_actions {
	bottom: 0pt;
	font-weight: bold;
	float: right;
}

#chatbox #chat_messages td.chat_text {
	width: 85%;
}

#chatbox #chat_posting #chat_posting_submit {
	margin-left: 10px;
	float: right;
	width: 100px;
}

#chatbox #chat_posting #chat_message {
	width: 95%;
}
/* Misc
 ------------ */
img {
	border: none;
}

.sep {
	color: black;
	background-color: #FFA34F;
}

table.colortable td {
	padding: 0;
}

pre {
	font-size: 1.1em;
	font-family: Monaco, 'Courier New', monospace;
}

.nowrap {
	white-space: nowrap;
}

.username-coloured {
	font-weight: bold;
}

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 418px; /*width of featured content slider*/
height: 207px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
width: 418px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 600px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: navy;
padding: 5px 10px;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #00007D;
background: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}
Forum Information:
PHPBB - 3.0.9
URL - http://www.mouldingminefield.com/forum
Theme - Glacier
Template - Prosilver

User avatar
SvenLittkowski
Registered User
Posts: 172
Joined: Sat Apr 24, 2010 11:45 pm

Re: mChat new version

Post by SvenLittkowski » Thu Apr 29, 2010 8:52 am

Hi.

I installed the MChat without problems, using the awesome AutoMod.

But I recognize that the Chat link is visible only with certain styles, like ProSilver. I, however, use the Twilight style.

I would like to ask the authors to let me know, which files I might have to update by myself in order to have the style Twilight showing the Chat link. Thanks.
Thanks for reading, good intentions, your time and a good answer.

Sven

lovelysummer
Registered User
Posts: 437
Joined: Fri Mar 20, 2009 1:49 pm

Re: mChat new version

Post by lovelysummer » Thu Apr 29, 2010 9:36 am

@Amymations
The code you attached is for not for mchat. In your case , you can find the css file for mchat in your forums/mchat folder/mchat subsilver2.css file . This is the file for your mchat. And you can change the input box text color in this file.

For your reference, this is my css file for mchat. The content may not exactly same as yours because I have changed it a bit.

Code: Select all

/**
*
* @package mChat Subsilver2 Style
* @version 1.3.0 22.08.2009
* @copyright (c) djs596 ( http://djs596.com/ ), (c) RMcGirr83 ( http://www.rmcgirr83.org/ ), (c) Stokerpiller ( http://www.phpbb3bbcodes.com/ )
* @license http://opensource.org/licenses/gpl-license.php GNU Public License
*
**/

/* mChat
------------ */
div.mChatBG1 {
	background-color: #FBFBFB;
	padding: 5px 5px 5px 15px;
	border-bottom: 1px dotted #DDDDDD;
	overflow: hidden;
}

div.mChatBG2 {
	background-color: #FFFFFF;
	padding: 5px 5px 5px 15px;
	border-bottom: 1px dotted #DDDDDD;
	overflow: hidden;
}

div.mChatRowLimit {
	overflow: auto;
	width: 100%;
	height: 300px;
}

div.mChatRowLimitCustom {
	overflow: auto;
	width: 100%;
	height: 300px;
}

div.mChatPanel {
	text-align: center;
	padding: 5px;
}

input.mChatText {
	cursor: text;
	width: 50%;
	border: 1px solid #A9B8C2;
	color: #000000;
	padding: 3px 5px 3px 5px;
	margin: 5px 0px 0px 5px;
}

input.mChatText:hover {
	border-color: #11A3EA;
}

input.mChatButton {
	width: auto;
	font-weight: bold;
	background-color: #ECECEC;
	border: 1px solid #A9B8C2;
	cursor: pointer;
	padding: 2px 5px 2px 5px;
	margin: 5px 0px 0px 5px;
	font-size: 1.1em;
}

input.mChatButton:hover {
	border-color: #BC2A4D;
	color: #BC2A4D;
}

div.mChatHover:hover {
	background-color: #FEFAC0;
}
Next step, find

Code: Select all

input.mChatText 
and you will notice in your code color:#2E2E2E, change this color to whatever you want.

The above is only for the input text box color.

To make your message text more visible. You should find

Code: Select all

div.mChatBG1
change your background-color: #FBFBFB to darker color because your message font-color in mchat is white (#ffffff).

To change your mchat button text color, find

Code: Select all

input.mChatButton
add a color to it

Code: Select all

color: #11A3EA;
this color code #11A3EA could be whatever you like.

To apply more color changes, just play around in the file.
Hope this can help ;)

User avatar
RMcGirr83
Recognised Extension Developer
Posts: 21034
Joined: Wed Jun 22, 2005 4:33 pm
Location: Your display
Name: Rich McGirr
Contact:

Re: mChat new version

Post by RMcGirr83 » Thu Apr 29, 2010 10:24 am

SvenLittkowski wrote:I would like to ask the authors to let me know, which files I might have to update by myself in order to have the style Twilight showing the Chat link. Thanks.
TwilightBB is a subsilver2 based style, so do the edits to the html files as the mod has you do for subsilver2.

Thanks lovelysummer. :)
In times of change, learners inherit the earth, while the learned find themselves beautifully equipped to deal with a world that no longer exists - Eric Hoffer
Former Modifications/Extensions Team Member | My extensions
Appreciate the extensions/mods/support then buy me a beer
All requests for support via PM will be ignored

Amymations
Registered User
Posts: 80
Joined: Wed Apr 28, 2010 5:28 pm
Location: Cardiff - UK
Name: Amy Baldwin
Contact:

Re: mChat new version

Post by Amymations » Thu Apr 29, 2010 12:54 pm

Thanks! It's looking great now!

Last thing is that the smileys & BBCode doesn't work. In both chat and posting topics/replies? Could you help with this maybe?

- Amy
Forum Information:
PHPBB - 3.0.9
URL - http://www.mouldingminefield.com/forum
Theme - Glacier
Template - Prosilver

User avatar
RMcGirr83
Recognised Extension Developer
Posts: 21034
Joined: Wed Jun 22, 2005 4:33 pm
Location: Your display
Name: Rich McGirr
Contact:

Re: mChat new version

Post by RMcGirr83 » Thu Apr 29, 2010 1:08 pm

Amymations wrote:Thanks! It's looking great now!

Last thing is that the smileys & BBCode doesn't work. In both chat and posting topics/replies? Could you help with this maybe?

- Amy
Double check your edits to editor.js
In times of change, learners inherit the earth, while the learned find themselves beautifully equipped to deal with a world that no longer exists - Eric Hoffer
Former Modifications/Extensions Team Member | My extensions
Appreciate the extensions/mods/support then buy me a beer
All requests for support via PM will be ignored

Amymations
Registered User
Posts: 80
Joined: Wed Apr 28, 2010 5:28 pm
Location: Cardiff - UK
Name: Amy Baldwin
Contact:

Re: mChat new version

Post by Amymations » Thu Apr 29, 2010 1:26 pm

RMcGirr83 wrote:
Amymations wrote:Thanks! It's looking great now!

Last thing is that the smileys & BBCode doesn't work. In both chat and posting topics/replies? Could you help with this maybe?

- Amy
Double check your edits to editor.js
EDIT
Fixed it. Thanks alot guys :)


Double checked. Still got the problem.

Here's the editor.js (I also cached the template and forum)

Code: Select all

/**
* bbCode control by subBlue design [ www.subBlue.com ]
* Includes unixsafe colour palette selector by SHS`
*/

// Startup variables
var imageTag = false;
var theSelection = false;

// Check for Browser & Platform for PC & IE specific bits
// More details from: http://www.mozilla.org/docs/web-developer/sniffer/browser_type.html
var clientPC = navigator.userAgent.toLowerCase(); // Get client info
var clientVer = parseInt(navigator.appVersion); // Get browser version

var is_ie = ((clientPC.indexOf('msie') != -1) && (clientPC.indexOf('opera') == -1));
var is_win = ((clientPC.indexOf('win') != -1) || (clientPC.indexOf('16bit') != -1));

var baseHeight;

/**
* Shows the help messages in the helpline window
*/
function helpline(help)
{
	document.forms[form_name].helpbox.value = help_line[help];
}

/**
* Fix a bug involving the TextRange object. From
* http://www.frostjedi.com/terra/scripts/demo/caretBug.html
*/ 
function initInsertions() 
{
	var doc;

	if (document.forms[form_name])
	{
		doc = document;
	}
	else 
	{
		doc = opener.document;
	}

	var textarea = doc.forms[form_name].elements[text_name];
	if (is_ie && typeof(baseHeight) != 'number')
	{	
						/* === mChat focus fix Start === */
						var mChatFocus = window.mChatFocusFix || false;
						if(!mChatFocus)
						{
							textarea.focus();
						}
						baseHeight = doc.selection.createRange().duplicate().boundingHeight;
						/* ==== mChat focus fix End ==== */

		if (!document.forms[form_name])
		{
			document.body.focus();
		}
	}
}

/**
* bbstyle
*/
function bbstyle(bbnumber)
{	
	if (bbnumber != -1)
	{
		bbfontstyle(bbtags[bbnumber], bbtags[bbnumber+1]);
	} 
	else 
	{
		insert_text('[*]');
		document.forms[form_name].elements[text_name].focus();
	}
}

/**
* Apply bbcodes
*/
function bbfontstyle(bbopen, bbclose)
{
	theSelection = false;
		
	var textarea = document.forms[form_name].elements[text_name];

	textarea.focus();

	if ((clientVer >= 4) && is_ie && is_win)
	{
		// Get text selection
		theSelection = document.selection.createRange().text;

		if (theSelection)
		{
			// Add tags around selection
			document.selection.createRange().text = bbopen + theSelection + bbclose;
			document.forms[form_name].elements[text_name].focus();
			theSelection = '';
			return;
		}
	}
	else if (document.forms[form_name].elements[text_name].selectionEnd && (document.forms[form_name].elements[text_name].selectionEnd - document.forms[form_name].elements[text_name].selectionStart > 0))
	{
		mozWrap(document.forms[form_name].elements[text_name], bbopen, bbclose);
		document.forms[form_name].elements[text_name].focus();
		theSelection = '';
		return;
	}
	
	//The new position for the cursor after adding the bbcode
	var caret_pos = getCaretPosition(textarea).start;
	var new_pos = caret_pos + bbopen.length;

	// Open tag
	insert_text(bbopen + bbclose);

	// Center the cursor when we don't have a selection
	// Gecko and proper browsers
	if (!isNaN(textarea.selectionStart))
	{
		textarea.selectionStart = new_pos;
		textarea.selectionEnd = new_pos;
	}	
	// IE
	else if (document.selection)
	{
		var range = textarea.createTextRange(); 
		range.move("character", new_pos); 
		range.select();
		storeCaret(textarea);
	}

	textarea.focus();
	return;
}

/**
* Insert text at position
*/
function insert_text(text, spaces, popup)
{
	var textarea;
	
	if (!popup) 
	{
		textarea = document.forms[form_name].elements[text_name];
	} 
	else 
	{
		textarea = opener.document.forms[form_name].elements[text_name];
	}
	if (spaces) 
	{
		text = ' ' + text + ' ';
	}
	
	if (!isNaN(textarea.selectionStart))
	{
		var sel_start = textarea.selectionStart;
		var sel_end = textarea.selectionEnd;

		mozWrap(textarea, text, '')
		textarea.selectionStart = sel_start + text.length;
		textarea.selectionEnd = sel_end + text.length;
	}	
	
	else if (textarea.createTextRange && textarea.caretPos)
	{
		if (baseHeight != textarea.caretPos.boundingHeight) 
		{
			textarea.focus();
			storeCaret(textarea);
		}		
		var caret_pos = textarea.caretPos;
		caret_pos.text = caret_pos.text.charAt(caret_pos.text.length - 1) == ' ' ? caret_pos.text + text + ' ' : caret_pos.text + text;
		
	}
	else
	{
		textarea.value = textarea.value + text;
	}
	if (!popup) 
	{
		textarea.focus();
	} 	

}

/**
* Add inline attachment at position
*/
function attach_inline(index, filename)
{
	insert_text('[attachment=' + index + ']' + filename + '[/attachment]');
	document.forms[form_name].elements[text_name].focus();
}

/**
* Add quote text to message
*/
function addquote(post_id, username)
{
	var message_name = 'message_' + post_id;
	var theSelection = '';
	var divarea = false;

	if (document.all)
	{
		divarea = document.all[message_name];
	}
	else
	{
		divarea = document.getElementById(message_name);
	}

	// Get text selection - not only the post content :(
	if (window.getSelection)
	{
		theSelection = window.getSelection().toString();
	}
	else if (document.getSelection)
	{
		theSelection = document.getSelection();
	}
	else if (document.selection)
	{
		theSelection = document.selection.createRange().text;
	}

	if (theSelection == '' || typeof theSelection == 'undefined' || theSelection == null)
	{
		if (divarea.innerHTML)
		{
			theSelection = divarea.innerHTML.replace(/<br>/ig, '\n');
			theSelection = theSelection.replace(/<br\/>/ig, '\n');
			theSelection = theSelection.replace(/&lt\;/ig, '<');
			theSelection = theSelection.replace(/&gt\;/ig, '>');
			theSelection = theSelection.replace(/&amp\;/ig, '&');
		}
		else if (document.all)
		{
			theSelection = divarea.innerText;
		}
		else if (divarea.textContent)
		{
			theSelection = divarea.textContent;
		}
		else if (divarea.firstChild.nodeValue)
		{
			theSelection = divarea.firstChild.nodeValue;
		}
	}

	if (theSelection)
	{
		insert_text('[quote="' + username + '"]' + theSelection + '[/quote]');
	}

	return;
}

/**
* From http://www.massless.org/mozedit/
*/
function mozWrap(txtarea, open, close)
{
	var selLength = (typeof(txtarea.textLength) == 'undefined') ? txtarea.value.length : txtarea.textLength;
	var selStart = txtarea.selectionStart;
	var selEnd = txtarea.selectionEnd;
	var scrollTop = txtarea.scrollTop;

	if (selEnd == 1 || selEnd == 2) 
	{
		selEnd = selLength;
	}

	var s1 = (txtarea.value).substring(0,selStart);
	var s2 = (txtarea.value).substring(selStart, selEnd)
	var s3 = (txtarea.value).substring(selEnd, selLength);

	txtarea.value = s1 + open + s2 + close + s3;
	txtarea.selectionStart = selEnd + open.length + close.length;
	txtarea.selectionEnd = txtarea.selectionStart;
	txtarea.focus();
	txtarea.scrollTop = scrollTop;

	return;
}

/**
* Insert at Caret position. Code from
* http://www.faqts.com/knowledge_base/view.phtml/aid/1052/fid/130
*/
function storeCaret(textEl)
{
	if (textEl.createTextRange)
	{
		textEl.caretPos = document.selection.createRange().duplicate();
	}
}

/**
* Color pallette
*/
function colorPalette(dir, width, height)
{
	var r = 0, g = 0, b = 0;
	var numberList = new Array(6);
	var color = '';

	numberList[0] = '00';
	numberList[1] = '40';
	numberList[2] = '80';
	numberList[3] = 'BF';
	numberList[4] = 'FF';

	document.writeln('<table cellspacing="1" cellpadding="0" border="0">');

	for (r = 0; r < 5; r++)
	{
		if (dir == 'h')
		{
			document.writeln('<tr>');
		}

		for (g = 0; g < 5; g++)
		{
			if (dir == 'v')
			{
				document.writeln('<tr>');
			}
			
			for (b = 0; b < 5; b++)
			{
				color = String(numberList[r]) + String(numberList[g]) + String(numberList[b]);
				document.write('<td bgcolor="#' + color + '">');
				document.write('<a href="#" onclick="bbfontstyle(\'[color=#' + color + ']\', \'[/color]\'); return false;" onmouseover="helpline(\'s\');"  onmouseout="helpline(\'tip\');"><img src="images/spacer.gif" width="' + width + '" height="' + height + '" alt="#' + color + '" title="#' + color + '" /></a>');
				document.writeln('</td>');
			}

			if (dir == 'v')
			{
				document.writeln('</tr>');
			}
		}

		if (dir == 'h')
		{
			document.writeln('</tr>');
		}
	}
	document.writeln('</table>');
}


/**
* Caret Position object
*/
function caretPosition()
{
	var start = null;
	var end = null;
}


/**
* Get the caret position in an textarea
*/
function getCaretPosition(txtarea)
{
	var caretPos = new caretPosition();
	
	// simple Gecko/Opera way
	if(txtarea.selectionStart || txtarea.selectionStart == 0)
	{
		caretPos.start = txtarea.selectionStart;
		caretPos.end = txtarea.selectionEnd;
	}
	// dirty and slow IE way
	else if(document.selection)
	{
		// get current selection
		var range = document.selection.createRange();

		// a new selection of the whole textarea
		var range_all = document.body.createTextRange();
		range_all.moveToElementText(txtarea);
		
		// calculate selection start point by moving beginning of range_all to beginning of range
		var sel_start;
try
		{
		for (sel_start = 0; range_all.compareEndPoints('StartToStart', range) < 0; sel_start++)
		{		
			range_all.moveStart('character', 1);
		}
	
		txtarea.sel_start = sel_start;
	
		// we ignore the end value for IE, this is already dirty enough and we don't need it
		caretPos.start = txtarea.sel_start;
		caretPos.end = txtarea.sel_start;
		}
		catch(e)
		{
		}
	}

	return caretPos;
}
Forum Information:
PHPBB - 3.0.9
URL - http://www.mouldingminefield.com/forum
Theme - Glacier
Template - Prosilver

User avatar
RMcGirr83
Recognised Extension Developer
Posts: 21034
Joined: Wed Jun 22, 2005 4:33 pm
Location: Your display
Name: Rich McGirr
Contact:

Re: mChat new version

Post by RMcGirr83 » Thu Apr 29, 2010 3:13 pm

Can I just have a link to your forum please.
In times of change, learners inherit the earth, while the learned find themselves beautifully equipped to deal with a world that no longer exists - Eric Hoffer
Former Modifications/Extensions Team Member | My extensions
Appreciate the extensions/mods/support then buy me a beer
All requests for support via PM will be ignored

Amymations
Registered User
Posts: 80
Joined: Wed Apr 28, 2010 5:28 pm
Location: Cardiff - UK
Name: Amy Baldwin
Contact:

Re: mChat new version

Post by Amymations » Thu Apr 29, 2010 5:56 pm

RMcGirr83 wrote:Can I just have a link to your forum please.
www.amymations.com/forums/

Username: Test
Password: test123
Forum Information:
PHPBB - 3.0.9
URL - http://www.mouldingminefield.com/forum
Theme - Glacier
Template - Prosilver

User avatar
RMcGirr83
Recognised Extension Developer
Posts: 21034
Joined: Wed Jun 22, 2005 4:33 pm
Location: Your display
Name: Rich McGirr
Contact:

Re: mChat new version

Post by RMcGirr83 » Thu Apr 29, 2010 6:08 pm

Seems to be working fine. Did you clear your browsers cache (CTRL + F5)?
In times of change, learners inherit the earth, while the learned find themselves beautifully equipped to deal with a world that no longer exists - Eric Hoffer
Former Modifications/Extensions Team Member | My extensions
Appreciate the extensions/mods/support then buy me a beer
All requests for support via PM will be ignored

Amymations
Registered User
Posts: 80
Joined: Wed Apr 28, 2010 5:28 pm
Location: Cardiff - UK
Name: Amy Baldwin
Contact:

Re: mChat new version

Post by Amymations » Thu Apr 29, 2010 10:51 pm

RMcGirr83 wrote:Seems to be working fine. Did you clear your browsers cache (CTRL + F5)?
Yeah got it to work a few hours ago.
Forgot to post the news. Sorry!
Forum Information:
PHPBB - 3.0.9
URL - http://www.mouldingminefield.com/forum
Theme - Glacier
Template - Prosilver

User avatar
SvenLittkowski
Registered User
Posts: 172
Joined: Sat Apr 24, 2010 11:45 pm

Re: mChat new version

Post by SvenLittkowski » Fri Apr 30, 2010 2:32 am

RMcGirr83, thanks a lot for your reply. I will jump in triangles and cirlces if that works now. Thanks again!
Thanks for reading, good intentions, your time and a good answer.

Sven

User avatar
anybloodyid
Registered User
Posts: 276
Joined: Thu Mar 06, 2008 7:24 pm

Re: mChat new version

Post by anybloodyid » Sat May 01, 2010 9:13 am

Hi Rich

I noticed in the mchat_lang.php

A list
// whois chatting stuff

Is this there for a future release as I don't see them on my chat.
ie

Code: Select all

'MCHAT_ONLINE_USERS_TOTAL'			=> 'In total there are <strong>%d</strong> users chatting :: ',
Graham

Locked

Return to “[3.0.x] MOD Database Releases”