Skype Mod

[gettereks]

Thanks, the link is http://www.ghostlyportal.com/ghostlyvortex. I tried posting the overall_header.html using the bbcode tags but I gues the file was too big.

[gettereks]

I don't know if this will help: http://www.ghostlyportal.com/ghostlyvor ... eader.html

[RMcGirr83]

I don't see any edits for this mod in your overall_header.html file.

[gettereks]

hold on I'll switch back to prosilver

[gettereks]

ok look now

[RMcGirr83]

Your overall_header.html file is royally messed up. You have recurring code that shouldn't be there. Compare your overall_header.html file to one from a fresh download of the phpBB software (use winmerge which is free) and you will see what I mean.

[gettereks]

o.k. I replaced the overall_header.html with a fresh one from an install, now the install_mod.xml won't show up right in my browser. any ideas?

[RMcGirr83]

Uploading a new html file on your forum has no effect on whether or not the install.xml file shows. Download the mod again...completely extracting all files.

http://rmcgirr83.org/mods/skype_mod/install_mod.xml

[gettereks]

Any ideas as to why the scripting in the overall_header.html repeats even when I only edit one line?

[RMcGirr83]

You need to use a strict text editor...not cpanel and not dreamweaver. Use notepad++ (not the same as windows notepad by the way).

[gettereks]

ok I edited using the notepad c++ went to the forum and clicked the UCP and now I get this:

Code: Select all

Parse error: syntax error, unexpected '}' in /hermes/web08/b848/moo.gettereks/ghostlyvortex/includes/template.php(218) : eval()'d code on line 15

[RMcGirr83]

Double check your edits to the html file involved. You aren't installing the mod correctly.

Knowledge Base - How to install a MODX Modification

Knowledge Base - How to Install MODs

This is what your ucp_profile_profile_info.html file should look like when done applying the edits

Code: Select all

<!-- INCLUDE ucp_header.html -->

<form id="ucp" method="post" action="{S_UCP_ACTION}"{S_FORM_ENCTYPE}>

<h2>{L_TITLE}</h2>

<div class="panel">
	<div class="inner"><span class="corners-top"><span></span></span>
	<p>{L_PROFILE_INFO_NOTICE}</p>

	<fieldset>
	<!-- IF ERROR --><p class="error">{ERROR}</p><!-- ENDIF -->
	<dl>
		<dt><label for="icq">{L_UCP_ICQ}:</label></dt>
		<dd><input type="text" name="icq" id="icq" maxlength="15" value="{ICQ}" class="inputbox" /></dd>
	</dl>
	<dl>
		<dt><label for="aim">{L_UCP_AIM}:</label></dt>
		<dd><input type="text" name="aim" id="aim" maxlength="255" value="{AIM}" class="inputbox" /></dd>
	</dl>
	<dl>
		<dt><label for="msn">{L_UCP_MSNM}:</label></dt>
		<dd><input type="text" name="msn" id="msn" maxlength="255" value="{MSN}" class="inputbox" /></dd>

	</dl>
		<dl>
		<dt><label for="skype">{L_UCP_SKYPE}:</label><br /><span>{SKYPE_EXPLAIN}</span></dt>
		<dd><input type="text" name="skype" id="skype" maxlength="255" value="{SKYPE}" class="inputbox" /><br />
		  <span>{L_SKYPE_TYPE}</span>
			<label for="skype_type1"><input type="radio" name="skype_type" id="skype_type1" value="1"<!-- IF S_SKYPE_TYPE --> checked="checked"<!-- ENDIF --> /> {L_SKYPE_CALL_TRANS}</label>

			<label for="skype_type0"><input type="radio" name="skype_type" id="skype_type0" value="0"<!-- IF not S_SKYPE_TYPE --> checked="checked"<!-- ENDIF --> /> {L_SKYPE_CHAT_TRANS}</label>
        </dd>
	</dl>
	<dl>
		<dt><label for="yim">{L_UCP_YIM}:</label></dt>
		<dd><input type="text" name="yim" id="yim" maxlength="255" value="{YIM}" class="inputbox" /></dd>
	</dl>
	<dl>
		<dt><label for="jabber">{L_UCP_JABBER}:</label></dt>
		<dd><input type="text" name="jabber" id="jabber" maxlength="255" value="{JABBER}" class="inputbox" /></dd>
	</dl>
	<dl>
		<dt><label for="website">{L_WEBSITE}:</label></dt>
		<dd><input type="text" name="website" id="website" maxlength="255" value="{WEBSITE}" class="inputbox" /></dd>
	</dl>
	<dl>
		<dt><label for="location">{L_LOCATION}:</label></dt>
		<dd><input type="text" name="location" id="location" maxlength="255" value="{LOCATION}" class="inputbox" /></dd>
	</dl>
	<dl>
		<dt><label for="occupation">{L_OCCUPATION}:</label></dt>
		<dd><textarea name="occupation" id="occupation" class="inputbox" rows="3" cols="30">{OCCUPATION}</textarea></dd>
	</dl>
	<dl>
		<dt><label for="interests">{L_INTERESTS}:</label></dt>
		<dd><textarea name="interests" id="interests" class="inputbox" rows="3" cols="30">{INTERESTS}</textarea></dd>
	</dl>
	<!-- IF S_BIRTHDAYS_ENABLED -->
		<dl>
			<dt><label for="bday_day">{L_BIRTHDAY}:</label><br /><span>{L_BIRTHDAY_EXPLAIN}</span></dt>
			<dd>
				<label for="bday_day">{L_DAY}: <select name="bday_day" id="bday_day" style="width: 4em;">{S_BIRTHDAY_DAY_OPTIONS}</select></label> 
				<label for="bday_month">{L_MONTH}: <select name="bday_month" id="bday_month" style="width: 4em;">{S_BIRTHDAY_MONTH_OPTIONS}</select></label> 
				<label for="bday_year">{L_YEAR}: <select name="bday_year" id="bday_year" style="width: 6em;">{S_BIRTHDAY_YEAR_OPTIONS}</select></label>
			</dd>
		</dl>
	<!-- ENDIF -->
	<!-- BEGIN profile_fields -->
		<dl>
			<dt><label<!-- IF profile_fields.FIELD_ID --> for="{profile_fields.FIELD_ID}"<!-- ENDIF -->>{profile_fields.LANG_NAME}:<!-- IF profile_fields.S_REQUIRED --> *<!-- ENDIF --></label>
			<!-- IF profile_fields.LANG_EXPLAIN --><br /><span>{profile_fields.LANG_EXPLAIN}</span><!-- ENDIF --></dt>
			<!-- IF profile_fields.ERROR --><dd class="error">{profile_fields.ERROR}</dd><!-- ENDIF -->
			<dd>{profile_fields.FIELD}</dd>
		</dl>
	<!-- END profile_fields -->
	</fieldset>

	<span class="corners-bottom"><span></span></span></div>
</div>

<fieldset class="submit-buttons">
	{S_HIDDEN_FIELDS}<input type="reset" value="{L_RESET}" name="reset" class="button2" />&nbsp; 
	<input type="submit" name="submit" value="{L_SUBMIT}" class="button1" />
	{S_FORM_TOKEN}
</fieldset>
</form>

<!-- INCLUDE ucp_footer.html -->

Again the html file you have on your forum has this at the top

Code: Select all

<HEAD>
	<TITLE>ghostlyportal.com</TITLE>
        <META NAME="DESCRIPTION" CONTENT="Ghosts, Astrology, Spirituality, Magic, Psychic Developement.">
        <META NAME="KEYWORDS" CONTENT="Ghosthunting, Astrology, Spirituality, Psychic Developement, Magic, all in one!">
	</HEAD>

which it shouldn't have

[gettereks]

ok got it working. In this theme everything works out in the edits and works except the buttons.css

where would I place the edit in this

Code: Select all

/* Rollover buttons
   Based on: http://wellstyled.com/css-nopreload-rollovers.html
----------------------------------------*/
.buttons {
	float: left;
	width: auto;
	height: auto;
}

/* Rollover state */
.buttons div {
	float: left;
	margin: 0 5px 0 0;
	background-position: 0 100%;
}

/* Rolloff state */
.buttons div a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0;
	position: relative;
	overflow: hidden;
}

/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
/*.buttons div span		{ display: none; }*/
/*.buttons div a:hover	{ background-image: none; }*/
.buttons div span			{ position: absolute; width: 100%; height: 100%; cursor: pointer;}
.buttons div a:hover span	{ background-position: 0 100%; }

/* Big button images */
.reply-icon span	{ background: transparent none 0 0 no-repeat; }
.post-icon span		{ background: transparent none 0 0 no-repeat; }
.locked-icon span	{ background: transparent none 0 0 no-repeat; }
.pmreply-icon span	{ background: none 0 0 no-repeat; }
.newpm-icon span 	{ background: none 0 0 no-repeat; }
.forwardpm-icon span 	{ background: none 0 0 no-repeat; }

/* Set big button dimensions */
.buttons div.reply-icon		{ width: {IMG_BUTTON_TOPIC_REPLY_WIDTH}px; height: {IMG_BUTTON_TOPIC_REPLY_HEIGHT}px; }
.buttons div.post-icon		{ width: {IMG_BUTTON_TOPIC_NEW_WIDTH}px; height: {IMG_BUTTON_TOPIC_NEW_HEIGHT}px; }
.buttons div.locked-icon	{ width: {IMG_BUTTON_TOPIC_LOCKED_WIDTH}px; height: {IMG_BUTTON_TOPIC_LOCKED_HEIGHT}px; }
.buttons div.pmreply-icon	{ width: {IMG_BUTTON_PM_REPLY_WIDTH}px; height: {IMG_BUTTON_PM_REPLY_HEIGHT}px; }
.buttons div.newpm-icon		{ width: {IMG_BUTTON_PM_NEW_WIDTH}px; height: {IMG_BUTTON_PM_NEW_HEIGHT}px; }
.buttons div.forwardpm-icon	{ width: {IMG_BUTTON_PM_FORWARD_WIDTH}px; height: {IMG_BUTTON_PM_FORWARD_HEIGHT}px; }

/* Home icon
---------------------------------------- */
.icon-home {
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-image: none;
	padding: 1px 0 0 14px;
}
.navbar-top .icon-home {
    padding-top: 0;
}

would be cool. It's the ca black theme. check it out here http://www.ghostlyportal.com/ghostlyvortex

[RMcGirr83]

After this is fine

Code: Select all

.buttons div.forwardpm-icon   { width: {IMG_BUTTON_PM_FORWARD_WIDTH}px; height: {IMG_BUTTON_PM_FORWARD_HEIGHT}px; }

...I guess but if it doesn't work, not much more I can do.

[gettereks]

It worked! The users just put the cursor over the name to view the menu, the online and offline status works too! The button is there, this is so cool. All users have to do is click it. Great mod thanks!