Thread: Add-On Releases - [ITech] [AJAX] Inferno vBShout Lite 2.5.0
View Single Post
  #684  
Old 03-21-2008, 01:41 PM
tony2k tony2k is offline
 
Join Date: Jan 2008
Posts: 5
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
alright, I searched this Thread Left Right and Center, and I can't believe I can't find our how to make this Mod show up on my homepage which uses CMPS.

I've attempted myself, and I am pretty Novice at this.......but I tried to "add module" in VBA, and I copied and pasted the code from the source of my Forum(which shows the shoutbox)

Code:
<form onsubmit="return InfernoShoutbox.shout();" action="index.php">
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
<thead>
<tr>
	<td class="tcat" align="center">

		<a style="float:right" href="#top" onclick="return toggle_collapse('forumhome_infernoshout')"><img id="collapseimg_forumhome_infernoshout" src="images/blackandblue/buttons/collapse_tcat.gif" alt="" border="0" /></a>
		Shoutbox
	</td>
</tr>
</thead>
<tbody id="collapseobj_forumhome_infernoshout" style="">
	<tr>
		<td class="alt1" align="left" width="100%">
		
		<table cellpadding="0" cellspacing="0" border="0" width="100%">
		<tr>
		<td class="alt2" style="width: 100%; padding: 0px;" align="left">

			<div class="alt1" style="float: left;">
				<span class="alt2" style="display: block;">
				<span class="alt1" style="width: 3px; height: 1px; display: block; overflow: hidden;"></span>
				<span class="alt1" style="width: 2px; height: 1px; display: block; overflow: hidden;"></span>
				<span class="alt1" style="width: 1px; height: 1px; display: block; overflow: hidden;"></span>
				</span>
			</div>
			<div class="alt1" style="float: right;">
				<span class="alt2" style="width: 1px; height: 1px; display: block; overflow: hidden;"></span>

				<span class="alt2" style="width: 2px; height: 1px; display: block; overflow: hidden;"></span>
				<span class="alt2" style="width: 3px; height: 1px; display: block; overflow: hidden;"></span>
			</div>

		<div class="alt2" style="padding: 0px;">
				<div class="alt1" style="float: left; width: 110px; position: absolute; margin-left: 6px;">
					<div class="smallfont" style="text-align: center;"><a href="?" onclick="return InfernoShoutbox.show('shoutbox');">Shoutbox</a></div>
					<div class="alt1">
						<span style="float: right;">

							<span class="alt2" style="display: block;">
							<span class="alt1" style="width: 3px; height: 1px; display: block; overflow: hidden;"></span>
							<span class="alt1" style="width: 2px; height: 1px; display: block; overflow: hidden;"></span>
							<span class="alt1" style="width: 1px; height: 1px; display: block; overflow: hidden;"></span>
							</span>
						</span>
						<span class="alt2" style="width: 1px; height: 1px; display: block; overflow: hidden;"></span>
						<span class="alt2" style="width: 2px; height: 1px; display: block; overflow: hidden;"></span>
						<span class="alt2" style="width: 3px; height: 1px; display: block; overflow: hidden;"></span>

					</div>
				</div>
				<div class="alt1" style="float: left; width: 110px; position: absolute; margin-left: 119px;">
					<div class="smallfont" style="text-align: center;"><a href="?" onclick="return InfernoShoutbox.show('activeusers');">Active Users</a>: <span id="shoutbox_activity">0</span></div>
					<div class="alt1">
						<span style="float: right;">
							<span class="alt2" style="display: block;">

							<span class="alt1" style="width: 3px; height: 1px; display: block; overflow: hidden;"></span>
							<span class="alt1" style="width: 2px; height: 1px; display: block; overflow: hidden;"></span>
							<span class="alt1" style="width: 1px; height: 1px; display: block; overflow: hidden;"></span>
							</span>
						</span>
						<span class="alt2" style="width: 1px; height: 1px; display: block; overflow: hidden;"></span>
						<span class="alt2" style="width: 2px; height: 1px; display: block; overflow: hidden;"></span>
						<span class="alt2" style="width: 3px; height: 1px; display: block; overflow: hidden;"></span>
					</div>

				</div>
				<div class="alt1" style="float: left; width: 110px; position: absolute; margin-left: 232px; display: none;" id="shoutbox_loader">
					<div class="smallfont" style="text-align: center;"><img src="infernoshout/images/processing.gif" alt="" /></div>
					<div class="alt1">
						<span style="float: right;">
							<span class="alt2" style="display: block;">
							<span class="alt1" style="width: 3px; height: 1px; display: block; overflow: hidden;"></span>
							<span class="alt1" style="width: 2px; height: 1px; display: block; overflow: hidden;"></span>
							<span class="alt1" style="width: 1px; height: 1px; display: block; overflow: hidden;"></span>

							</span>
						</span>
						<span class="alt2" style="width: 1px; height: 1px; display: block; overflow: hidden;"></span>
						<span class="alt2" style="width: 2px; height: 1px; display: block; overflow: hidden;"></span>
						<span class="alt2" style="width: 3px; height: 1px; display: block; overflow: hidden;"></span>
					</div>
				</div>
				<div class="alt1" style="float: left; width: 250px; position: absolute; margin-left: 345px; display: none;" id="shoutbox_notice">
					<div class="smallfont" style="text-align: left; padding-left: 3px;" id="shoutbox_notice_message"></div>

					<div class="alt1">
						<span style="float: right;">
							<span class="alt2" style="display: block;">
							<span class="alt1" style="width: 3px; height: 1px; display: block; overflow: hidden;"></span>
							<span class="alt1" style="width: 2px; height: 1px; display: block; overflow: hidden;"></span>
							<span class="alt1" style="width: 1px; height: 1px; display: block; overflow: hidden;"></span>
							</span>
						</span>
						<span class="alt2" style="width: 1px; height: 1px; display: block; overflow: hidden;"></span>

						<span class="alt2" style="width: 2px; height: 1px; display: block; overflow: hidden;"></span>
						<span class="alt2" style="width: 3px; height: 1px; display: block; overflow: hidden;"></span>
					</div>
				</div>
		</div>
		</td>
		</tr>
		</table>
		<div class="alt2"><span id="shoutbox_frame" style="display: block; padding: 3px; padding-top: 16px;overflow:auto;height:210px; width: 99%;">Loading...</span><span id="shoutbox_users_frame" style="display: none; padding: 3px; padding-top: 16px;overflow:auto;height:210px; width: 99%;">Loading...</span></div>

		<div class="alt2">
			<span style="float: right;">
				<span class="alt1" style="display: block;">
				<span class="alt2" style="width: 3px; height: 1px; display: block; overflow: hidden;"></span>
				<span class="alt2" style="width: 2px; height: 1px; display: block; overflow: hidden;"></span>
				<span class="alt2" style="width: 1px; height: 1px; display: block; overflow: hidden;"></span>
				</span>
			</span>
			<span class="alt1" style="width: 1px; height: 1px; display: block; overflow: hidden;"></span>

			<span class="alt1" style="width: 2px; height: 1px; display: block; overflow: hidden;"></span>
			<span class="alt1" style="width: 3px; height: 1px; display: block; overflow: hidden;"></span>
		</div>
		
			<div style="height: 2px"></div>
			<table width='100%' border='0' cellpadding='0' cellspacing='0'>
	<tr>
	<td width='100%'>
		<input type="text" name="shout" style="width: 93%" class="bginput" id="shoutbox_editor" />
	</td>

	<td style='white-space:nowrap' width='1%'>
		<input type="button" value="Shout" class="button" onclick='InfernoShoutbox.shout();' />
		<input type='button' class='button' value='Clear' onclick='InfernoShoutbox.clear();' />
		<input id='sb_mem_bold' type='button' class='button' style='font-weight:bold' value='B' onclick='InfernoShoutbox.assign_styleprop("fontWeight", this);' />
		<input id='sb_mem_underline' type='button' class='button' style='text-decoration:underline' value='U' onclick='InfernoShoutbox.assign_styleprop("textDecoration", this);' />
		<input id='sb_mem_italic' type='button' class='button' style='font-style:italic' value='I' onclick='InfernoShoutbox.assign_styleprop("fontStyle", this);' />
		<select id='sb_color_mem' name='font_color' onchange='InfernoShoutbox.assign_styleprop("color", this);'><option value="" class="" >Default</option>
<option value="Red" class="" style="color: Red;">Red</option>

<option value="Blue" class="" style="color: Blue;">Blue</option>
<option value="Green" class="" style="color: Green;">Green</option>
<option value="Orange" class="" style="color: Orange;" selected="selected">Orange</option>
<option value="Brown" class="" style="color: Brown;">Brown</option>
<option value="Black" class="" style="color: Black;">Black</option>
<option value="Yellow" class="" style="color: Yellow;">Yellow</option>
<option value="Purple" class="" style="color: Purple;">Purple</option>
<option value="Pink" class="" style="color: Pink;">Pink</option>
<option value="Silver" class="" style="color: Silver;">Silver</option>

</select>
		<select id='sb_font_mem' name='font_selector' onchange='InfernoShoutbox.assign_styleprop("fontFamily", this);'><option value="" class="" >Default</option>
<option value="Arial" class="" style="font-family: Arial;">Arial</option>
<option value="Arial Black" class="" style="font-family: Arial Black;" selected="selected">Arial Black</option>
<option value="Arial Narrow" class="" style="font-family: Arial Narrow;">Arial Narrow</option>
<option value="Book Antiqua" class="" style="font-family: Book Antiqua;">Book Antiqua</option>
<option value="Century Gothic" class="" style="font-family: Century Gothic;">Century Gothic</option>
<option value="Comic Sans MS" class="" style="font-family: Comic Sans MS;">Comic Sans MS</option>
<option value="Courier New" class="" style="font-family: Courier New;">Courier New</option>

<option value="Fixedsys" class="" style="font-family: Fixedsys;">Fixedsys</option>
<option value="Franklin Gothic Medium" class="" style="font-family: Franklin Gothic Medium;">Franklin Gothic Medium</option>
<option value="Garamond" class="" style="font-family: Garamond;">Garamond</option>
<option value="Georgia" class="" style="font-family: Georgia;">Georgia</option>
<option value="Impact" class="" style="font-family: Impact;">Impact</option>
<option value="Lucida Console" class="" style="font-family: Lucida Console;">Lucida Console</option>
<option value="Microsoft Sans Serif" class="" style="font-family: Microsoft Sans Serif;">Microsoft Sans Serif</option>
<option value="Palatino Linotype" class="" style="font-family: Palatino Linotype;">Palatino Linotype</option>
<option value="System" class="" style="font-family: System;">System</option>

<option value="Tahoma" class="" style="font-family: Tahoma;">Tahoma</option>
<option value="Times New Roman" class="" style="font-family: Times New Roman;">Times New Roman</option>
<option value="Trebuchet MS" class="" style="font-family: Trebuchet MS;">Trebuchet MS</option>
<option value="Verdana" class="" style="font-family: Verdana;">Verdana</option>
</select>
	</td>
</tr>
</table>
		
		</td>
	</tr>

</tbody>
</table>
</form>
<br />
<script type="text/javascript" src="infernoshout/browser/infernoshout.js?ver=1.0.0"></script>
<script type="text/javascript">
<!--

/**
 * Inferno Shoutbox Javascript Engine
 * Created By Inferno Technologies
 * All Rights Reserved
 * * * * * * * * * * * * * * *
 */

InfernoShoutbox = new _ishout;
InfernoShoutbox.initiate('forum', '180', '0', '0', '0');
-->
</script>

So after, I added this in my Center Column, but it screwed up my whole page because it made the width of the module too wide and the rest of my center modules were showing underneath the whole website. Also all my Right Columns were showing underneath the website.

Can someone please just tell us simple how to make this into a Module for CMPS, I know it's doable and someone has done it. Cmon just tell us!!! Thanks.
Reply With Quote
 
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01145 seconds
  • Memory Usage 1,847KB
  • Queries Executed 11 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD_SHOWPOST
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)bbcode_code
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_box
  • (1)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (1)post_thanks_postbit_info
  • (1)postbit
  • (1)postbit_onlinestatus
  • (1)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open 
Phrase Groups Available:
  • global
  • postbit
  • reputationlevel
  • showthread
Included Files:
  • ./showpost.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 
Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_postinfo_query
  • fetch_postinfo
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showpost_start
  • bbcode_fetch_tags
  • bbcode_create
  • postbit_factory
  • showpost_post
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • fetch_musername
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • showpost_complete