[請教][已解決]phpBB Calendar block on Board3 Portal 1.0.3

[GPLynn]

安裝外掛:
phpBB Calendar block on Board3 Portal (在入口顯示行事曆) (1.0.3)

問題描述:
首先感謝捕手老師能在這麼短的時間內釋出這支整合性外掛。
而我是利用contrib\102_to_103.txt下去進行升級更新的。
更新完後出現些問題，還請幫忙看看我是否有哪裡做錯了！

calendar.jpg (57.01 KiB) 已瀏覽 13081 次

1. 如上附圖紅色框。
2. 事件表格內容似乎縮排過頭了！
3. 可能的話，是否可以把這隻外掛的block跟原本入口頁的迷你行事曆的block合併在一起，如此一來既可以保留原本這支外掛1.0.2的月曆，又可以隨時在ACP設定是否要啟用這個block。

[心靈捕手]

1. 如上附圖紅色框。
2. 事件表格內容似乎縮排過頭了！
3. 可能的話，是否可以把這隻外掛的block跟原本入口頁的迷你行事曆的block合併在一起，如此一來既可以保留原本這支外掛1.0.2的月曆，又可以隨時在ACP設定是否要啟用這個block。

1. 102_to_103.txt 漏寫一行.
#
#-----[ OPEN ]-----
#
portal.php

#
#-----[ FIND ]-----
#

代碼: 選擇全部

$user->setup('mods/lang_portal');

#
#-----[ AFTER, ADD ]-----
#

代碼: 選擇全部

$user->setup('calendar');

P.S.
原附加檔案已更新後, 重新上傳.

2. 您可以將顯示事件的圖示刪除.

20090730_154317.jpg (36.91 KiB) 已瀏覽 13060 次

不過, 這還得修改 *.CSS, 才會完美.

3. 比較簡單的方式是:
--開啟--
styles/prosilver/template/portal/portal_body.html

--找到--

代碼: 選擇全部

		<!-- IF S_DISPLAY_MINICAL -->
			<!-- INCLUDE portal/block/mini_calendar.html -->
		<!-- ENDIF -->

		<!-- INCLUDE portal/block/calendar.html -->

--取代成--

代碼: 選擇全部

		<!-- IF S_DISPLAY_MINICAL -->
			<!-- INCLUDE portal/block/mini_calendar.html -->
			<!-- INCLUDE portal/block/calendar.html -->
		<!-- ENDIF -->

儲存後, 清除論壇快取.

[GPLynn]

1. 感謝捕手老師，第1個問題已經解決了！
2. 保留事件圖示也蠻不錯的，不過我想把事件圖示的欄位寬度弄小一點，請問該如何修改？
3. 我想把原本的迷你行事曆的block跟這隻外掛的block合併在一起。(如下圖用繪圖軟體修改後的樣子)

   

   也就是把這隻外掛的"行事曆"字樣及前方圖示拿掉，並將"即將到來事件"併入迷你行事曆中。
   請問是不是把calendar.html的程式碼貼到mini_calendar.html裡面即可？還請前輩多多指教。

[心靈捕手]

1. 感謝捕手老師，第1個問題已經解決了！
2. 保留事件圖示也蠻不錯的，不過我想把事件圖示的欄位寬度弄小一點，請問該如何修改？
3. 我想把原本的迷你行事曆的block跟這隻外掛的block合併在一起。(如下圖用繪圖軟體修改後的樣子)
   calendar.jpg
   也就是把這隻外掛的"行事曆"字樣及前方圖示拿掉，並將"即將到來事件"併入迷你行事曆中。
   請問是不是把calendar.html的程式碼貼到mini_calendar.html裡面即可？還請前輩多多指教。

以下修改提供您參考:
--開啟--
styles/prosilver/template/portal/blosk/mini_calendar.html

--找到--

代碼: 選擇全部

		<!-- END mini_cal_row -->

--之後, 增加--

代碼: 選擇全部

		<tr>
			<td class="bg4" colspan="7">{L_UPCOMING_EVENTS}</td>
		</tr>
		<tr>
			<td class="row1" colspan="7">
			<!-- BEGIN events -->
			<!-- IF events.S_FIRST_ROW -->
			<!-- ELSE --><hr><!-- ENDIF -->
				<!-- IF events.IMAGE --><img src="{events.IMAGE}"><!-- ENDIF -->
				<a href="{events.EVENT_URL}" title="<!-- IF events.ETYPE_DISPLAY_NAME -->{events.ETYPE_DISPLAY_NAME}: <!-- ENDIF -->{events.FULL_SUBJECT}">
				<span style="<!-- IF events.COLOR -->color:#{events.COLOR};<!-- ENDIF --> font-weight: bold;">
				<!-- IF events.ETYPE_DISPLAY_NAME -->{events.ETYPE_DISPLAY_NAME}: <!-- ENDIF -->{events.SUBJECT}</span><br /><!-- IF events.ALL_DAY -->{events.START_TIME}<!-- ELSE -->{events.START_TIME} {L_TO_TIME} {events.END_TIME}<!-- ENDIF --></a>
			<!-- END events -->
			</td>
		</tr>

--開啟--
styles/prosilver/template/portal/portal_body.html

--找到, 刪除--

代碼: 選擇全部

		<!-- INCLUDE portal/block/calendar.html -->

儲存後, 清除論壇快取.

P.S.
1. 的確, 是可以直接 "把calendar.html的程式碼貼到mini_calendar.html裡面".
2. 不過, 利用 subsilver2 的 calendar.html 的代碼比較省事, 不必再修改 *.css.
3. 個人以為: mini_calendar 效用不大; 呼叫它, 只是增加資料庫查詢次數而已.

[GPLynn]

謝謝捕手老師的指教，
我參照老師的方法將prosilver的calendar.html的代碼成功套用過去了！
目前顯示效已跟我上一篇貼圖十分相似了！
但還是想請教事件圖示的欄寬要去哪個css改？
如果是動一髮而牽全身的話，
我是不是可以直接在mini_calendar.html定義樣式？
或者自己新增一個樣式在適當的css裡專門給它使用？

[心靈捕手]

謝謝捕手老師的指教，
我參照老師的方法將prosilver的calendar.html的代碼成功套用過去了！
目前顯示效已跟我上一篇貼圖十分相似了！
但還是想請教事件圖示的欄寬要去哪個css改？
如果是動一髮而牽全身的話，
我是不是可以直接在mini_calendar.html定義樣式？
或者自己新增一個樣式在適當的css裡專門給它使用？

建議您:
1. 貼出 prosilver 的 mini_calendar.html
2. 貼出目前的行事曆區塊擷圖

[GPLynn]

建議您:
1. 貼出 prosilver 的 mini_calendar.html
2. 貼出目前的行事曆區塊擷圖

1. 已修改過(非原版)之mini_calendar.html

   mini_calendar.rar

   (916 Bytes) 已下載 764 次

2. 下面附圖為未修改之直接截圖。
   如圖所示，事件圖示的欄寬似乎不小。
   而我習慣使用的事件圖示僅僅是16x16的icon，
   如果它的欄寬能再窄一點會比較合我的胃口。

   

[心靈捕手]

建議您:
1. 貼出 prosilver 的 mini_calendar.html
2. 貼出目前的行事曆區塊擷圖

1. 已修改過(非原版)之mini_calendar.html
   mini_calendar.rar
2. 下面附圖為未修改之直接截圖。
   如圖所示，事件圖示的欄寬似乎不小。
   而我習慣使用的事件圖示僅僅是16x16的icon，
   如果它的欄寬能再窄一點會比較合我的胃口。
   mini_calendar.jpg

以下修改提供您參考:
--找到--

代碼: 選擇全部

		<!-- END mini_cal_row -->
		<tr>
			<td colspan="7"><hr></td>
		</tr>
		<tr>
			<td colspan="7">
				<div class="portal-navigation">
					<div class="menutitle">{L_UPCOMING_EVENTS}</div>
						<ul>
						<!-- BEGIN events -->
							<li class="row">
								<dl class="icon"<!-- IF events.IMAGE --> style="background-image: url({events.IMAGE}); background-repeat: no-repeat;"<!-- ENDIF -->>
									<dt><a href="{events.EVENT_URL}" title="<!-- IF events.ETYPE_DISPLAY_NAME -->{events.ETYPE_DISPLAY_NAME}: <!-- ENDIF -->{events.FULL_SUBJECT}">
										<span style="<!-- IF events.COLOR -->color:#{events.COLOR};<!-- ENDIF --> font-weight: bold;">
											<!-- IF events.ETYPE_DISPLAY_NAME -->{events.ETYPE_DISPLAY_NAME}: <!-- ENDIF -->{events.SUBJECT}</span><br /><!-- IF events.ALL_DAY -->{events.START_TIME}<!-- ELSE -->{events.START_TIME} {L_TO_TIME} {events.END_TIME}<!-- ENDIF --></a>
									</dt>
								</dl>
							</li>
						<!-- END events -->
						</ul>
				</div>
			</td>
		</tr>
	</table>
{$LR_BLOCK_F_L}{$LR_BLOCK_F_R}

--取代成--

代碼: 選擇全部

		<!-- END mini_cal_row -->
	</table>
	<hr>
				<div class="portal-navigation">
					<div class="menutitle">{L_UPCOMING_EVENTS}</div>
						<ul>
						<!-- BEGIN events -->
							<li class="row">
								<dl class="icon"<!-- IF events.IMAGE --> style="background-image: url({events.IMAGE}); background-repeat: no-repeat;"<!-- ENDIF -->>
									<dt style="padding-left: 30px;"><a href="{events.EVENT_URL}" title="<!-- IF events.ETYPE_DISPLAY_NAME -->{events.ETYPE_DISPLAY_NAME}: <!-- ENDIF -->{events.FULL_SUBJECT}">
										<span style="<!-- IF events.COLOR -->color:#{events.COLOR};<!-- ENDIF --> font-weight: bold;">
											<!-- IF events.ETYPE_DISPLAY_NAME -->{events.ETYPE_DISPLAY_NAME}: <!-- ENDIF -->{events.SUBJECT}</span><br /><!-- IF events.ALL_DAY -->{events.START_TIME}<!-- ELSE -->{events.START_TIME} {L_TO_TIME} {events.END_TIME}<!-- ENDIF --></a>
									</dt>
								</dl>
							</li>
						<!-- END events -->
						</ul>
				</div>
{$LR_BLOCK_F_L}{$LR_BLOCK_F_R}

儲存後, 清理論壇快取.

P.S.
1. 原先欄位的邊距設定, 取決於 class="icon"; 其在 content.css 定義 "padding-left: 45px;".
2. 上頭修改, 如果您不想更動太多代碼的話, 那麼只要試著找到

代碼: 選擇全部

<dt>

取代成

代碼: 選擇全部

<dt style="padding-left: 30px;">

即可縮小欄位的寬度.

[GPLynn]

謝謝捕手老師的指教！
已經照我的需求做好更改了。
也讓我學到了不少東西，謝謝～