:::

4-2 調整滑動圖片區域下方的顯示文字區域

滑動圖片區域下方有一塊顯示文字的區域,這個區域高度是50px,裡面的文字行高30px,上下左右間距為10px,如果覺得這個區域太大可以依照下面說明調整,有兩個檔案要修改。

1. /tpl/slideshow.html 第50行裡面的height: 50就是高度,改適當的大小後清cache,如果不要這一列,將這一行刪除,或是在最前面加上//註解即可

description: {hide: false, background: '#000000', opacity: 0.4, height: 50, position: 'bottom'}

2. /css/sliderman.css 第28行開始往後看,要調的有padding: 10px;和line-height: 30px;

.SliderName_2Description {
padding: 10px;
font-family: Tahoma,Arial,Helvetica;
font-size: 14px;
line-height: 30px;
letter-spacing: 1px;
text-align: center;
color: #ffffff;
text-shadow: 0 1px 3px #000000;
}

基本上是2.的padding X 2 + line-height 要等於1.的height ,前面的圖是用的分別是2、20、24

如果不要秀這個區域的話把1.那一行刪除,或是在最前面加上//註解即可