您正在查詢的標題為：關注組織
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消
繁中原創
主站翻譯
俄文分部
韓文分部
中國分部
法文分部
波蘭分部
西語分部
泰文分部
日文分部
德文分部
義語分部
烏克蘭分部
葡語分部
捷克分部
越南分部
您正在查詢的標題為：機動特遣隊
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消
繁中原創
主站翻譯
俄文分部
韓文分部
中國分部
法文分部
波蘭分部
西語分部
泰文分部
日文分部
德文分部
義語分部
烏克蘭分部
葡語分部
捷克分部
越南分部
您正在查詢的標題為：基金會設施
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消
繁中原創
主站翻譯
俄文分部
韓文分部
中國分部
法文分部
波蘭分部
西語分部
泰文分部
日文分部
德文分部
義語分部
烏克蘭分部
葡語分部
捷克分部
越南分部
您正在查詢的標題為：員工與角色檔案
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消
繁中原創
主站翻譯
俄文分部
韓文分部
中國分部
法文分部
波蘭分部
西語分部
泰文分部
日文分部
德文分部
義語分部
烏克蘭分部
葡語分部
捷克分部
越南分部
您正在查詢的標題為：世界線中心頁
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消
繁中原創
主站翻譯
俄文分部
韓文分部
中國分部
法文分部
波蘭分部
西語分部
泰文分部
日文分部
德文分部
義語分部
烏克蘭分部
葡語分部
捷克分部
越南分部
您正在查詢的標題為：系列檔案室
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消
繁中原創
主站翻譯
俄文分部
韓文分部
中國分部
法文分部
波蘭分部
西語分部
泰文分部
日文分部
德文分部
義語分部
烏克蘭分部
葡語分部
捷克分部
越南分部
您正在查詢的標題為：競賽資料庫
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消
繁中原創
主站翻譯
俄文分部
韓文分部
中國分部
法文分部
波蘭分部
西語分部
泰文分部
日文分部
德文分部
義語分部
烏克蘭分部
葡語分部
捷克分部
越南分部
您正在查詢的標題為：異常物品紀錄
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消
繁中原創
主站翻譯
俄文分部
韓文分部
中國分部
法文分部
波蘭分部
西語分部
泰文分部
日文分部
德文分部
義語分部
烏克蘭分部
葡語分部
捷克分部
越南分部
您正在查詢的標題為：超常事件紀錄
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消
繁中原創
主站翻譯
俄文分部
韓文分部
中國分部
法文分部
波蘭分部
西語分部
泰文分部
日文分部
德文分部
義語分部
烏克蘭分部
葡語分部
捷克分部
越南分部
您正在查詢的標題為：未解明地點列表
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消
繁中原創
主站翻譯
俄文分部
韓文分部
中國分部
法文分部
波蘭分部
西語分部
泰文分部
日文分部
德文分部
義語分部
烏克蘭分部
葡語分部
捷克分部
越南分部
您正在查詢的標題為：基金會故事
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消
繁中原創
主站翻譯
俄文分部
韓文分部
中國分部
法文分部
波蘭分部
西語分部
泰文分部
日文分部
德文分部
義語分部
烏克蘭分部
葡語分部
捷克分部
越南分部
想在人事頁面放在各種競賽或挑戰得到的徽章，或是大家幫你畫的角色藝作，卻覺得圖片很佔空間嗎？
想要用幻燈片的方式放在某個位置讓人點開來看？
大家現在可以在網頁的右邊看到使用範例。
展示區塊的高度位置取決於你在頁面放置他的位置，所以也這樣也可以像這樣重複放置來把想展示的圖給分類擺放，距離依需求自行調整：
若要使用這個組件，首先要在文章的開頭加上：
[[include component: bales-brb]]
再來是依想展示的圖片數量加上這一段：
[[module CSS]]
.r1 {animation-delay: 0s;}
.r2 {animation-delay: 6s;}
.r3 {animation-delay: 12s;}
[[/module]]每張圖的動畫效果時間預設是6秒，就以這個格式添加。
再來是展示部份，< >裡面的東西都是自己定義，不用留下< >，折疊語法之中的div可依照格式自由增減。
[[div class="brb"]]
[[collapsible show="<折疊頁開頭>" hide="<折疊頁收折>"]]
[[div class="ti r1"]]
[[image <第一張圖片完整網址> width="100%" height="100%"]]
[[div class="bw"]]
<第一張圖片的敘述>
[[/div]]
[[/div]]
[[div class="ti r2"]]
[[image <第二張圖片完整網址> width="100%" height="100%"]]
[[div class="bw"]]
<第二張圖片的敘述>
[[/div]]
[[/div]]
[[div class="ti r3"]]
[[image <第三張圖片完整網址> width="100%" height="100%"]]
[[div class="bw"]]
<第三張圖片的敘述>
[[/div]]
[[/div]]
[[/collapsible]]
[[/div]]如果你對展示框的樣式不夠滿意，這邊是展示框的本體代碼，可以自行調整參數：
[[module CSS]]
/*
這個是折疊頁方塊的部份
*/
.brb{
display:block;
position: relative;
width:200px;
height:auto;
/*上面兩行是寬、高，高度建議別動*/
top: 0px;
right: -90%;
/*區塊在畫面上的位置*/
z-index: 50;
text-align: center;
border: 5px solid;
/*邊框格式，粗細跟樣式*/
border-radius:2px;
/*邊框圓角幅度*/
background: rgba(200, 200, 200);
/*方塊底色*/
}
/*
這個是圖片方塊的部份
*/
.ti{
display:block;
position: absolute;
border-top: 5px solid;
border-bottom: 2px solid;
border-left: 5px solid;
border-right: 5px solid;
/*上面四行是邊框的粗細跟樣式*/
border-top-left-radius:2px;
border-top-right-radius:2px;
/*上面兩行是上面邊框圓角弧度*/
width:200px;
height:200px;
/*上面是圖片框的寬、高*/
top: 21px;
right: -5px;
/*定位，建議別動*/
z-index: 50;
text-align: center;
opacity:0;
animation: RB 6s linear 1;
/*動畫效果，調整秒數只需要改6s的數字部份，其他建議別動*/
background: rgba(255, 255, 255);
/*方塊底色*/
}
/*
這邊是文字方塊的部份
*/
.bw{
display:block;
position: absolute;
border-top: 2px solid;
border-bottom: 5px solid;
border-left: 5px solid;
border-right: 5px solid;
/*上面四行是邊框樣式*/
border-bottom-left-radius:2px;
border-bottom-right-radius:2px;
/*上面兩行是下面邊框圓角弧度*/
width:200px;
height: auto;
/*上面兩行是寬、高，寬度建議跟圖片寬度一樣，高度不動*/
top: 200px;
right: -5px;
/*定位，建議不動*/
z-index: 50;
text-align: center;
/*文字對齊方式，預設置中*/
background: rgba(200, 200, 200);
/*方塊底色*/
}
/*
手機的相容性部份
*/
@media (max-width: 479px) {
.brb{ width:100px; right: -70%;}
.ti{ width:100px; height: 100px;}
.bw{ width:100px; top: 100px;}
}
/*
動畫效果
*/
@keyframes RB{
0% {opacity:0;transform:rotateY(90deg);transform-origin:50%;}
25% {opacity:1;transform:rotateY(0deg);transform-origin:50%;}
75% {opacity:1;transform:rotateY(0deg);transform-origin:50%;}
100% {opacity:0;transform:rotateY(90deg);transform-origin:50%;}
}
[[/module]]以上，如果有使用上的問題和建議，歡迎聯絡BalesBomb 原帳號：
Bales20147。
