亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 網站 > 建站經驗 > 正文

SupeSite默認焦點輪轉圖簡單美化方法_SupeSite教程

2024-08-30 19:09:15
字體:
來源:轉載
供稿:網友
先上最終效果圖:
jiaodian.jpg 

方法很簡單,需要修改的代碼很少:

1、打開templates/default/下的index.html.php文件,找到如下代碼:
  1. <div id="focus_turn"> 
  2. <!--{if !empty($_SBLOCK['hotnewspic'])}--> 
  3. <ul id="focus_pic"> 
  4. <!--{eval $j = 0}--> 
  5. <!--{loop $_SBLOCK['hotnewspic'] $pkey $pvalue}--> 
  6. <!--{eval $pcurrent = ($j == 0 ? 'current' : 'normal');}--> 
  7. <li class="$pcurrent"><a href="$pvalue[url]"><img src="$pvalue['a_filepath']" alt="" /></a></li> 
  8. <!--{eval $j++}--> 
  9. <!--{/loop}--> 
  10. </ul> 
  11. <ul id="focus_tx"> 
  12. <!--{eval $i = 0}--> 
  13. <!--{loop $_SBLOCK['hotnewspic'] $key $value}--> 
  14. <!--{eval $current = ($i == 0 ? 'current' : 'normal');}--> 
  15. <li class="$current"><a href="$value[url]" title="$value[subjectall]">$value[subject]</a></li> 
  16. <!--{eval $i++}--> 
  17. <!--{/loop}--> 
  18. </ul> 
  19. <div id="focus_opacity"></div> 
  20. <!--{/if}--> 
  21. </div><!--focus_turn end--> 

(說明:控制輪轉圖的代碼,這個大家都知道)

2、把上面代碼中的
  1. <div id="focus_opacity"></div> 

移動到上面代碼中的
  1. <ul id="focus_tx"> 
  2. <!--{eval $i = 0}--> 
  3. <!--{loop $_SBLOCK['hotnewspic'] $key $value}--> 
  4. <!--{eval $current = ($i == 0 ? 'current' : 'normal');}--> 
  5. <li class="$current"><a href="$value[url]" title="$value[subjectall]">$value[subject]</a></li> 
  6. <!--{eval $i++}--> 
  7. <!--{/loop}--> 
  8. </ul> 

的上面,即<ul id="focus_tx">的上面。
(說明:focus_opacity是控制默認輪轉圖的底部白色透明條的,因為要把底部文字說明(即focus_tx)放在白色透明條的上方,所以先移動下順序,如果不移動會造成文字說明被白色透明條遮?。?br />
3、修改
#focus_tx { height:20px; overflow:hidden; margin:5px 0 0 12px; font-size:14px; line-height:20px; }
中的
margin:5px 0 0 12px;

margin:-40px 0 0 12px;

主要是修改了距頂的位置(-40px),具體數值大小,需要自己適當調整。(說明:通過把底部說明文字的距頂數值改為負值,把底部說明文字移動白色透明條的同樣高度。)

4、修改好上面的,刷新后發(fā)現(xiàn)錯位,別急,接下來打開CSS文件(templates/default/css/目錄下)common.css,找到如下代碼:

#focus_tx { height:20px; overflow:hidden; margin:5px 0 0 12px; font-size:14px; line-height:20px; }
在其中間添加
position:absolute;

(說明:現(xiàn)在正常了,但白色透明條的顏色太淡,不協(xié)調。繼續(xù)往下看。)

5、然后繼續(xù)在css文件中查找到
#focus_opacity {  position:absolute; left:14px; bottom:41px; width:350px; height:24px; background:#FFF; opacity:0.4; filter:alpha(opacity=40); }
修改背景色為黑色,即修改
background:#FFF;
中的#FFF為#000。
(說明:換個黑色的背景,讓文字更突出。修改背景色的時候,你也可以修改為其他顏色,同時還可以通過修改
filter:alpha(opacity=40);
中的值(即那個opacity=40)來控制其透明度,數值范圍為0~100。)

6、刷新下看看效果,文字不明顯了,這是因為文字的顏色和背景色一樣造成的,接下來在CSS文件中找到
#focus_tx { height:20px; overflow:hidden; margin:5px 0 0 12px; font-size:14px; line-height:20px; }
#focus_tx .normal { display:none; }
在“#focus_tx"和"#focus_tx .normal”中間添加一段CSS代碼
#focus_tx a { color:#FFF; }
如果想讓這部分文字加粗或是字號增大/減小,可以在
#focus_tx a { color:#FFF; }
中添加font-weight:700;(文字粗體)和font-size:14px;(字號大?。唧w的數值調整自己喜歡為止。

其他:
修改圖片序號(即上圖中的1、2、3)的背景顏色、文字顏色、和邊框顏色的方法:

修改邊框顏色、樣式:
1、修改
#focus_btn span { display:block; float:left; overflow:hidden; width:22px; height:22px; margin:0 0 0 -1px; border:1px solid #D8D8D8; text-align:center; font:14px Arial, Helvetica, sans-serif; font-weight:700; line-height:22px; cursor:pointer; }
中的background的值控制背景色,color控制文字顏色。

3、修改未選中圖片的序號的背景顏色和文字顏色的方法同上,修改的代碼是
#focus_btn .normal { background:#FFF; color:#1A4963; }
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
日本精品免费视频| 黄网在线免费看| 成人小说亚洲一区二区三区| 国产大学生自拍视频| 日本午夜在线亚洲.国产| 日韩在线观看第一页| 亚洲大黄网站| 欧美黄色免费观看| 日本高清在线观看wwwww色| 成人av地址| 中文字幕av一区二区三区免费看| 91成人在线观看喷潮蘑菇| 日本一区二区三区免费视频| 欧美中文字幕一区二区三区亚洲| 久久aⅴ国产欧美74aaa| 国产精品一久久香蕉国产线看观看| 欧美寡妇性猛交xxx免费| 成人午夜激情影院| 91麻豆精品成人一区二区| 三级在线观看免费大全| 精品国产一区二区三区噜噜噜| 亚洲一卡二卡三卡四卡| 亚洲高清成人| 亚洲一区二区中文字幕| 日韩高清电影免费| 国产手机视频在线| 五月婷婷色丁香| 91成人在线观看喷潮| 国产精品人人爽人人爽| 在线观看 中文字幕| 青青草成人影院| 色琪琪免费视频网站| 91碰在线视频| 高清av电影| 色综合电影网| 欧美国产成人精品一区二区三区| 中国日本在线视频中文字幕| 日韩一区av| 在线成人激情黄色| 亚洲成熟少妇视频在线观看| 亚洲欧洲国产日韩精品| 欧美精品电影在线播放| 欧美日韩国产高清电影| 国产精品老牛影院在线观看| 糖心vlog免费在线观看| 欧美在线视频播放| 国产在线观看不卡一区二区三区| 久久综合99re88久久爱| 免费在线成人激情电影| 99精品国产高清一区二区麻豆| 国产激情在线免费观看| 亚洲一区免费观看| 91网址在线观看精品| 欧美日韩精品一区二区三区视频| 97在线观看免费高| jizzjizz19| 国产一级黄色av| 午夜视频在线观看一区二区三区| av免费不卡| sm捆绑调教视频| 国产主播福利| 亲爱的老师9免费观看全集电视剧| 国产精品18久久久久久久久久久久| 国产美女撒尿一区二区| 国产成人一区二区三区影院在线| 国产视频在线观看免费| 在线观看视频污| 欧洲激情综合| 一区不卡在线观看| 6699久久国产精品免费| 欧美极品少妇无套实战| 国产 日韩 欧美 综合 一区| 日韩精品欧美专区| 日韩在线不卡av| 激情伊人五月天| 国产美女在线精品免费观看| 国产高清精品在线| 99久久久无码国产精品性| 日韩电影免费观看高清完整版在线观看| 99视频精品| 99国产牛牛视频在线网站| wwwxx欧美| 亚洲三级电影在线观看| japanese23hdxxxx日韩| jizz视频18| 91国内精品久久| 国产精品视频一二三区| 日韩人妻无码一区二区三区| 久草在线免费福利资源| 国产精品久久久久久久天堂第1集| 国产91亚洲精品一区二区三区| 在线区一区二视频| 丝袜视频国产在线播放| 99热播精品免费| 91久久精品一区二区三区| 国产激情视频网站| 成人短视频软件网站大全app| 亚洲午夜精品久久久久久人妖| 欧美性色黄在线视频| 综合免费一区二区三区| 天堂综合在线播放| 91久久综合亚洲鲁鲁五月天| 欧美激情图片小说| 91精品国产91久久久久久久久| 久久66热re国产毛片基地| 成人综合色站| 精品国产91久久久久久浪潮蜜月| 亚洲在线播放| 午夜精品免费| 日本高清在线观看| 久久久久久久久久免费视频| 91九色porn在线资源| 欧美一级片在线| 亚洲成a天堂v人片| 亚洲精品无播放器在线播放| 正在播放一区| 欧美精品一区二区三区在线看午夜| 国产777精品精品热热热一区二区| 久久久国产精品免费| 欧美日韩在线观看视频| 久久精品99久久无色码中文字幕| 夜夜操 天天操| 日本少妇xxxx| 在线视频免费在线观看一区二区| 毛片在线看网站| 天堂资源在线观看| 4444kk在线观看| 欧美黑人性视频| 九色porny自拍| 手机在线中文字幕| 亚洲天堂男人天堂女人天堂| 一区二区三区国产福利| 麻豆国产精品777777在线| 番号集在线观看| 虎白女粉嫩尤物福利视频| 成人在线视频免费播放| 亚洲一区成人| ass极品国模人体欣赏| 好爽好深好紧好大| 欧美色老女人| 亚洲第一视频区| 国产成人精品一区二区无码呦| 美国十次了思思久久精品导航| av影音在线| 欧美大片大片在线播放| 麻豆精品永久免费视频| 色妞一区二区三区| 国产精品久久久久久久久久精爆| 99久久夜色精品国产亚洲狼| 九七久久人人| 香蕉免费毛片视频| 亚洲精品中文字| 麻豆精品蜜桃视频网站| 91午夜交换视频| 国产成人精品亚洲午夜麻豆| 欧美激情在线一区二区三区| 亚洲人成电影网站色mp4| 久久av一区二区三区| av资源网在线观看| 欧美淫片网站| 成人知道污网站| 最近2018年在线中文字幕高清| 九九九在线观看| 伊甸园亚洲一区| 亚洲日本香蕉视频| 蜜臀av无码一区二区三区| 色爱av美腿丝袜综合粉嫩av| 六月丁香激情综合| 少妇av一区二区三区无码| 黄色成人av网| 精品欧美在线观看| 久久6免费视频| 91免费观看在线| 国产精品㊣新片速递bt| 免费成年人高清视频| 日本高清不卡一区二区三| 欧美精品九九久久| 综合亚洲深深色噜噜狠狠网站| 蜜臀av色欲a片无码精品一区| 久久久久久久久伊人| 成人在线观看一区| 国产又黄又粗视频| 国产一区二区三区四区五区| 91制片在线观看| 国模私拍一区二区国模曼安| 色婷婷精品久久二区二区蜜臂av| 欧美一区二区三区成人| 蜜芽一区二区三区| 隣の若妻さん波多野结衣| 久久久久久久av麻豆果冻| 欧美日韩极品在线观看一区| 久久综合88| 天天摸天天做天天爽水多| 日韩av二区| 国产一区二区日韩| 国产日韩另类视频一区| www.午夜色大片| 精品人妻一区二区三区免费看| 欧美日韩国产一区中文午夜| 日本欧美在线视频免费观看| 一个人免费视频www在线观看| 欧美国产在线视频| jizz18欧美18| 成人午夜私人影院| aaa欧美日韩| 在线亚洲午夜片av大片| 青青青免费在线视频| 一起草最新网址| 亚洲男人的天堂网| 欧美黄色片在线观看| 亚洲国产精品99久久久久久久久| 国产无精乱码一区二区三区| 四虎wwwcom| 在线播放日韩导航| 外国一级黄色片| 黄色影片网站| 成人免费看视频网站| 成人免费在线小视频| 久久久久久久久网站| 人人草在线视频| 99国产精品久久久久久久久久久| 欧美一级二级三级视频| 国产成人av电影在线播放| 亚洲第一精品影视| 日本一区视频在线播放| 国产aⅴ夜夜欢一区二区三区| 欧美h版在线观看| 日韩在线三区| 日韩精品在线观看免费| 亚洲天堂男人| 中文字幕精品一区二区精品绿巨人| www.神马久久| 国产精品久久久久久一区二区三区| 99香蕉国产精品偷在线观看| 日本欧美一区二区| 亚洲成人电视网| 91免费看`日韩一区二区| 久久久久久久美女| 欧美mv日韩mv| 免费成人午夜视频| 久久se精品一区精品二区| 国产精品999视频| 99精品一区二区三区无码吞精| 成人久久18免费网站麻豆| 久久久久久久久久久久av| 樱桃视频在线观看一区| 亚洲在线久久| mm1313亚洲国产精品无码试看| 中文字幕无线码| 肉丝美足丝袜一区二区三区四| 日本韩国免费观看| 99久久久成人国产精品| 日本网站在线免费观看视频| 91在线中文字幕| 国产精品一区二区91| 久热re国产手机在线观看| 国产区卡一卡二卡三乱码免费| 狠狠色丁香久久婷婷综| 老司机aⅴ毛片免费观看| 亚洲精品一区| 91久久国产精品| 久久99热这里只有精品| 这里只有精品在线观看| 99国产**精品****| 男人的天堂官网| 久久久久一区二区三区四区| 少妇视频一区| 国产一区二区电影在线观看| 国产a一区二区| 永久免费看mv网站入口78| 日韩午夜中文字幕| 国产日韩一级片| 男男激情在线| 精品一区二区在线免费观看| 日本成人在线电影网| 日韩三级.com| 丰腴饱满的极品熟妇| 亚洲xxx视频| 秋霞影院一区| 国产91色在线|亚洲| 国产在线2020| 怡红院在线播放| 99精品久久久久| 欧美一区久久| 成人免费网站在线观看视频| 亚洲卡通动漫在线| 女人18毛片水真多18精品| 少妇的滋味中文字幕bd| 奇米影视四色在观看线| 日韩在线第三页| 国产高清自拍视频| 精品无码av一区二区三区不卡| 自拍偷拍一区二区三区四区| 久久久久久久久久久久久国产| 97超级碰碰碰久久久| 欧美激情中文网| 日韩精品视频在线| 成人精品在线播放| 激情五月宗合网| 国产成人精品亚洲午夜麻豆| 久久精品影视| 成人精品国产亚洲| 欧美性受xxx| 免费能直接在线观看黄的视频| 嫩草影视亚洲| 日韩精品一区二区三区外面| 动漫一区二区在线| 国产在线观看成人| 亚洲成人va| 国产精品私房写真福利视频| 精精国产xxxx视频在线播放| 在线看片地址| 男人天堂久久久| 香蕉成人在线视频| 中文字幕人妻熟女人妻洋洋| 日本成人一区二区| 日韩高清不卡一区二区| 久久国产精品色婷婷| 成人午夜视频一区二区播放| 性欧美精品中出| 好吊视频一区二区三区四区| 久久米奇亚洲| 在线观看日韩av先锋影音电影院| 成人啪啪18免费游戏链接| 久久成人在线观看| 国产精品久免费的黄网站| 日韩欧美aⅴ综合网站发布| 超碰电影在线播放|