'update'
This commit is contained in:
parent
5fe76b53ce
commit
6376d7a95e
|
|
@ -1,7 +1,12 @@
|
|||
;(function($, win, undefined) {
|
||||
// ECMAScript 5 嚴格模式
|
||||
'use strict';
|
||||
|
||||
$(document).ready(function() {
|
||||
// 確保兩個元素都存在
|
||||
if ($('.header-nav blockquote').length && $('.orbit-bar-menu').length) {
|
||||
$('.header-nav blockquote').appendTo('.orbit-bar-menu');
|
||||
}
|
||||
});
|
||||
//header fixed在上方
|
||||
function initdata1() {
|
||||
if ( $('.homebanner').length != 0) {
|
||||
|
|
@ -1135,7 +1140,7 @@ $(document).ready(function () {
|
|||
if ($(window).width() <769) {
|
||||
$('.modules-menu-level-0').after($('.header-nav'));
|
||||
}else{
|
||||
$('.outdropdowns').before($('.header-nav'));
|
||||
$('.navbar-header').before($('.header-nav'));
|
||||
};
|
||||
$('.sitemenu-vertical .sitemenu-dropdown-toggle').click(function(){
|
||||
$('.sitemenu-vertical .dropdown-menu').slideToggle();
|
||||
|
|
@ -1204,7 +1209,7 @@ $(document).ready(function () {
|
|||
|
||||
$('.modules-menu-level-0').after($('.header-nav'));
|
||||
}else{
|
||||
$('.outdropdowns').before($('.header-nav'));
|
||||
$('.navbar-header').before($('.header-nav'));
|
||||
};
|
||||
|
||||
if ($(window).width() > 821) {
|
||||
|
|
@ -1264,6 +1269,9 @@ $(document).ready(function () {
|
|||
handleAnimationOnce('.hide3', 'animationvisible3', 0.5);
|
||||
handleAnimationOnce('.rotate0', 'animationrotate0', 0.5);
|
||||
handleAnimationOnce('.zoomin', 'animationvisible5', 0.5);
|
||||
|
||||
handleAnimationOnce('.fadeInUp', 'animationvisible', 0.5);
|
||||
handleAnimationOnce('.fadeInDown', 'animationvisible3', 0.5);
|
||||
});
|
||||
|
||||
init();
|
||||
|
|
@ -1441,6 +1449,19 @@ $(document).ready(function() {
|
|||
$(this).find('span').text(selectedText + '（已選取）');
|
||||
});
|
||||
});
|
||||
|
||||
$(document).ready(function() {
|
||||
$('.toggler').on('click', function() {
|
||||
$(this)
|
||||
.toggleClass('active')
|
||||
.next('.content-wrapper') // 只選相鄰的後一個 .content-wrapper
|
||||
.stop(true, true)
|
||||
.slideToggle(300); // 平滑展開/收起
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
||||
// //選單樣式2
|
||||
// $(document).ready(function() {
|
||||
// "use strict";
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@
|
|||
content: '';
|
||||
height: 6px;
|
||||
width: 80px;
|
||||
background-color: #00356a;
|
||||
background-color:$theme-color-second;
|
||||
margin-bottom: 0.2em;
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -299,7 +299,7 @@
|
|||
}
|
||||
}
|
||||
.membercontainer{
|
||||
background-color: #fff;
|
||||
// background-color: #fff;
|
||||
}
|
||||
.marqueeken {
|
||||
font-family: "Noto Serif TC", sans-serif;
|
||||
|
|
@ -425,4 +425,113 @@
|
|||
&:hover{
|
||||
|
||||
}
|
||||
}
|
||||
#itemFullText{
|
||||
td{
|
||||
&:first-child{
|
||||
@media(min-width:769px){
|
||||
width: 27%;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
#subCategory{
|
||||
tr {
|
||||
background: #fafafa;
|
||||
border: 1px solid #ddd;
|
||||
margin-bottom: 1em !important;
|
||||
position: relative;
|
||||
display: flex;
|
||||
}
|
||||
td{
|
||||
display: block;
|
||||
width: fit-content!important;
|
||||
&:first-child{
|
||||
width: 18%;
|
||||
min-width: 130px;
|
||||
}
|
||||
img{
|
||||
outline: 0px;
|
||||
border: 1px solid #ddd;
|
||||
vertical-align: middle;
|
||||
display: block;
|
||||
height: 130px;
|
||||
max-width: 100%;
|
||||
padding: 4px;
|
||||
margin: 0px 8px 0px 0px;
|
||||
width: 130px;
|
||||
}
|
||||
h2{
|
||||
outline: 0px;
|
||||
font-weight: 300;
|
||||
line-height: 1.1;
|
||||
color: inherit;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 10px;
|
||||
font-size: 1em!important;
|
||||
a{
|
||||
color: #347018;
|
||||
}
|
||||
a:before {
|
||||
content: "";
|
||||
display: block;
|
||||
background: url(/assets/li-sign.gif) no-repeat;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
float: left;
|
||||
margin: 0 6px 0 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.subCategory {
|
||||
background: #fafafa;
|
||||
border: 1px solid #ddd;
|
||||
h2{
|
||||
font-size: 1.5em!important ;
|
||||
}
|
||||
}
|
||||
.subCategory h2 a:before {
|
||||
content: "";
|
||||
display: block;
|
||||
background: url(/assets/li-sign.gif) no-repeat;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
float: left;
|
||||
margin: 0 6px 0 0;
|
||||
}
|
||||
|
||||
.itemFullText {
|
||||
font-size: 0.8em;
|
||||
|
||||
}
|
||||
.ic-wrapper {
|
||||
background-color: #F0F0F0;
|
||||
border-top: 10px solid #ffffff;
|
||||
border-bottom: 3px solid #E0E0E0;
|
||||
padding: 8px;
|
||||
font-size: 20px;
|
||||
line-height: 20px;
|
||||
font-family: Microsoft JhengHei, arial;
|
||||
}
|
||||
.ic-wrapper-item {
|
||||
padding: 0;
|
||||
min-width:unset!important;
|
||||
}
|
||||
.toggler{
|
||||
cursor: pointer;
|
||||
margin-bottom: 10px;
|
||||
padding: 7px;
|
||||
border: 1px solid #ddd;
|
||||
background: #F5F5F5;
|
||||
background: -moz-linear-gradient(top, #FAFAFA 0%, #F5F5F5 100%);
|
||||
background: -webkit-linear-gradient(top, #FAFAFA 0%, #F5F5F5 100%);
|
||||
background: -o-linear-gradient(top, #FAFAFA 0%, #F5F5F5 100%);
|
||||
background: linear-gradient(to bottom, #FAFAFA 0%, #F5F5F5 100%);
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 1px 0 #fff inset;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
font-size: 1.2em!important;
|
||||
}
|
||||
|
|
@ -10,13 +10,105 @@
|
|||
.outdropdowns{
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
padding-bottom: 0.5em;
|
||||
}
|
||||
.nav_ul{
|
||||
padding: 0;
|
||||
& > li{
|
||||
position: relative;
|
||||
list-style:none;
|
||||
float: left;
|
||||
display: inline-block;
|
||||
@media(max-width:480px){
|
||||
width: 100%;
|
||||
a{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
&:hover{
|
||||
background-color:transparent;
|
||||
> a{
|
||||
text-decoration: underline;
|
||||
padding: 0.7em;
|
||||
}
|
||||
& > ul{
|
||||
display: block;
|
||||
a{
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
& > ul{
|
||||
@media(max-width:480px){
|
||||
position: relative;
|
||||
box-shadow: none;
|
||||
display: block;
|
||||
li{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
display: none;
|
||||
width:-webkit-fill-available;
|
||||
min-width: max-content;
|
||||
box-shadow: 2px 2px 5px #00000033;
|
||||
margin: 0;
|
||||
transition-duration: 0.5s;
|
||||
background:$theme-color-second;
|
||||
position: absolute;
|
||||
padding: 0;
|
||||
li{
|
||||
list-style:none;
|
||||
float: none!important;
|
||||
a{
|
||||
color: #fff;
|
||||
display: block;
|
||||
padding: 0.7em;
|
||||
}
|
||||
&:hover{
|
||||
background-color: rgba(darken($theme-color-second, 10%), 1);;
|
||||
& > ul{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
.orbit-bar-inner{
|
||||
.orbit-bar-menu{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
blockquote{
|
||||
color: #fff;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: unset;
|
||||
border-left: 0;
|
||||
&:after, &:before{
|
||||
display: none;
|
||||
}
|
||||
a{
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
height: 40px;
|
||||
padding: 0.7em;
|
||||
font-size: 0.85em;
|
||||
}
|
||||
}
|
||||
}
|
||||
.header-nav {
|
||||
z-index: 2;
|
||||
ul{
|
||||
padding: 0;
|
||||
}
|
||||
@media(max-width: 769px){
|
||||
@media(min-width: 769px){
|
||||
float: right;
|
||||
}
|
||||
@media(max-width: 768px){
|
||||
ul{
|
||||
display: flex!important;
|
||||
flex-wrap: wrap;
|
||||
|
|
@ -51,7 +143,6 @@
|
|||
}
|
||||
.header-banner { overflow: hidden; }
|
||||
.header-nav {
|
||||
padding:0;
|
||||
>.container{
|
||||
color: $theme-color-main;
|
||||
font-family: $main-font;
|
||||
|
|
@ -117,6 +208,7 @@
|
|||
@media (min-width: $screen-sm) {
|
||||
margin:0;
|
||||
line-height: 3.75em;
|
||||
height: auto;
|
||||
h1{
|
||||
font-size: 1.2em;
|
||||
display: flex;
|
||||
|
|
@ -169,7 +261,7 @@
|
|||
}
|
||||
|
||||
.navbar-toggle {
|
||||
margin-top: 1.5em;
|
||||
margin-top: 1em;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
// border-radius: 0.125em;
|
||||
|
|
|
|||
|
|
@ -214,6 +214,99 @@ ul.button-mid{
|
|||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
// Widget 10
|
||||
.ba-banner-widget-10 {
|
||||
height: 30vh !important;
|
||||
z-index: 0;
|
||||
.title{
|
||||
border-bottom:0!important;
|
||||
}
|
||||
.en{
|
||||
letter-spacing: 0.5px;
|
||||
color: #EAFFDB;
|
||||
font-size: 0.6em;
|
||||
line-height: 1.3;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.youtube, .cycle-youtube {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
object, embed {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.banner-pager {
|
||||
|
||||
}
|
||||
.button-mid{
|
||||
z-index: 101;
|
||||
}
|
||||
.ad-overlay{
|
||||
text-align: center;
|
||||
position: relative;
|
||||
background: none;
|
||||
color: #fff;
|
||||
z-index: 100;
|
||||
padding-left: 10%;
|
||||
padding-right: 10%;
|
||||
// text-shadow: 1px 1px 1px #0000008c;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
text-shadow: 0px 0px 6px #00000080;
|
||||
h3{
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
font-size: 2.1em;
|
||||
}
|
||||
.cht{
|
||||
color: #fff;
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
font-size: 1.3em;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
img{
|
||||
position: fixed;
|
||||
top:0;
|
||||
height: 50vh;
|
||||
width: 100vw;
|
||||
}
|
||||
&,& .jp-jplayer{
|
||||
@media(min-width:1801px){
|
||||
.ad-overlay{
|
||||
bottom: 0;
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
|
||||
.ad-overlay{
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
h2{
|
||||
text-align: center;
|
||||
line-height: 1.5;
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
display: block;
|
||||
span{
|
||||
color: #c9eff6;
|
||||
font-size: 0.6em;
|
||||
line-height: 1.1;
|
||||
margin: 0px;
|
||||
display: block;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// Widget 0
|
||||
.ba-banner-widget-0 {
|
||||
height: 100vh !important;
|
||||
|
|
@ -516,32 +609,6 @@ ul.button-mid{
|
|||
}
|
||||
// widget9
|
||||
.ba-banner-widget-9{
|
||||
.designbox{
|
||||
background: url(/assets/light.png) no-repeat;
|
||||
display: block;
|
||||
position: absolute;
|
||||
content: '';
|
||||
width: 500px;
|
||||
height: 400px;
|
||||
background-size: contain;
|
||||
left: 0;
|
||||
top: -62px;
|
||||
z-index: 999;
|
||||
opacity: .7;
|
||||
}
|
||||
.designbox2{
|
||||
background: url(/assets/cloud.png) no-repeat;
|
||||
display: block;
|
||||
position: absolute;
|
||||
content: '';
|
||||
width: 300px;
|
||||
height:300px;
|
||||
background-size: contain;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 999;
|
||||
opacity: .7;
|
||||
}
|
||||
iframe{
|
||||
border-radius: 2em;
|
||||
border:1px solid #fff;
|
||||
|
|
@ -558,7 +625,10 @@ ul.button-mid{
|
|||
content: '';
|
||||
width: 60%;
|
||||
height: 100%;
|
||||
background:linear-gradient(to right, #d21c00 0%, #03162700 100%);
|
||||
background: linear-gradient(to right,
|
||||
rgba(red($theme-color-second), green($theme-color-second), blue($theme-color-second), 0.8) 0%,
|
||||
#03162700 100%
|
||||
);
|
||||
display: block;
|
||||
z-index: 100;
|
||||
@media(max-width:768px){
|
||||
|
|
|
|||
|
|
@ -80,7 +80,7 @@
|
|||
//固定選單
|
||||
.navFixed {
|
||||
.header-nav{
|
||||
display: none!important;
|
||||
// display: none!important;
|
||||
-webkit-transition: all .3s ease;
|
||||
-moz-transition: all .3s ease;
|
||||
-ms-transition: all .3s ease;
|
||||
|
|
@ -90,7 +90,6 @@
|
|||
z-index: 10;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top:0;
|
||||
margin-top: 0;
|
||||
min-width: 100%;
|
||||
-webkit-backdrop-filter: saturate(180%) blur(20px);
|
||||
|
|
@ -639,9 +638,9 @@
|
|||
}
|
||||
}
|
||||
html[lang="en"]{
|
||||
.modules-menu .modules-menu-level-0{
|
||||
.modules-menu .modules-menu-level-0{
|
||||
@media (min-width: 1025px){
|
||||
width: 50%;
|
||||
width: 72%;
|
||||
}
|
||||
}
|
||||
.modules-menu-level-1{
|
||||
|
|
@ -649,4 +648,13 @@ html[lang="en"]{
|
|||
min-width: 220px!important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 769px) {
|
||||
.modules-menu .modules-menu-level-0 > li > a {
|
||||
font-size: 1em;
|
||||
}
|
||||
}
|
||||
.modules-menu .modules-menu-level-1 > li > a {
|
||||
font-size: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -8,9 +8,7 @@
|
|||
}
|
||||
}
|
||||
.breadcrumb {
|
||||
@media(max-width: 768px){
|
||||
padding: 0;
|
||||
}
|
||||
background-color: transparent;
|
||||
margin-left: 0;
|
||||
margin-bottom: 0;
|
||||
a:link, a:visited { color: $theme-color-main; }
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@
|
|||
<%= render_header %>
|
||||
<div class="downIcon" ><div class="scroller"></div><a href="#onesection" tabindex="0" title="移動到第一個區塊" aria-label="往下導覽">
|
||||
<span class="visually-hidden">往下導覽</span></a></div>
|
||||
<div class="no-print single-child-datapp homebanner text_marqueewrapper" data-pp="999"></div>
|
||||
|
||||
<div class="layout-slide no-print single-child-datapp homebanner" data-pp="300"></div>
|
||||
<div class="layout-content2 topcontent">
|
||||
<div class=" single-child-datapp onesection" id="onesection" data-pp="1999"></div>
|
||||
|
|
|
|||
|
|
@ -46,7 +46,7 @@
|
|||
<div class="extra sitemenu-wrap2" data-pp="700"></div>
|
||||
<div class="extra sitemenu-wrap3" data-pp="7000"></div>
|
||||
</section>
|
||||
<aside class="layout-content-box aside right-column col-sm-3" data-pp="906"></aside>
|
||||
<aside class="layout-content-box aside right-column col-sm-3" data-pp="1234"></aside>
|
||||
</div>
|
||||
<div class="row container">
|
||||
<section class="page-content-box " data-pp="907"></section>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,86 @@
|
|||
<div class="w-ad-banner w-ba-banner ad-banner-widget-10 ba-banner-widget-10">
|
||||
<div class="w-ad-banner__wrap w-ba-banner__wrap cycle-slideshow"
|
||||
data-list="images"
|
||||
data-level="0"
|
||||
data-cycle-slides=".w-ba-banner__slide"
|
||||
data-cycle-log="false"
|
||||
data-overlay=".w-ad-banner__overlay_{{subpart-id}}"
|
||||
data-cycle-auto-height="{{base_image}}"
|
||||
data-cycle-speed="{{speed}}"
|
||||
data-cycle-timeout="{{timeout}}"
|
||||
data-cycle-fx="{{ad_fx}}"
|
||||
data-cycle-pager=".banner_caption_{{subpart-id}}"
|
||||
data-pager-template=""
|
||||
data-pager-active-class="active-slide"
|
||||
data-cycle-swipe=true
|
||||
data-cycle-swipe-fx="scrollHorz"
|
||||
>
|
||||
<div class="w-ad-banner__slide w-ba-banner__slide {{class}}"
|
||||
data-link="{{link}}"
|
||||
data-cycle-title="{{title}}"
|
||||
data-cycle-desc="{{context}}"
|
||||
data-overlay-template="<h3>{{title}}</h3><p>{{desc}}</p>"
|
||||
data-target="{{target}}"
|
||||
>
|
||||
<img class="w-ad-banner__image w-ba-banner__image banner-responsive" src="{{image_link}}" alt="{{alt_title}}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-ad-banner__caption ad-overlay w-ba-banner__caption w-ad-banner__caption w-ad-banner__overlay_{{subpart-id}}"></div>
|
||||
<div class="w-ad-banner__pager-1 w-ba-banner__caption banner-pager banner_caption_{{subpart-id}}" data-list="images" data-level="0">
|
||||
<li><button title="Slide {{slide_number}}" aria-label="Pager"><span style="display: none;">Slide {{slide_number}}</span></button></li>
|
||||
</div>
|
||||
<ul class="controlplay" role="radiogroup" aria-label="播放控制選項">
|
||||
<a role="radio" aria-checked="true" href="javascript:;" class="resume-slide active" title="繼續播放" aria-label="繼續播放" aria-live="assertive">
|
||||
<i aria-hidden="true"></i>
|
||||
<p style="display: none;"><%= I18n.t("ad_banner.resume") %></p>
|
||||
</a>
|
||||
|
||||
<a role="radio" aria-checked="false" href="javascript:;" class="pause-slide" title="暫停播放" aria-label="暫停播放" aria-live="assertive">
|
||||
<i aria-hidden="true"></i>
|
||||
<p style="display: none;"><%= I18n.t("ad_banner.pause") %></p>
|
||||
</a>
|
||||
</ul>
|
||||
<ul class="button-mid">
|
||||
<i class="fa fa-angle-left prev-button" aria-label="<%= I18n.t("ad_banner.prev") %>"></i>
|
||||
<i class="fa fa-angle-right next-button" aria-label="<%= I18n.t("ad_banner.next") %>"></i>
|
||||
</ul>
|
||||
</div>
|
||||
<script>
|
||||
$('[data-subpart-id="{{subpart-id}}"] .pause-slide').click(function(){
|
||||
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle('pause');
|
||||
$(this).addClass('active')
|
||||
$(this).parents('.controlplay').eq(0).find('.resume-slide').removeClass('active')
|
||||
});
|
||||
$('[data-subpart-id="{{subpart-id}}"] .resume-slide').click(function(){
|
||||
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle('resume');
|
||||
$(this).addClass('active')
|
||||
$(this).parents('.controlplay').eq(0).find('.pause-slide').removeClass('active')
|
||||
});
|
||||
$('[data-subpart-id="{{subpart-id}}"] .next-button').click(function(){
|
||||
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("next");
|
||||
|
||||
})
|
||||
$('[data-subpart-id="{{subpart-id}}"] .prev-button').click(function(){
|
||||
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("prev");
|
||||
})
|
||||
</script>
|
||||
<style type="text/css">
|
||||
.w-ba-banner .controlplay .resume-slide.active i{
|
||||
color: #32D9C3;
|
||||
}
|
||||
.w-ba-banner .controlplay .pause-slide.active i{
|
||||
color: #ff4500;
|
||||
}
|
||||
.w-ba-banner .controlplay{
|
||||
width: auto;
|
||||
}
|
||||
.w-ba-banner .button-mid{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
top: 50%;
|
||||
}
|
||||
.next-button,.prev-button{
|
||||
cursor: pointer;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -31,8 +31,7 @@
|
|||
<i class="fa fa-angle-left prev-button" aria-label="<%= I18n.t("ad_banner.prev") %>"></i>
|
||||
<i class="fa fa-angle-right next-button" aria-label="<%= I18n.t("ad_banner.next") %>"></i>
|
||||
</ul>
|
||||
<div class="designbox hide0"></div>
|
||||
<div class="designbox2 hide0"></div>
|
||||
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
var ad_trigger_time;
|
||||
|
|
|
|||
|
|
@ -79,6 +79,14 @@
|
|||
"en" : "9. style2-Pro Carousel ( image, Youtube video, navigation )"
|
||||
},
|
||||
"thumbnail" : "ad_banner4_thumb.png"
|
||||
}
|
||||
},
|
||||
{
|
||||
"filename" : "ad_banner_widget10",
|
||||
"name" : {
|
||||
"zh_tw" : "10. 內頁橫幅輪播 ( 視差圖片, 圖片說明文字, 導航圖示 )",
|
||||
"en" : "10. internal page Carousel ( image, description, navigation )"
|
||||
},
|
||||
"thumbnail" : "ad_banner1_thumb.png"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -4,13 +4,13 @@
|
|||
</h3>
|
||||
<ul class="w-annc__list" data-level="0" data-list="announcements">
|
||||
<li class="w-annc__item row">
|
||||
<h4 class="w-annc__entry-title col-sm-9">
|
||||
<h4 class="w-annc__entry-title col-sm-10">
|
||||
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
|
||||
<span class="w-annc__status label status {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<a class="w-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||
</h4>
|
||||
<span class="w-annc__postdate-wrap col-sm-3" date-format="%Y-%m-%d">
|
||||
<span class="w-annc__postdate-wrap col-sm-2" date-format="%Y-%m-%d">
|
||||
|
||||
<span class="w-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
|
|
|
|||
|
|
@ -4,11 +4,11 @@
|
|||
</h3>
|
||||
<ul class="w-annc__list" data-level="0" data-list="announcements">
|
||||
<li class="w-annc__item row">
|
||||
<span class="w-annc__postdate-wrap col-sm-3" date-format="%Y-%m-%d">
|
||||
<span class="w-annc__postdate-wrap col-sm-2" date-format="%Y-%m-%d">
|
||||
|
||||
<span class="w-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<h4 class="w-annc__entry-title col-sm-9">
|
||||
<h4 class="w-annc__entry-title col-sm-10">
|
||||
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
|
||||
<span class="w-annc__status label status {{status-class}}">[ {{status}} ]</span>
|
||||
</span>
|
||||
|
|
|
|||
|
|
@ -2,13 +2,13 @@
|
|||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<ul class="i-annc__list" data-level="0" data-list="announcements">
|
||||
<li class="i-annc__item row">
|
||||
<h4 class="i-annc__entry-title col-sm-9">
|
||||
<h4 class="i-annc__entry-title col-sm-10">
|
||||
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
||||
<span class="i-annc__status label status {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<a class="i-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||
</h4>
|
||||
<span class="i-annc__postdate-wrap col-sm-3" date-format="%Y-%m/%d">
|
||||
<span class="i-annc__postdate-wrap col-sm-2" date-format="%Y-%m/%d">
|
||||
<span class="i-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
</li>
|
||||
|
|
|
|||
|
|
@ -2,10 +2,10 @@
|
|||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<ul class="i-annc__list" data-level="0" data-list="announcements">
|
||||
<li class="i-annc__item row">
|
||||
<span class="i-annc__postdate-wrap col-sm-3" date-format="%Y-%m/%d">
|
||||
<span class="i-annc__postdate-wrap col-sm-2" date-format="%Y-%m/%d">
|
||||
<span class="i-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<h4 class="i-annc__entry-title col-sm-9">
|
||||
<h4 class="i-annc__entry-title col-sm-10">
|
||||
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
||||
<span class="i-annc__status label status {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
|
|
|
|||
Loading…
Reference in New Issue