日本免费精品_最新日韩一区_亚洲视频一区在线_a在线视频观看_天天射夜夜骑_粉嫩av一区二区三区_欧美中日韩免费视频_综合图区欧美_国内精品美女在线观看_午夜精品久久久久久久男人的天堂

首頁 > 網(wǎng)站 > 建站經(jīng)驗(yàn) > 正文

SupeSite默認(rèn)焦點(diǎn)輪轉(zhuǎn)圖簡單美化方法_SupeSite教程

2024-08-30 19:09:15
字體:
供稿:網(wǎng)友
先上最終效果圖:
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--> 

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

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是控制默認(rèn)輪轉(zhuǎn)圖的底部白色透明條的,因?yàn)橐训撞课淖终f明(即focus_tx)放在白色透明條的上方,所以先移動下順序,如果不移動會造成文字說明被白色透明條遮住)

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;

主要是修改了距頂?shù)奈恢茫?40px),具體數(shù)值大小,需要自己適當(dāng)調(diào)整。(說明:通過把底部說明文字的距頂數(shù)值改為負(fù)值,把底部說明文字移動白色透明條的同樣高度。)

4、修改好上面的,刷新后發(fā)現(xiàn)錯(cuò)位,別急,接下來打開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é)調(diào)。繼續(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。
(說明:換個(gè)黑色的背景,讓文字更突出。修改背景色的時(shí)候,你也可以修改為其他顏色,同時(shí)還可以通過修改
filter:alpha(opacity=40);
中的值(即那個(gè)opacity=40)來控制其透明度,數(shù)值范圍為0~100。)

6、刷新下看看效果,文字不明顯了,這是因?yàn)槲淖值念伾捅尘吧粯釉斐傻模酉聛碓贑SS文件中找到
#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;(字號大小),具體的數(shù)值調(diào)整自己喜歡為止。

其他:
修改圖片序號(即上圖中的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ā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
国产欧美综合在线| 亚洲福利精品在线| 一级国产黄色片| 日本黄色一区二区三区| 色综合久久六月婷婷中文字幕| 91精品视频播放| 中文字幕国产亚洲| 国产在线日韩精品| 在线欧美日韩国产| 不卡视频一区二区| 日韩一级视频在线观看| 欧美日韩在线国产| 91欧美在线| 一区二区高清在线| 精品福利在线观看| 欧美国产日韩综合| 国产在线日韩精品| 91精品久久久久久蜜臀| 日本精品国语自产拍在线观看| 日韩欧美国产三级| 成人欧美亚洲| 亚洲二区自拍| 亚洲狠狠婷婷综合久久久久图片| 91av久久久| 欧美日韩国产综合网| 欧美一级日韩一级| 91精品xxx在线观看| 欧美三级在线播放| 中文字幕国产视频| 国产超级va在线视频| 国产日韩精品在线看| 日韩国产在线不卡视频| 久久av免费| av免费观看国产| 欧美国产91| wwwwww国产| 精品国产91乱高清在线观看| 红桃视频亚洲| 国产高清精品在线观看| 亚洲一级网站| 日韩字幕在线观看| 成人久久在线| 一区二区不卡视频在线观看| 欧美日韩视频免费看| 影音先锋中文字幕在线观看| 欧美日韩国产免费| 国产福利精品导航| 国产黄色片中文字幕| 欧美日韩国产区| 中文字幕亚洲一区在线观看| 国产日韩1区| 日韩a一区二区| 国产在线www| 国产在线中文字幕| 欧美色欧美亚洲高清在线视频| 日韩视频一区| wwwwww国产| 一级特黄大欧美久久久| 国产日韩中文字幕在线| 国产综合成人久久大片91| 在线观看免费国产小视频| 黄色一区二区视频| 成人ww免费完整版在线观看| 中文精品在线观看| 亚洲视频 中文字幕| 中文字幕在线官网| 久久久99精品久久| 中文字幕国产视频| 久久精品视频免费看| 国产福利免费观看| 欧美日韩国产高清| 欧美日韩国产一中文字不卡| www.av中文字幕| 国产高潮久久久| 国产69精品久久久久孕妇国产69久久 | 国产在线精品日韩| 在线观看免费国产小视频| 欧美日韩亚州综合| 午夜精品免费视频| 精品福利一区二区三区| 亚洲精品中文字幕乱码三区不卡| 日韩中文字幕在线观看视频| 亚洲三级网站| 国产日韩av高清| 亚洲欧美视频一区二区三区 | 午夜一区二区三区| 国产1卡2卡三卡四卡网站| 国产欧美三级| 在线观看免费国产成人软件| 欧美日韩国产一级片| 中文国产字幕在线观看| 国产乱国产乱老熟300部视频| 先锋男人资源站| 亚洲大片精品永久免费| 中文字幕在线视频久| 欧美日韩国产页| 亚洲免费播放| 欧美一级久久久久久久久大| 一本一道综合狠狠老| 国产视频一区三区| 不卡一二三区| 精品全国在线一区二区| 日韩在线视频网| 亚洲大片精品永久免费| 精品视频123区在线观看| 国产欧美日韩第一页| 一区二区三区在线播放视频| 久久久91精品| 国产欧亚日韩视频| 日韩不卡av| 欧美日本精品在线| 日韩欧美亚洲国产| 国产一级在线免费观看| 日韩精品大片| 日韩欧美三级视频| 免费高清特黄a大片| 欧美日韩精品免费在线观看视频| 欧美日韩一级黄| 国产亚洲人成a一在线v站| 精品1区2区3区| 亚洲免费在线视频一区 二区| 久久精品一级爱片| 色猫猫国产区一区二在线视频| 日韩欧美一二三四区| 麻豆精品99| 欧美日韩精品电影| 国产一级片播放| 欧美日韩综合高清一区二区| 亚洲福利精品| 国产亚洲污的网站| 国产在线欧美日韩| av免费网站在线| 国产福利一区在线观看| 欧美日韩国产成人| 欧美三级精品| 91久久精品视频| 国自产拍在线网站网址视频| 不卡一区2区| 国产福利一区二区| 天天摸日日摸狠狠添| 欧美日韩视频免费看| 日韩在线视频观看正片免费网站| 欧美日韩在线视频免费观看 | 国产第一页在线播放| 黄色在线播放网站| 一区二区三区在线免费 | 精品中文字幕视频| 欧美在线观看视频一区| 国产欧美日韩在线观看| 国产在线拍揄自揄拍| 精品欧美日韩精品| 日韩欧美一级视频| 日韩一级二级三级精品视频| 999精品色在线播放| 日韩亚洲欧美中文高清在线| 日韩精品在线视频观看| 中文字幕欧美人妻精品一区蜜臀| 国产真实乱子伦精品视频| 国产三级在线| 欧美中日韩在线| 国产欧美一级| 亚洲午夜av| 正在播放日韩精品| 一级特黄aaa大片在线观看| 欧美日韩亚洲国产综合| 日韩欧美三级| 免费在线观看国产黄| 交视频在线观看国产| 欧美人妻一区二区三区| 欧美中文字幕精品| 精品中文字幕视频| 欧美日韩在线观看一区| 日韩亚洲欧美中文在线| 欧美日韩精品三区| 欧美一卡2卡3卡4卡| 91精品国产综合久久香蕉的特点| 日韩欧美一级在线播放| 亚洲欧美日本另类| 欧美亚洲专区| 国产亚洲人成a一在线v站| 亚洲第一中文字幕| 欧美日韩亚洲视频| 欧美人妻一区二区三区| 国产95在线|亚洲| 日韩福利视频导航| 亚洲欧美中文字幕在线一区| 亚洲成年人影院在线| 亚洲经典中文字幕| 欧美日韩国产三级| 国产无套粉嫩白浆在线2022年 | 精品日韩视频在线观看| 国产高清精品在线观看| 99在线精品视频免费观看20| 国产日产一区二区| 日韩欧美一级精品久久| 久99久视频| 日韩视频在线一区二区三区| 激情综合色综合久久| 久久精品人妻一区二区三区| 在线亚洲免费| 日本视频久久久| 久久婷婷亚洲| 久久久久久91| 中文字幕久精品免费视频| 欧美日本精品在线| 欧美日韩一二| 久久视频免费看| 精品视频www| 日韩欧美成人一区二区三区| 精品调教chinesegay| 精品人妻一区二区三区视频| 欧美日韩亚洲一区| 粉嫩粉嫩芽的虎白女18在线视频| 国产嫩草影院久久久久| 国产区视频在线观看| 国产丝袜一区二区| 国产激情在线播放| 999精品网| 国产三级视频网站| 国产成人综合精品| 久久婷婷国产| 国产91一区| 国产在线小视频| 日韩美女中文字幕| 91精品在线看V| 国产成人精品免费网站| 亚洲福利视频专区| 精品一区二区三区中文字幕在线| 黄色片网站在线| 免费看黄资源大全高清| 日韩欧美中文视频| 免费在线国产| 999精品网| 亚洲永久字幕| 亚洲黄色www| 色综合天天综合网天天狠天天 | 不卡专区在线| 国产男女av| 高清日韩中文字幕| 精品亚洲国内自在自线福利| 中文字幕亚洲国产| 欧美日韩激情一区| 国产一级片在线| 91精品国产经典在线观看| 日韩欧美综合在线| 日韩精品 欧美| 国内国产区免费视频| 精品久久久久久综合日本欧美| 亚洲成年人在线播放| 久久久久久91| 高清日韩中文字幕| 精品综合久久久久| 色综合天天综合网天天狠天天| 不卡视频一区二区| 77777_亚洲午夜久久多人| 欧美自拍一区| 久久99久久99精品中文字幕| 亚洲一区二区三区精品中文字幕| 二区中文字幕| 91精品在线观看入口| 中文在线中文字幕| 亚洲视频在线观看三级| 国产专区中文字幕| 亚洲影视资源网| 久久久精品日韩| 欧美国产日韩综合| 欧美日韩综合色| 精品视频www| 国产视频2区| 国产欧美 在线欧美| 国产黄色一区| 午夜国产福利在线观看| 一区二区中文字幕在线| 欧美日韩第一| 亚洲欧美中文字幕在线观看| 欧美专区中文字幕| 中文字幕亚洲国产| 91精品国产自产在线丝袜啪| wwwav在线播放| 亚洲综合中文字幕在线| 国产成人精品三级| 精品视频1区2区3区| av首页在线| 国自产拍在线网站网址视频| 欧美一级日韩一级| 亚洲黄色片在线观看| 国产中文在线播放| 国产一卡2卡3卡4卡网站免费| 久久婷婷综合国产| 中文字幕乱码在线| 欧美国产日韩在线播放| 欧美日韩国产第一页| 日韩精品在线中文字幕| 久久福利视频一区二区| 中文字幕日韩在线视频| 精品久久人人做人人爽| 日韩精品视频在线| 久久久精品免费免费| 一区二区日韩av| 日韩精品在线观| 亚洲影视资源网| 91精品国产99| av免费在线不卡| 国产精品福利视频一区二区三区| 中文字幕 日韩 欧美| 亚洲小说春色综合另类网蜜桃| 中文字幕 亚洲一区| 二区中文字幕| 99久热re在线精彩视频| 亚州黄色一级| 国产在线精品国自产拍免费| 亚洲人线精品午夜| 日韩久久在线| 欧美日韩一二三四| 国产午夜精品视频| 另类专区欧美| 欧美精选午夜久久久乱码6080| 久久久另类综合| 国产一级视频在线播放| 免费视频国产一区| 欧美一级日韩不卡播放免费| 1区不卡电影| 91精品在线国产| 日韩精品首页| 久久久精品福利| 九一久久久久久| 国产黄色在线网站| 国产在线不卡一区| 日本精品在线| 亚洲 国产 欧美 日韩| 一区二区中文视频| 国产欧美亚洲一区| 中文字幕高清在线播放| 精品国产欧美日韩不卡在线观看| 一区二区在线视频播放| 中文字幕人成乱码在线观看| 国产成人精品av久久| 欧美日韩在线视频一区| 一区二区日韩免费看| 国自产拍在线网站网址视频| 国产日韩av高清| 一区二区在线高清视频| 国产成人精品免费在线| 日韩高清不卡在线| 免费精品国产自产拍观看| 国产欧美日韩亚洲| 欧美一级免费看| 欧美色欧美亚洲高清在线视频| 精品三级av| 亚洲综合三区| 日韩三级视频中文字幕| 中文字幕国产在线| 亚洲免费看av| 国产免费永久在线观看| 天天综合天天综合| av一卡二卡| 欧美日中文字幕| 中文精品电影| 激情综合色综合久久| 中文字幕亚洲第一| 日韩亚洲欧美中文在线| 91精品国产91久久久久久不卡| 九九在线精品| 亚洲永久免费视频| 国产在成人精品线拍偷自揄拍| 日韩免费高清一区二区| 在线观看免费国产小视频| 亚洲国产91精品在线观看| 国产日韩精品久久久| 日韩中文字幕视频在线观看| 黄色资源在线观看| 日韩免费视频| 91精品国产综合久久福利| 久久精品国产91精品亚洲| 先锋男人资源站| 中文字幕欧美日韩在线| 久久riav| 日韩午夜中文字幕| 欧美日韩精品不卡| 免费看日韩精品| 一区二区在线观| 国产在线www| 一区二区三区精品在线观看| 国产超级va在线视频| 中文字幕亚洲字幕| 在线国产1区| 亚洲美女视频一区| 不卡在线视频| 不卡视频一区二区| 亚洲免费播放| 亚洲免费看av| www.av中文字幕| 日韩欧美综合在线视频| 大香一本蕉伊线亚洲网| 国产成人精品综合久久久| 日韩欧美在线综合网| 日韩中文字幕综合| 欧美在线日韩精品| 国产午夜精品视频免费不卡69堂| 国内国产区免费视频|