Black Pearl And Rainbow Pearl Mod Integrations

Posts: 5

Mon 11 May, 2009 20:57

Subject: Black Pearl And Rainbow Pearl Mod Integrations

A quick question...

I understand that Black and Rainbow pearl were designed for the most part with Prosilver in mind. But which .css file do I make changes to when the mod tells be to make changes to the: button.css and colour.css files?

I am trying to add the alightner calendar to the sight and this keeps coming back as a block. (alightner calendar)

Any help or ides would be great.

Tim

Profile PM

Huor

Quote

Posts: 35 Location: Brunswick, Germany

Wed 13 May, 2009 01:49

Subject: Re: Black Pearl And Rainbow Pearl Mod Integrations

I have added this mod to my phpBB3 forum too. It was just some work to make it looking good. Had nearly to rewrite the whole html files. And forget about those css files. They are not existant on black pearl. I have taken one or two style definitions - the rest can be deleted anyway^^

You can see my calender adjustments here:
TRF Board Calendar

gonna try to post my html files and those two css entries soon. Before please let me know if its that what you want!

Greets
Huor

Profile PM Website AIM MSN ICQ

tring2200

Quote

Posts: 5

Wed 13 May, 2009 18:15

Subject: Re: Black Pearl And Rainbow Pearl Mod Integrations

Wow, nice job. And you are using this to post upcoming events huh? Very nice integration.

I just started yesterday to do a rebuild of the files myself.

If you could post your files I would greatly appreciate it.

Tim

Profile PM

Huor

Quote

Posts: 35 Location: Brunswick, Germany

Thu 14 May, 2009 00:36

Subject: Re: Black Pearl And Rainbow Pearl Mod Integrations

Ahoy here are the codes:

Sorry didnt found another way to post 'em...
Hope it helps ya.

calendar.html

Spoiler: [ Show ]

Code: [Download] [Hide]

<!-- INCLUDE overall_header.html -->
 
<!-- INCLUDE breadcrumbs_pages.html -->
 
<br />
 
  <div><div class="tbl-h-l"><div class="tbl-h-r"><div class="tbl-h-c"><div class="tbl-title"></div></div></div></div>
 
    <table class="tablebg" style="width: 100%; text-align: center; margin-left: auto; margin-right: auto;" cellpadding="0" cellspacing="0">
 
      <tr>
 
        <td style="text-align: center; width: 16%"><a href="{CALENDAR_PREV}"><h1>&lt;&lt;</h1></a></td>
 
        <td style="width: 8%">&nbsp;</td>
 
        <td style="width: 32%"><h1 style="text-align: center;margin-left: auto; margin-right: auto;">{CALENDAR_HEADER}</h1></td>
 
        <td style="width: 8%">&nbsp;</td>
 
        <td style="text-align: center; width: 16%"><a href="{CALENDAR_NEXT}"><h1>&gt;&gt;</h1></a></td>
 
      </tr>
 
      <tr>
 
        <td colspan="5" style="text-align: center">
 
          <form id="viewOpts" method="post" action="{S_POST_ACTION}">
 
          <p>
 
            {CALENDAR_VIEW_OPTIONS}<input type="submit" accesskey="s" tabindex="6" name="post" value="{L_SUBMIT}" class="button1" />
 
          </p>
 
          </form>
 
        </td>
 
      </tr>
 
    </table>
 
    <table width="100%" class="tablebg" cellspacing="1" cellpadding="0">
 
      <tr>
 
        <td style="width: 14%; height: 24px; text-align: center" class="cat">{SUNDAY}</td>
 
        <td style="width: 14%; height: 24px; text-align: center" class="cat">{MONDAY}</td>
 
        <td style="width: 14%; height: 24px; text-align: center" class="cat">{TUESDAY}</td>
 
        <td style="width: 14%; height: 24px; text-align: center" class="cat">{WEDNESDAY}</td>
 
        <td style="width: 14%; height: 24px; text-align: center" class="cat">{THURSDAY}</td>
 
        <td style="width: 14%; height: 24px; text-align: center" class="cat">{FRIDAY}</td>
 
        <td style="width: 14%; height: 24px; text-align: center" class="cat">{SATURDAY}</td>
 
      </tr>
 
      <!-- BEGIN calendar_days -->
 
      <!-- IF calendar_days.START_WEEK -->
 
      <tr style="height: 100px">
 
      <!-- ENDIF -->
 
        <!-- IF calendar_days.DUMMY_DAY -->
 
        <td  valign="top" class="row3">&nbsp;</td>
 
        <!-- ELSE -->
 
        <td valign="top" class="<!-- IF calendar_days.DAY_CLASS eq 'highlight' -->row2<!-- ELSE -->row1<!-- ENDIF -->">
 
          <table style="width: 100%" cellpadding="0" cellspacing="0" border="0">
 
            <tr>
 
              <td class="<!-- IF calendar_days.HEADER_CLASS eq 'highlight' -->row4<!-- ELSE -->row3<!-- ENDIF -->">
 
                <!-- IF calendar_days.ADD_LINK -->
 
                <a href="{calendar_days.ADD_LINK}">{calendar_days.NUMBER}</a>
 
                <!-- ELSE -->
 
                {calendar_days.NUMBER}
 
                <!-- ENDIF -->
 
                <br />
 
                <div class="buttons">
 
                  <!-- IF calendar_days.ADD_LINK -->
 
                  <div class="calendar-new-icon">
 
                    <a href="{calendar_days.ADD_LINK}" title="{L_NEW_EVENT}"></a>
 
                  </div>
 
                  <!-- ENDIF -->
 
                  <div class="calendar-day-icon"><a href="{calendar_days.DAY_VIEW_URL}" title="{L_DAY}"></a></div>
 
                  <!-- IF calendar_days.WEEK_VIEW_URL -->
 
                  <div class="calendar-week-icon"><a href="{calendar_days.WEEK_VIEW_URL}" title="{L_WEEK}"></a></div>
 
                  <!-- ENDIF -->
 
                  <!-- IF calendar_days.MONTH_VIEW_URL -->
 
                  <div class="calendar-month-icon"><a href="{calendar_days.MONTH_VIEW_URL}" title="{L_MONTH}"></a></div>
 
                  <!-- ENDIF -->
 
                </div>
 
              </td>
 
            </tr>
 
          </table>
 
          <br />
 
          <!-- IF calendar_days.BIRTHDAYS -->
 
          {calendar_days.BIRTHDAYS}
 
          <!-- ENDIF -->
 
          <!-- BEGIN events -->
 
          <!-- IF calendar_days.events.S_FIRST_ROW -->
 
          <!-- IF calendar_days.BIRTHDAYS -->
 
          <hr class="hrCal">
 
          <!-- ENDIF -->
 
          <!-- ELSE -->
 
          <hr class="hrCal">
 
          <!-- ENDIF -->
 
          <a href="{calendar_days.events.EVENT_URL}" title="<!-- IF calendar_days.events.ETYPE_DISPLAY_NAME -->{calendar_days.events.ETYPE_DISPLAY_NAME}: <!-- ENDIF -->{calendar_days.events.FULL_SUBJECT}">
 
                <!-- IF calendar_days.events.COLOR -->
 
          <span style="color:#{calendar_days.events.COLOR}">
 
          <!-- ENDIF -->
 
            <!-- IF calendar_days.events.DISPLAY_BOLD -->
 
            <strong>
 
            <!-- ENDIF -->
 
              <!-- IF calendar_days.events.IMAGE -->
 
              <img src="{calendar_days.events.IMAGE}" alt="{calendar_days.events.ETYPE_DISPLAY_NAME}" />
 
              <!-- ENDIF -->
 
              <!-- IF calendar_days.events.ETYPE_DISPLAY_NAME -->
 
              {calendar_days.events.ETYPE_DISPLAY_NAME}:
 
              <!-- ENDIF -->
 
              {calendar_days.events.EVENT_SUBJECT}
 
            <!-- IF calendar_days.events.DISPLAY_BOLD -->
 
            </strong>
 
            <!-- ENDIF -->
 
            <!-- IF calendar_days.events.SHOW_TIME -->
 
            <br />
 
            <span class="smCalText">
 
              <!-- IF calendar_days.events.ALL_DAY -->
 
              {L_ALL_DAY}
 
              <!-- ELSE -->
 
              {L_FROM_TIME}: {calendar_days.events.START_TIME}<br />
 
              {L_TO_TIME}: {calendar_days.events.END_TIME}
 
              <!-- ENDIF -->
 
            </span>
 
            <!-- ENDIF -->
 
          <!-- IF calendar_days.events.COLOR -->
 
          </span>
 
          <!-- ENDIF -->
 
          </a>
 
          <!-- END events -->
 
        </td>
 
        <!-- ENDIF -->
 
        <!-- IF calendar_days.END_WEEK -->
 
      </tr>
 
      <!-- ENDIF -->
 
    <!-- END calendar_days -->
 
    </table>
 
  <div class="tbl-f-l"><div class="tbl-f-r"><div class="tbl-f-c">&nbsp;</div></div></div>
 
  </div>
 
  <br clear="all" />
 
<!-- INCLUDE breadcrumbs_footer.html -->
 
<!-- INCLUDE overall_footer.html -->

calendar_next_events_on_index.html

Spoiler: [ Show ]

calendar_post_body.html

Spoiler: [ Show ]

calendar_post_buttons.html

Spoiler: [ Show ]

Code: [Download] [Hide]

<tr valign="middle" align="{S_CONTENT_FLOW_BEGIN}">
 
	<td colspan="2">
 
		<script type="text/javascript">
 
		// <![CDATA[
 
		// Define the bbCode tags
 
		var bbcode = new Array();
 
		var bbtags = new Array('[b]','[/b]','[i]','[/i]','[u]','[/u]','[quote]','[/quote]','[code]','[/code]','[list]','[/list]','[list=]','[/list]','[img]','[/img]','[url]','[/url]','[flash=]', '[/flash]','[size=]','[/size]'<!-- BEGIN custom_tags -->, {custom_tags.BBCODE_NAME}<!-- END custom_tags -->);
 
		var imageTag = false;
 
		// Helpline messages
 
		var help_line = {
 
			b: '{LA_BBCODE_B_HELP}',
 
			i: '{LA_BBCODE_I_HELP}',
 
			u: '{LA_BBCODE_U_HELP}',
 
			q: '{LA_BBCODE_Q_HELP}',
 
			c: '{LA_BBCODE_C_HELP}',
 
			l: '{LA_BBCODE_L_HELP}',
 
			o: '{LA_BBCODE_O_HELP}',
 
			p: '{LA_BBCODE_P_HELP}',
 
			w: '{LA_BBCODE_W_HELP}',
 
			s: '{LA_BBCODE_S_HELP}',
 
			f: '{LA_BBCODE_F_HELP}',
 
			e: '{LA_BBCODE_E_HELP}',
 
			d: '{LA_BBCODE_D_HELP}',
 
			t: '{LA_BBCODE_T_HELP}',
 
			tip: '{L_STYLES_TIP}'
 
			<!-- BEGIN custom_tags -->
 
				,cb_{custom_tags.BBCODE_ID}: '{custom_tags.A_BBCODE_HELPLINE}'
 
			<!-- END custom_tags -->
 
		}
 
		// ]]>
 
		</script>
 
		<script type="text/javascript" src="{T_TEMPLATE_PATH}/editor.js"></script>
 
<!-- IF S_BBCODE_ALLOWED -->
 
		<input type="button" class="btnbbcode" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px;" onclick="bbstyle(0)" onmouseover="helpline('b')" onmouseout="helpline('tip')" />
 
		<input type="button" class="btnbbcode" accesskey="i" name="addbbcode2" value=" i " style="font-style:italic; width: 30px;" onclick="bbstyle(2)" onmouseover="helpline('i')" onmouseout="helpline('tip')" />
 
		<input type="button" class="btnbbcode" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px;" onclick="bbstyle(4)" onmouseover="helpline('u')" onmouseout="helpline('tip')" />
 
		<!-- IF S_BBCODE_QUOTE -->
 
			<input type="button" class="btnbbcode" accesskey="q" name="addbbcode6" value="Quote" style="width: 50px" onclick="bbstyle(6)" onmouseover="helpline('q')" onmouseout="helpline('tip')" />
 
		<!-- ENDIF -->
 
		<input type="button" class="btnbbcode" accesskey="c" name="addbbcode8" value="Code" style="width: 40px" onclick="bbstyle(8)" onmouseover="helpline('c')" onmouseout="helpline('tip')" />
 
		<input type="button" class="btnbbcode" accesskey="l" name="addbbcode10" value="List" style="width: 40px" onclick="bbstyle(10)" onmouseover="helpline('l')" onmouseout="helpline('tip')" />
 
		<input type="button" class="btnbbcode" accesskey="o" name="addbbcode12" value="List=" style="width: 40px" onclick="bbstyle(12)" onmouseover="helpline('o')" onmouseout="helpline('tip')" />
 
		<input type="button" class="btnbbcode" accesskey="t" name="addlitsitem" value="[*]" style="width: 40px" onclick="bbstyle(-1)" onmouseover="helpline('e')" onmouseout="helpline('tip')" />				
 
		<!-- IF S_BBCODE_IMG -->
 
			<input type="button" class="btnbbcode" accesskey="p" name="addbbcode14" value="Img" style="width: 40px" onclick="bbstyle(14)" onmouseover="helpline('p')" onmouseout="helpline('tip')" />
 
		<!-- ENDIF -->
 
		<!-- IF S_LINKS_ALLOWED -->
 
			<input type="button" class="btnbbcode" accesskey="w" name="addbbcode16" value="URL" style="text-decoration: underline; width: 40px" onclick="bbstyle(16)" onmouseover="helpline('w')" onmouseout="helpline('tip')" />
 
		<!-- ENDIF -->
 
		<!-- IF S_BBCODE_FLASH -->
 
			<input type="button" class="btnbbcode" accesskey="d" name="addbbcode18" value="Flash" onclick="bbstyle(18)" onmouseover="helpline('d')" onmouseout="helpline('tip')" />
 
		<!-- ENDIF -->
 
		<span class="genmed nowrap">{L_FONT_SIZE}: <select class="gensmall" name="addbbcode20" onchange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]');this.form.addbbcode20.selectedIndex = 2;" onmouseover="helpline('f')" onmouseout="helpline('tip')">
 
			<option value="50">{L_FONT_TINY}</option>
 
			<option value="85">{L_FONT_SMALL}</option>
 
			<option value="100" selected="selected">{L_FONT_NORMAL}</option>
 
			<option value="150">{L_FONT_LARGE}</option>
 
			<option value="200">{L_FONT_HUGE}</option>
 
		</select></span>
 
<!-- ENDIF -->
 
	</td>
 
</tr>
 
<!-- IF S_BBCODE_ALLOWED and .custom_tags -->
 
	<tr valign="middle" align="{S_CONTENT_FLOW_BEGIN}">
 
		<td colspan="2">
 
		<!-- BEGIN custom_tags -->
 
			<input type="button" class="btnbbcode" name="addbbcode{custom_tags.BBCODE_ID}" value="{custom_tags.BBCODE_TAG}" onclick="bbstyle({custom_tags.BBCODE_ID})"<!-- IF custom_tags.BBCODE_HELPLINE !== '' --> onmouseover="helpline('cb_{custom_tags.BBCODE_ID}')" onmouseout="helpline('tip')"<!-- ENDIF --> />
 
		<!-- END custom_tags -->
 
		</td>
 
	</tr>
 
<!-- ENDIF -->
 
<!-- IF S_BBCODE_ALLOWED -->
 
<tr>
 
	<td<!-- IF $S_SIGNATURE or S_EDIT_DRAFT --> colspan="2"<!-- ENDIF -->><input type="text" readonly="readonly" name="helpbox" style="width:100%" class="helpline" value="{L_STYLES_TIP}" /></td>
 
	<!-- IF not $S_SIGNATURE and not S_EDIT_DRAFT -->
 
		<td class="genmed" align="center">{L_FONT_COLOR}</td>
 
	<!-- ENDIF -->
 
</tr>
 
<!-- ENDIF -->

calendar_post_editor.html

Spoiler: [ Show ]

Code: [Download] [Hide]

<script type="text/javascript">
 
  function toggle_all_day_event()
 
  {
 
    if( document.postform.calAllDay.checked )
 
    {
 
      document.postform.calMEnd.disabled=true;
 
      document.postform.calDEnd.disabled=true;
 
      document.postform.calYEnd.disabled=true;
 
      document.postform.calHr.disabled=true;
 
      document.postform.calMn.disabled=true;
 
      document.postform.calHrEnd.disabled=true;
 
      document.postform.calMnEnd.disabled=true;
 
    }
 
    else
 
    {
 
      document.postform.calMEnd.disabled=false;
 
      document.postform.calDEnd.disabled=false;
 
      document.postform.calYEnd.disabled=false;
 
      document.postform.calHr.disabled=false;
 
      document.postform.calMn.disabled=false;
 
      document.postform.calHrEnd.disabled=false;
 
      document.postform.calMnEnd.disabled=false;
 
    }
 
  }
 
  function update_group_id_state()
 
  {
 
      if( document.getElementById('calELevel').value == 1 )
 
      {
 
          document.getElementById('calGroupId').disabled=false;
 
      }
 
      else
 
      {
 
          document.getElementById('calGroupId').disabled=true;
 
      }
 
  }
 
</script>
 
<!-- IF ERROR -->
 
	<tr><td class="row2" colspan="2" align="center"><span class="genmed error">{ERROR}</span></td></tr>
 
<!-- ENDIF -->
 
<!-- IF S_DELETE_ALLOWED -->
 
<tr>
 
	<td class="row1"><b class="genmed"><label for="delete">{L_DELETE_POST}:</label></b></td>
 
	<td class="row2"><label for="delete"><input type="checkbox" class="radio" name="delete" /> <span class="gensmall">[ {L_DELETE_POST_WARN} ]</span></label></td>
 
</tr>
 
<!-- ENDIF -->
 
<!-- IF S_POST_ACTION -->
 
<tr>
 
	<td class="row1" width="22%"><b class="genmed"><label for="subject">{L_SUBJECT}:</label></b></td>
 
	<td class="row2" width="78%"><input class="post" style="width:450px" type="text" name="subject" size="45" maxlength="<!-- IF S_NEW_MESSAGE -->60<!-- ELSE -->64<!-- ENDIF -->" tabindex="2" value="{SUBJECT}" /></td>
 
</tr>
 
<tr>
 
	<td class="row1" width="22%"><b class="genmed"><label for="calM">{L_START_DATE}:</label></b></td>
 
	<td class="row2" width="78%">{MONTH_SEL} {DAY_SEL} {YEAR_SEL}</td>
 
</tr>
 
<tr>
 
	<td class="row1" width="22%"><b class="genmed"><label for="calHr">{L_START_TIME}:</label></b></td>
 
	<td class="row2" width="78%">{START_HOUR_SEL} {START_MIN_SEL}</td>
 
</tr>
 
<tr>
 
	<td class="row1" width="22%"><b class="genmed"><label>{L_ALL_DAY}:</label></b></td>
 
	<td class="row2" width="78%">{ALL_DAY_CHECK}</td>
 
</tr>
 
<tr>
 
	<td class="row1" width="22%"><b class="genmed"><label for="calMEnd">{L_END_DATE}:</label></b></td>
 
	<td class="row2" width="78%">{END_MONTH_SEL} {END_DAY_SEL} {END_YEAR_SEL}</td>
 
</tr>
 
<tr>
 
	<td class="row1" width="22%"><b class="genmed"><label for="calHrEnd">{L_END_TIME}:</label></b></td>
 
	<td class="row2" width="78%">{END_HOUR_SEL} {END_MIN_SEL}</td>
 
</tr>
 
<tr>
 
	<td class="row1" width="22%"><b class="genmed"><label for="calEType">{L_EVENT_TYPE}:</label></b></td>
 
	<td class="row2" width="78%">{EVENT_TYPE_SEL}</td>
 
</tr>
 
<tr>
 
	<td class="row1" width="22%"><b class="genmed"><label for="calELevel">{L_EVENT_ACCESS_LEVEL}:</label></b></td>
 
	<td class="row2" width="78%">{EVENT_ACCESS_LEVEL_SEL}</td>
 
</tr>
 
<tr>
 
	<td class="row1" width="22%"><b class="genmed"><label for="calGroupId">{L_EVENT_GROUP}:</label></b></td>
 
	<td class="row2" width="78%">{EVENT_GROUP_SEL}</td>
 
</tr>
 
<!-- ENDIF -->
 
<tr>
 
	<td class="row1" valign="top"><b class="genmed">{L_MESSAGE_BODY}:</b><br /><span class="gensmall">{L_MESSAGE_BODY_EXPLAIN}&nbsp;</span><br /><br />
 
	<!-- IF S_SMILIES_ALLOWED -->
 
		<table width="100%" cellspacing="5" cellpadding="0" border="0" align="center">
 
		<tr>
 
			<td class="gensmall" align="center"><b>{L_SMILIES}</b></td>
 
		</tr>
 
		<tr>
 
			<td align="center">
 
				<!-- BEGIN smiley -->
 
					<a href="#" onclick="insert_text('{smiley.A_SMILEY_CODE}', true); return false;" style="line-height: 20px;"><img src="{smiley.SMILEY_IMG}" width="{smiley.SMILEY_WIDTH}" height="{smiley.SMILEY_HEIGHT}" alt="{smiley.SMILEY_CODE}" title="{smiley.SMILEY_DESC}" hspace="2" vspace="2" /></a>
 
				<!-- END smiley -->
 
			</td>
 
		</tr>
 
		<!-- IF S_SHOW_SMILEY_LINK -->
 
			<tr>
 
				<td align="center"><a class="nav" href="{U_MORE_SMILIES}" onclick="window.open('{U_MORE_SMILIES}', '_phpbbsmilies', 'HEIGHT=350,resizable=yes,scrollbars=yes,WIDTH=300');return false;">{L_MORE_SMILIES}</a></td>
 
			</tr>
 
		<!-- ENDIF -->
 
		</table>
 
	<!-- ENDIF -->
 
	</td>
 
	<td class="row2" valign="top">
 
		<script type="text/javascript">
 
		// <![CDATA[
 
			var form_name = 'postform';
 
			var text_name = 'message';
 
		// ]]>
 
		</script>
 
		<table width="100%" cellspacing="0" cellpadding="0" border="0">
 
			<!-- INCLUDE calendar_post_buttons.html -->
 
			<tr>
 
				<td valign="top" style="width: 100%;"><textarea name="message" rows="15" cols="76" tabindex="3" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);" style="width: 98%;">{MESSAGE}</textarea></td>
 
				<!-- IF S_BBCODE_ALLOWED -->
 
				<td width="80" align="center" valign="top">
 
					<script type="text/javascript">
 
					// <![CDATA[
 
						colorPalette('v', 7, 6)
 
					// ]]>
 
					</script>
 
				</td>
 
				<!-- ENDIF -->
 
			</tr>
 
			<tr>
 
				<td><b class="genmed">{L_OPTIONS}:</b><br />
 
					<table cellspacing="2" cellpadding="0" border="0">
 
					<tr><td class="gensmall">{BBCODE_STATUS}</td></tr>
 
					<!-- IF S_BBCODE_ALLOWED -->
 
					<tr><td class="gensmall">{IMG_STATUS}</td></tr>
 
					<tr><td class="gensmall">{FLASH_STATUS}</td></tr>
 
					<tr><td class="gensmall">{URL_STATUS}</td></tr>
 
					<tr><td class="gensmall">{SMILIES_STATUS}</td></tr>
 
					<!-- ENDIF -->
 
					</table>
 
				</td>
 
			</tr>
 
		</table>
 
	</td>
 
</tr>

calendar_post_preview.html

Spoiler: [ Show ]

Code: [Download] [Hide]

<div><div class="tbl-h-l"><div class="tbl-h-r"><div class="tbl-h-c"><div class="tbl-title">{L_PREVIEW}</div></div></div></div>
 
<table class="tablebg" width="100%" cellpadding="0" cellspacing="0">
 
<tr><td class="row-post-top" colspan="2"><div style="float:right;"><span class="postdetails">{L_POST_SUBJECT}: {PREVIEW_SUBJECT}</span></div>{MINI_POST_IMG}&nbsp;<span class="postdetails">{L_POSTED}: {POST_DATE}</span></td></tr>
 
<tr><td class="spacer" colspan="2"><img src="{T_THEME_PATH}/images/spacer.gif" width="1" height="4" alt="" /></td></tr>
 
<tr>
 
	<td class="row-post-body" colspan="2">
 
		<table width="100%" border="0" cellspacing="0" cellpadding="0">
 
		<tr>
 
			<td>
 
				<div class="postbody">{PREVIEW_MESSAGE}</div>
 
				<!-- IF PREVIEW_SIGNATURE -->
 
				<div class="postbody"><br />_________________<br />{PREVIEW_SIGNATURE}</div>
 
				<!-- ENDIF -->
 
			</td>
 
		</tr>
 
		</table>
 
	</td>
 
</tr>
 
<tr><td class="spacer" colspan="2"><img src="{T_THEME_PATH}/images/spacer.gif" width="1" height="4" alt="" /></td></tr>
 
<!-- IF ALL_DAY -->
 
<tr>
 
	<td class="row1" width="22%"><b class="genmed"><label for="subject">{L_ALL_DAY}:</label></b></td>
 
	<td class="row2" width="78%">{PREVIEW_START_DATE}</td>
 
</tr>
 
<!-- ELSE -->
 
<tr>
 
	<td class="row1" width="22%"><b class="genmed"><label for="subject">{L_FROM_TIME}:</label></b></td>
 
	<td class="row2" width="78%">{PREVIEW_START_DATE}</td>
 
</tr>
 
<tr>
 
	<td class="row1" width="22%"><b class="genmed"><label for="subject">{L_TO_TIME}:</label></b></td>
 
	<td class="row2" width="78%">{PREVIEW_END_DATE}</td>
 
<tr>
 
<!-- ENDIF -->
 
<tr>
 
	<td class="row1" width="22%"><b class="genmed"><label for="subject">{L_INVITE_INFO}:</label></b></td>
 
	<td class="row2" width="78%">{PREVIEW_INVITED}</td>
 
</tr>
 
<tr>
 
	<td class="row1" width="22%"><b class="genmed"><label for="subject">{L_EVENT_CREATED_BY}:</label></b></td>
 
	<td class="row2" width="78%">{PREVIEW_POSTER}</td>
 
</tr>
 
<tr><td class="cat-bottom" colspan="2">&nbsp;</td></tr>
 
</table>
 
<div class="tbl-f-l"><div class="tbl-f-r"><div class="tbl-f-c">&nbsp;</div></div></div></div>
 
<br clear="all" />

calendar_view_day.html

Code: [Download] [Hide]

<!-- INCLUDE overall_header.html -->
 
  <div><div class="tbl-h-l"><div class="tbl-h-r"><div class="tbl-h-c"><div class="tbl-title"></div></div></div></div>
 
    <table class="tablebg" style="width: 100%; text-align: center;margin-left: auto; margin-right: auto;" cellpadding="0" cellspacing="0">
 
      <tr>
 
        <td style="text-align: center; width: 16%"><a href="{CALENDAR_PREV}"><span class="calH1">&lt;&lt;</span></a></td>
 
        <td style="width: 8%">&nbsp;</td>
 
        <td style="width: 32%"><h1 style="text-align: center;margin-left: auto; margin-right: auto;">{CALENDAR_HEADER}</h1></td>
 
        <td style="width: 8%">&nbsp;</td>
 
        <td style="text-align: center; width: 16%"><a href="{CALENDAR_NEXT}"><span class="calH1">&gt;&gt;</span></a></td>
 
      </tr>
 
      <tr>
 
        <td colspan="5" style="text-align: center">
 
          <form id="viewOpts" method="post" action="{S_POST_ACTION}">
 
            <p>
 
            {CALENDAR_VIEW_OPTIONS}<input type="submit" accesskey="s" tabindex="6" name="post" value="{L_SUBMIT}" class="button1" />
 
            </p>
 
          </form>
 
        </td>
 
      </tr>
 
    </table>
 
    <table class="tablebg" style="width: 100%; text-align: center">
 
      <tr>
 
        <td style="width: 100%; text-align: center; margin-left: auto; margin-right: auto;">
 
          <table style="width: 100%" cellspacing="0" cellpadding="0" border="0">
 
            <!-- IF .time_headers -->
 
            <tr>
 
              <!-- BEGIN time_headers -->
 
              <td style="width: 4.166%; text-align: center" colspan="4" class="cat">{time_headers.TIME} {time_headers.AM_PM}</td>
 
              <!-- END time_headers -->
 
            </tr>
 
            <!-- ENDIF -->
 
            <!-- IF EVENT_COUNT -->
 
            <!-- BEGIN events -->
 
            <tr>
 
              <!-- IF events.PRE_PADDING -->
 
              <td colspan="{events.PRE_PADDING}" class="bg3_calDay">&nbsp;</td>
 
              <!-- ENDIF -->
 
              <td colspan="{events.PADDING}" class="bg1_calDay" style="text-align: center;">
 
                <!-- IF events.EVENT_URL -->
 
                <a href="{events.EVENT_URL}" title="<!-- IF events.ETYPE_DISPLAY_NAME -->{events.ETYPE_DISPLAY_NAME}: <!-- ENDIF -->{events.FULL_SUBJECT}">
 
                  <!-- IF events.COLOR -->
 
                  <span style="color:#{events.COLOR}">
 
                  <!-- ENDIF -->
 
                    <!-- IF events.DISPLAY_BOLD -->
 
                    <strong>
 
                    <!-- ENDIF -->
 
                      <!-- IF events.IMAGE -->
 
                      <img src="{events.IMAGE}" alt="{events.ETYPE_DISPLAY_NAME}" />
 
                      <!-- ENDIF -->
 
                      <!-- IF events.ETYPE_DISPLAY_NAME -->
 
                      {events.ETYPE_DISPLAY_NAME}:
 
                      <!-- ENDIF -->
 
                      {events.EVENT_SUBJECT}
 
                    <!-- IF events.DISPLAY_BOLD -->
 
                    </strong>
 
                    <!-- ENDIF -->
 
                    <br />
 
                    <span class="smCalText">
 
                      <!-- IF events.ALL_DAY -->
 
                      {L_ALL_DAY}
 
                      <!-- ELSE -->
 
                      {L_FROM_TIME}: {events.START_TIME}<br />
 
                      {L_TO_TIME}: {events.END_TIME}
 
                      <!-- ENDIF -->
 
                    </span>
 
                  <!-- IF events.COLOR -->
 
                  </span>
 
                  <!-- ENDIF -->
 
                </a>
 
                <!-- ELSE -->
 
                {events.DATA}
 
                <!-- ENDIF -->
 
              </td>
 
              <!-- IF events.POST_PADDING -->
 
              <td colspan="{events.POST_PADDING}" class="bg3_calDay">&nbsp;</td>
 
              <!-- ENDIF -->
 
            </tr>
 
            <!-- END events -->
 
            <!-- ELSE -->
 
            <tr>
 
              <td colspan="96" class="bg1_calDay" style="text-align: center">&nbsp;<br />{L_NO_EVENTS_TODAY}<br />&nbsp;</td>
 
            </tr>
 
            <!-- ENDIF -->
 
          </table>
 
        </td>
 
      </tr>
 
    </table>
 
    <div class="tbl-f-l"><div class="tbl-f-r"><div class="tbl-f-c">&nbsp;</div></div></div></div>
 
  <div class="buttons">
 
    <!-- IF ADD_LINK -->
 
    <div class="calendar-new-icon"><a href="{ADD_LINK}" title="{L_NEW_EVENT}"><span></span></a></div>
 
    <!-- ENDIF -->
 
    <div class="calendar-week-icon"><a href="{WEEK_VIEW_URL}" title="{L_WEEK}"><span></span></a></div>
 
    <div class="calendar-month-icon"><a href="{MONTH_VIEW_URL}" title="{L_MONTH}"><span></span></a></div>
 
  </div>
 
<!-- INCLUDE overall_footer.html -->

calendar_view_event.html

Spoiler: [ Show ]

Code: [Download] [Hide]

<!-- INCLUDE overall_header.html -->
 
<!-- INCLUDE breadcrumbs_pages.html -->
 
<br />
 
<div><div class="tbl-h-l"><div class="tbl-h-r"><div class="tbl-h-c"><div class="tbl-title">{L_CALENDAR_TITLE}</div></div></div></div>
 
<table class="tablebg" width="100%" cellpadding="0" cellspacing="0">
 
<tr>
 
	<td class="row-post-body" colspan="2">
 
		<table width="100%" border="0" cellspacing="0" cellpadding="0">
 
		<tr>
 
			<td>
 
				<h3><!-- IF EVENT_COLOR --><span style="color:#{EVENT_COLOR}"><!-- ENDIF -->
 
				<!-- IF EVENT_IMAGE --><img src="{EVENT_IMAGE}" /> <!-- ENDIF -->
 
				<!-- IF ETYPE_DISPLAY_NAME -->{ETYPE_DISPLAY_NAME}: <!-- ENDIF -->{SUBJECT}
 
				<!-- IF EVENT_COLOR --></span><!-- ENDIF -->
 
				</h3><br />
 
			</td>
 
		</tr>
 
		<tr>
 
			<td>
 
				<div class="postbody">{MESSAGE}</div>
 
			</td>
 
		</tr>
 
		</table>
 
	</td>
 
</tr>
 
<!-- IF U_DELETE or U_EDIT -->
 
<tr>
 
	<td class="row-post-bottom" colspan="2">
 
	<!-- IF U_DELETE -->
 
	<a href="{U_DELETE}" title="{L_DELETE_POST}"><span>{L_DELETE_POST}</span></a>
 
	<!-- ENDIF -->
 
	&nbsp;
 
	<!-- IF U_EDIT -->
 
	<a href="{U_EDIT}" title="{L_EDIT_POST}"><span>{L_EDIT_POST}</span></a>
 
	<!-- ENDIF -->
 
	</td>
 
</tr>
 
<!-- ENDIF -->
 
<!-- IF ALL_DAY -->
 
<tr>
 
	<td class="row1" width="22%"><b class="genmed"><label for="subject">{L_ALL_DAY}:</label></b></td>
 
	<td class="row2" width="78%">{START_DATE}</td>
 
</tr>
 
<!-- ELSE -->
 
<tr>
 
	<td class="row1" width="22%"><b class="genmed"><label for="subject">{L_FROM_TIME}:</label></b></td>
 
	<td class="row2" width="78%">{START_DATE}</td>
 
</tr>
 
<tr>
 
	<td class="row1" width="22%"><b class="genmed"><label for="subject">{L_TO_TIME}:</label></b></td>
 
	<td class="row2" width="78%">{END_DATE}</td>
 
<tr>
 
<!-- ENDIF -->
 
<tr><td class="cat-bottom" colspan="2">&nbsp;</td></tr>
 
</table>
 
<div class="tbl-f-l"><div class="tbl-f-r"><div class="tbl-f-c">&nbsp;</div></div></div>
 
</div>
 
<br clear="all" />
 
<!-- INCLUDE breadcrumbs_footer.html -->
 
<!-- INCLUDE overall_footer.html -->

calendar_week_on_index.html

Spoiler: [ Show ]

Code: [Download] [Hide]

  <div class="forumbg forumbg-table">
 
  	<div class="inner"><span class="corners-top"><span></span></span>
 
      <table style="width: 80%; text-align: center;margin-left: auto; margin-right: auto;" cellpadding="0" cellspacing="0"><tr><td style="text-align: center; width: 16%"><a href="{CALENDAR_PREV}"><span class="calH1">&lt;&lt;</span></a></td>
 
      <td style="width: 8%">&nbsp;</td>
 
      <td style="width: 32%"><h1 style="text-align: center;margin-left: auto; margin-right: auto;">{CALENDAR_HEADER}</h1></td>
 
      <td style="width: 8%">&nbsp;</td>
 
      <td style="text-align: center; width: 16%"><a href="{CALENDAR_NEXT}"><span class="calH1">&gt;&gt;</span></a></td>
 
      </tr>
 
      <tr><td colspan="5" style="text-align: center">
 
      <form id="viewOpts" method="post" action="{S_POST_ACTION}">
 
	  <p>
 
      {CALENDAR_VIEW_OPTIONS}<input type="submit" accesskey="s" tabindex="6" name="post" value="{L_SUBMIT}" class="button1" />
 
		</p>
 
      </form>
 
	  </td></tr>
 
      </table>
 
  <table class="table1" cellspacing="1" cellpadding="0">
 
    <tr>
 
      <td style="width: 14%; height: 24px; text-align: center" class="bg4">{SUNDAY}</td>
 
      <td style="width: 14%; height: 24px; text-align: center" class="bg4">{MONDAY}</td>
 
      <td style="width: 14%; height: 24px; text-align: center" class="bg4">{TUESDAY}</td>
 
      <td style="width: 14%; height: 24px; text-align: center" class="bg4">{WEDNESDAY}</td>
 
      <td style="width: 14%; height: 24px; text-align: center" class="bg4">{THURSDAY}</td>
 
      <td style="width: 14%; height: 24px; text-align: center" class="bg4">{FRIDAY}</td>
 
      <td style="width: 14%; height: 24px; text-align: center" class="bg4">{SATURDAY}</td>
 
    </tr>
 
    <!-- BEGIN calendar_days -->
 
    <!-- IF calendar_days.START_WEEK --><tr style="height: 100px"><!-- ENDIF -->
 
      <!-- IF calendar_days.DUMMY_DAY --><td  valign="top" class="bg3_calMon">&nbsp;</td><!-- ELSE --><td valign="top" class="<!-- IF calendar_days.DAY_CLASS eq 'highlight' -->bg2_calMon<!-- ELSE -->bg1_calMon<!-- ENDIF -->"><table style="width: 100%" cellpadding="0" cellspacing="0" border="0">
 
          <tr><td class="<!-- IF calendar_days.HEADER_CLASS eq 'highlight' -->bg4_calMonH<!-- ELSE -->bg3_calMonH<!-- ENDIF -->"><!-- IF calendar_days.ADD_LINK --><a href="{calendar_days.ADD_LINK}">{calendar_days.NUMBER}</a><!-- ELSE -->{calendar_days.NUMBER}<!-- ENDIF --><br />
 
          <div class="buttons">
 
		  <!-- IF calendar_days.ADD_LINK --><div class="calendar-new-icon"><a href="{calendar_days.ADD_LINK}" title="{L_NEW_EVENT}"><span></span></a></div><!-- ENDIF -->
 
		  <div class="calendar-day-icon"><a href="{calendar_days.DAY_VIEW_URL}" title="{L_DAY}"><span></span></a></div>
 
		  <!-- IF calendar_days.WEEK_VIEW_URL -->
 
		  <div class="calendar-week-icon"><a href="{calendar_days.WEEK_VIEW_URL}" title="{L_WEEK}"><span></span></a></div>
 
		  <!-- ENDIF -->
 
		  <!-- IF calendar_days.MONTH_VIEW_URL -->
 
		  <div class="calendar-month-icon"><a href="{calendar_days.MONTH_VIEW_URL}" title="{L_MONTH}"><span></span></a></div>
 
          <!-- ENDIF --></div>
 
          </td></tr></table><br />
 
          <!-- IF calendar_days.BIRTHDAYS -->{calendar_days.BIRTHDAYS}<!-- ENDIF -->
 
 			<!-- BEGIN events -->
 
          		<!-- IF calendar_days.events.S_FIRST_ROW --><!-- IF calendar_days.BIRTHDAYS --><hr class="hrCal"><!-- ENDIF --><!-- ELSE --><hr class="hrCal"><!-- ENDIF -->
 
          		<a href="{calendar_days.events.EVENT_URL}" title="<!-- IF calendar_days.events.ETYPE_DISPLAY_NAME -->{calendar_days.events.ETYPE_DISPLAY_NAME}: <!-- ENDIF -->{calendar_days.events.FULL_SUBJECT}">
 
          			<!-- IF calendar_days.events.COLOR --><span style="color:#{calendar_days.events.COLOR}"><!-- ENDIF -->
 
          			<!-- IF calendar_days.events.DISPLAY_BOLD --><strong><!-- ENDIF -->
 
          			<!-- IF calendar_days.events.IMAGE --><img src="{calendar_days.events.IMAGE}" alt="{calendar_days.events.ETYPE_DISPLAY_NAME}" /> <!-- ENDIF -->
 
          			<!-- IF calendar_days.events.ETYPE_DISPLAY_NAME -->{calendar_days.events.ETYPE_DISPLAY_NAME}: <!-- ENDIF -->{calendar_days.events.EVENT_SUBJECT}
 
          			<!-- IF calendar_days.events.DISPLAY_BOLD --></strong><!-- ENDIF -->
 
          				<!-- IF calendar_days.events.SHOW_TIME --><br /><span class="smCalText">
 
          					<!-- IF calendar_days.events.ALL_DAY -->{L_ALL_DAY}
 
          					<!-- ELSE -->{L_FROM_TIME}: {calendar_days.events.START_TIME}
 
          					<br />{L_TO_TIME}: {calendar_days.events.END_TIME}
 
          					<!-- ENDIF --></span>
 
          				<!-- ENDIF -->
 
          			<!-- IF calendar_days.events.COLOR --></span><!-- ENDIF -->
 
          		</a>
 
          	<!-- END events -->
 
      </td>
 
      <!-- ENDIF -->
 
    <!-- IF calendar_days.END_WEEK --></tr><!-- ENDIF -->
 
    <!-- END calendar_days -->
 
  </table>
 
  <span class="corners-bottom"><span></span></span></div>
 
  </div>

Profile PM Website AIM MSN ICQ

tring2200

Quote

Posts: 5

Thu 14 May, 2009 21:31

Subject: Re: Black Pearl And Rainbow Pearl Mod Integrations

Wow Thanks, I am downloading them right now. You rock.

Tim

Profile PM

Huor

Quote

Posts: 35 Location: Brunswick, Germany

Fri 15 May, 2009 00:13

Subject: Re: Black Pearl And Rainbow Pearl Mod Integrations

Well already figured out that i did not changed the last file already ;)
I am not using it at the moment... Its for when youn display the calendar on your forum index...

Profile PM Website AIM MSN ICQ

Joshua203

Quote

Posts: 1754 Location: Earth, Europe, the Netherlands, Rotterdam

Thu 11 Feb, 2010 16:15

Subject: Re: Black Pearl And Rainbow Pearl Mod Integrations

for starters thanks for saving me alot of work and time on this sofar Huor, i've only had to modify your calendar_posting_preview.html sofar because i have a modded sig thingy

also thanks for pointing out this one (last) file was not changed yet, i ll try looking into this to keep me from future suprises :wink: (i would probably not have noticed until or if i switched this on :oops: )

sofar i did a quick view and it allready looks quite good, but i still have a few questions and it maybe easier to just ask before looking into this myself:

- i noticed there's a few files from the prosilver directory you did not mention or post above:

- the imageset/language folders (are they used?)
- the calendar_next_events_for_x_days.html, calendar_view_day.html, ucp_main_calendar_myevents.html, ucp_main_calendar_registration.html (would these files need modifications too?)

Huor wrote:
I have taken one or two style definitions - the rest can be deleted anyway^^

wich ones? can you be more specific on this?

thanks in advance for your reply, ..Joshua203 :wink:

PS if anyone happens to have a copy of the dutch translation to this (the link on the author's thread is dead) ... it would also safe me alot of work to translate it completely in stead of just adjust it alittle, i would appreciate it very much if someone could post it here (or there :mryellow: ) :wink:
if nobody will respond to this last request for the tranlation i will also request it in the author's thread ofcorse

Profile PM Website

Reply to topic

Page 1 of 1

You cannot post new topics
You cannot reply to topics
You cannot edit your posts
You cannot delete your posts
You cannot vote in polls
You cannot attach files
You can download files
You cannot post calendar events

This is a "Lo-Fi" version of our main content. To view the full version with more information, formatting and images, please click here.

Powered by Icy Phoenix based on phpBB
Generation Time: 0.3749s (PHP: 7% SQL: 93%)
SQL queries: 32 - Debug Off - GZIP Enabled

Icy Phoenix

Icy Phoenix - Powering Communities

Black Pearl And Rainbow Pearl Mod Integrations