亚洲香蕉成人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ā)表
午夜精品久久久久久久男人的天堂| 亚洲国产99精品国自产| 久久精品国产亚洲av麻豆蜜芽| 亚洲三级黄色在线观看| 免费观看黄网站| 欧美性受xxxx狂喷水| 色综合久久天天综线观看| 亚洲国产精久久久久久久| av老司机在线观看| 天堂tv亚洲tv日本tv欧美人tv| 亚洲品质自拍视频| 小说区图片区综合久久亚洲| 国产精品久久99| 亚欧视频在线观看| 波多野结衣一区二区三区在线| 国产精选一区| 成人av电影在线| 亚洲国产网站| 性欧美极品xxxx欧美一区二区| 免费视频观看成人| 久一视频在线观看| 91麻豆精品国产91久久久| 伊人www22综合色| 在线日韩网站| аⅴ资源天堂资源库在线| 成人深夜直播免费观看| 亚洲欧洲日韩国产| 国产精品视频一区二区三区麻豆| 韩国成人福利片在线播放| 巨人精品**| 日本一区二区三区四区在线视频| 日韩人妻无码一区二区三区99| 在线观看国产一区二区三区| 成人精品视频在线| 色视频精品视频在线观看| 日本在线播放一二三区| 老司机av在线免费看| 国产精品久久久久久久妇| 在线观看日批视频| 欧洲美女亚洲激情| 国产欧美精品xxxx另类| 伊人开心综合网| 亚洲国产中文字幕在线| dy888夜精品国产专区| 久久久伊人欧美| 亚洲欧美在线高清| 成人免费观看视频大全| 日韩人妻无码一区二区三区| 国产精品99久久99久久久| 亚洲av无码国产精品麻豆天美| 久久久久久久久久久久久女过产乱| 免费网站看电影大片| 国产二级片在线| h片精品在线观看| 78色国产精品| 在线观看不卡视频| 国产精品流白浆在线观看| 亚洲欧美区自拍先锋| 欧美熟妇精品黑人巨大一二三区| 欧美三级视频在线观看| 高清精品视频| 一区二区亚洲欧洲国产日韩| 欧美日韩国产高清电影| 精品国产一区二区三区久久久狼牙| 亚洲乱码国产乱码精品天美传媒| 国产又粗又黄视频| 高清日韩中文字幕| 91精品国产自产在线观看永久∴| 四虎av网址| 欧美成人r级一区二区三区| 欧美日本视频一区| www.浪潮av.com| xxxx性欧美黑人| 91好吊色国产欧美日韩在线| 热99re久久精品精品免费| 97超碰蝌蚪网人人做人人爽| 久久久久久久久久久91| 国产一区自拍视频| 国产欧美日韩在线看| 亚洲视频在线观看一区| 97色成人综合网站| 亚洲精品久久久久久宅男| 国内精品伊人| 亚洲高清国产拍精品26u| 国产精品久久久久久一区二区三区| 国产精品69久久久久水密桃| 91免费版在线观看| av在线免费观看网| 在线观看日韩精品| 欧美性精品220| 欧美天堂社区| 免费看成年视频网页| 在线天堂www在线国语对白| 在线国产精品播放| 日本三级视频在线观看| 98视频精品全部国产| 综合久久中文字幕| 尤物视频免费| 欧美美女黄视频| 精品国产一区二区三区av性色| 欧美猛交xxxxx| 日韩在线国产| 亚洲一区二区四区| 日本韩国欧美精品大片卡二| 成人免费的视频| 成人亚洲成人影院| 国产欧美一区二区白浆黑人| 国产精品影院在线观看| 日韩精品手机在线观看| 欧美在线观看天堂一区二区三区| 国产亚洲精品久久久| 亚洲 欧美 日韩系列| 人体私拍套图hdxxxx| 日韩视频一二三| 亚洲伊人观看| 91福利视频在线观看| 中国动漫在线观看完整版免费| 一区二区三区四区五区视频在线观看| 国产一区二区在线观看免费播放| 日韩av在线看| 97精品视频在线播放| 93在线视频精品免费观看| 日韩国产精品大片| 欧美无砖专区一中文字| 国产成人鲁鲁免费视频a| 国产亚洲精品久久777777| 国产精品视频久久久久久| 精品人妻无码中文字幕18禁| 欧美日本高清视频在线观看| 美女视频黄免费| 欧美一区二区在线免费观看| 国产精品少妇在线视频| 精品伦一区二区三区| 日本一线产区和二线产区| 午夜视频在线观看一区二区| 日韩视频在线观看| 日韩国产欧美| 久久久久亚洲av无码专区| 亚洲日本精品一区| 99蜜桃在线观看免费视频网站| 亚洲国产精品免费视频| 成年女人午夜毛片免费看| 中文字幕第四页| 久久综合久久综合久久| 蜜桃精品wwwmitaows| 一区二区欧美亚洲| 一本色道久久hezyo无码| 成人中文字幕视频| 欧美性色综合| 国产精品无码无卡无需播放器| 久久久精品国产sm调教| 久久久久99精品成人| 成人18视频| 99riav1国产精品视频| 中文字幕高清20页| 欧美激情在线观看| 中文字幕第一页在线视频| 黄网站免费在线播放| 黄色小视频在线免费看| www.黄色一片| 国产一级特黄毛片| 538prom精品视频线放| 日韩中文字幕在线观看| 欧美体内she精视频| eeuss影院在线观看第一页| 久久手机免费观看| 中文字幕免费一区二区三区| 国产精品一区在线观看你懂的| 午夜在线精品| 欧美日韩一区二区三区不卡| 一区二区三区播放| 亚洲综合国产激情另类一区| 青青热久免费精品视频在线18| 最新欧美色图| 精品国产一区二区三区av性色| 免费黄色网址在线观看| 欧美三级电影一区二区三区| 欧美人与z0zoxxxx特| 日韩欧美国产亚洲| 免费成人午夜视频| 中文字幕在线观看| 国产+成+人+亚洲欧洲在线| 女囚岛在线观看| 亚洲无吗一区二区三区| 国产专区视频| 国产一级二级av| 亚洲午夜精品福利| 成人亚洲一区二区一| 日韩免费av一区| 国产三级视频在线播放线观看| 国产精品丝袜久久久久久高清| 91精品国产色综合久久不卡蜜臀| 久久久精品国产免大香伊| 久久人人爽人人爽人人av| www.-级毛片线天内射视视| 国产一区二区三区精品在线| 亚洲美女视频在线| 国产欧美午夜| 亚洲福利在线观看| 日韩在线激情| 香蕉国产在线| 性欧美free| 2022国产精品| 性色av一区二区三区| 在线亚洲一区二区| 成人av在线影院| 999久久久国产精品| 天天综合网天天综合色| 九九热在线观看视频| www.黄色com| 天堂8中文在线| 国产少妇在线观看| 国产又粗又猛视频免费| 7777精品伊久久久大香线蕉语言| 日韩大片免费在线观看| 999精品久久久| 好男人香蕉影院| 人妻体体内射精一区二区| 欧美午夜国产| 国产精品高潮呻吟AV无码| 亚洲黄色有码视频| 99免费在线视频| 欧美成人精品网站| 免费裸体美女网站| 天天躁日日躁狠狠躁av| 一区三区三区不卡| 99re在线视频播放| 日韩欧美在线中字| 毛茸茸free性熟hd| 国产精品久久久久久久久妇女| 美女黄视频在线播放| 色一情一乱一伦一视频免费看| 中文字幕欧美日本乱码一线二线| 久久精品国产一区二区三区免费看| 日韩经典中文字幕| 精品国产31久久久久久| 免费看黄色一级视频| 性色av一区二区三区在线观看| 亚洲国产精品久久久久久6q| 公共露出暴露狂另类av| 免费观看在线色综合| 日韩肉感妇bbwbbwbbw| 精品欧美色视频网站在线观看| 亚洲国产精品尤物yw在线观看| 亚洲一卡2卡三卡4卡2021四卡| 国产精品yjizz| 女尊高h男高潮呻吟| 欧美一级黄色影院| 亚洲精品一二三**| 久九九久频精品短视频| 五月婷婷综合在线| 麻豆成人在线观看| 国产精品一区免费在线| 综合久久久久综合| 亚洲欧美日韩成人高清在线一区| 99久久久国产精品| 日韩午夜视频在线观看| 成人免费a**址| 噜噜噜天天躁狠狠躁夜夜精品| 日韩大片b站免费观看直播| 亚洲国产一区视频| 爱情岛论坛vip永久入口| 亚洲美女炮图| 亚洲欧美国产精品久久久久久久| 久久精品无码一区二区日韩av| 亚洲国产综合av| av电影天堂一区二区在线| 欧洲av一区二区三区| 手机福利在线视频| 高清乱码免费看污| 成年人国产精品| 三级网在线观看| 五月天久久狠狠| 国产成人综合网| 日本中文字幕在线视频| 疯狂试爱三2浴室激情视频| 一二美女精品欧洲| 国产精彩自拍| 欧美性猛交xxxx免费看久久久| 久久综合伊人77777蜜臀| 成人免费视频国产在线观看| 男女视频免费看| 24小时成人在线视频| 久久久久久久午夜| 电影一区二区三区久久免费观看| 中文字幕一区二区三区不卡| 日本黄色特级片| 亚洲午夜高清视频| 黄色成人在线观看网站| 亚洲视频免费在线| 欧美肥臀大乳一区二区免费视频| www污网站在线观看| 亚洲精品理论电影| 日本猛少妇色xxxxx免费网站| 一区二区三区日本久久久| 国产精品国产馆在线真实露脸| 久久久久久久久久久综合| 老司机免费视频一区二区| 色播五月激情综合网| 精品高清视频| 国产黄色小视频网站| 清纯粉嫩极品夜夜嗨av| av资源种子在线观看| 狠狠97人人婷婷五月| 亚洲高清av| bbw丰满大肥奶肥婆| 日韩av在线播放资源| 中文字幕 欧美 日韩| 国产成人在线播放视频| 最近中文字幕av| 国产高清av片| 日本黄大片一区二区三区| 日本成人中文字幕| 欧美一级二级三级蜜桃| 成人台湾亚洲精品一区二区| 丁香婷婷综合网| 国产真实乱对白精彩久久| www555久久| 香蕉久久久久久| 国产一区在线观| 日本另类视频| 美女精品自拍一二三四| 尤物视频在线观看视频| 国产九色在线播放九色| 四虎成人免费观看在线网址| 亚洲第一论坛sis| 日韩av一二三四区| 韩国三级视频在线观看|