最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

DW制作兔斯基的表情打分圖標(biāo)(給力、淡定等)

  發(fā)布時(shí)間：2016-01-15 11:41:01   作者：佚名   我要評(píng)論
這篇教程是向腳本之家的朋友介紹DW制作兔斯基的表情打分圖標(biāo)方法，教程制作出來的效果非常不錯(cuò)，主要是利用代碼進(jìn)行，推薦過來，一起來學(xué)習(xí)吧

這篇教程是向腳本之家的朋友介紹DW制作兔斯基的表情打分圖標(biāo)方法，有給力、淡定、打醬油、學(xué)習(xí)等圖標(biāo)。圖標(biāo)是動(dòng)態(tài)的。而且可以看到打分的分?jǐn)?shù)。如下

DW制作“兔斯基表情打分”代碼模板+給力淡定

方法/步驟

打開Adobe Dreamweaver cs5，新建一個(gè)網(wǎng)頁，切換到代碼那里。然后把<body>以上的代碼全部刪除，粘貼如下代碼：

DW制作“兔斯基表情打分”代碼模板+給力淡定

在<body></body>之間插入代碼：

<style type="text/css">

/* apps_svy_mood */

#apps_svy_mood{width:580px;margin:0 auto;}

#apps_svy_mood h2{margin:30px 0 30px 0;padding:0 0 0 60px;height:50px;line-height:65px;overflow:hidden;background:url(images/qin.gif) no-repeat;font-size:16px;font-family:"微軟雅黑","宋體";font-weight:normal;color:#000000;border-bottom:solid 1px #ddd;text-align:left;}

#apps_svy_mood .apps_svy_mood{margin:0 auto;padding:0px;}

#apps_svy_mood ul{margin:0px;padding:0px;}

#apps_svy_mood .mood{width:50px;margin:0 auto;}

#apps_svy_mood li{width:116px;float:left;text-align:center;list-style:none;position:relative;color:#3366cc;font-size:14px;font-weight:800;}

繼續(xù)插入代碼：

#apps_svy_mood .mood_result{width:50px;height:auto;margin:0 auto;padding:0px;}

#apps_svy_mood .mood_result .ft{padding:0px;position:relative;margin-bottom:0px;left:1px;*left:0px;_left:0px;color:#000000;font-size:12px;}

#apps_svy_mood .mood_result .ft_b{padding:0px;position:relative;margin-bottom:0px;left:1px;*left:0px;_left:0px;color:#EE0000;font-size:12px;font-weight:bold;}

#apps_svy_mood .mood_result .bar{width:10px;height:52px;border:1px solid #DADADA;padding:0px;background:#fff;position:relative;margin-bottom:5px;left:20px;*left:0px;_left:0px;}

#apps_svy_mood .mood_result .bar .bg{margin:0px;padding:1px;height:0;background:url(images/bg.gif) repeat;width:8px;position:absolute;left:0px;bottom:0px;line-height:0px;font-size:0px;}

繼續(xù)：

#apps_svy_mood .mood_nopd{width:50px;height:50px;margin:0 auto;background:url(images/biaoqing.gif) no-repeat;border:solid 1px #fff;}

#apps_svy_mood .mood1_nop{background-position:0px 0px;}

#apps_svy_mood .mood2_nop{background-position:-50px 0px;}

#apps_svy_mood .mood3_nop{background-position:-100px 0px;}

#apps_svy_mood .mood4_nop{background-position:-150px 0px;}

#apps_svy_mood .mood5_nop{background-position:-200px 0px;}

繼續(xù)：

#apps_svy_mood .mood_opd{width:50px;height:50px;margin:0 auto;background:url(images/biaoqing.gif) no-repeat;cursor:default;border:solid 1px #fff;}

#apps_svy_mood .mood1_op{background-position:0px 0px;}

#apps_svy_mood .mood2_op{background-position:-50px 0px;}

#apps_svy_mood .mood3_op{background-position:-100px 0px;}

#apps_svy_mood .mood4_op{background-position:-150px 0px;}

#apps_svy_mood .mood5_op{background-position:-200px 0px;}

#apps_svy_mood a{width:50px;height:50px;display:block;margin:0 auto;border:solid 1px #fff;}

#apps_svy_mood a:hover{font-weight:800;text-decoration:none;}

#apps_svy_mood a:hover{border:solid 1px #ddd;}

#apps_svy_mood a.mood1{background:url(images/geili.gif) no-repeat;}

#apps_svy_mood a.mood2{background:url(images/dandian.gif) no-repeat;}

#apps_svy_mood a.mood3{background:url(images/xuexi.gif) no-repeat;}

#apps_svy_mood a.mood4{background:url(images/kengdie.gif) no-repeat;}

#apps_svy_mood a.mood5{background:url(images/dajiangyou.gif) no-repeat;}

</style>

<script type="text/javascript">var faceMe = 4492</script>

然后繼續(xù)插入

DW制作“兔斯基表情打分”代碼模板+給力淡定

DW制作“兔斯基表情打分”代碼模板+給力淡定

DW制作“兔斯基表情打分”代碼模板+給力淡定

DW制作“兔斯基表情打分”代碼模板+給力淡定

切換到設(shè)計(jì)頁面。效果如下

DW制作“兔斯基表情打分”代碼模板+給力淡定

以上就是DW制作兔斯基的表情打分圖標(biāo)過程介紹，大家按照上面步驟進(jìn)行操作即可，大家也可以更改一下或是新增幾個(gè)表情打分圖標(biāo)！

相關(guān)文章

最新評(píng)論

凉山| 松滋市| 于都县| 阳春市| 凤庆县| 桦南县| 开阳县| 临朐县| 荥经县| 抚顺市| 修水县| 徐汇区| 宜春市| 蓬安县| 宿松县| 昌宁县| 平原县| 郸城县| 吉木萨尔县| 滕州市| 夏津县| 泰州市| 巴中市| 乌拉特中旗| 青海省| 桂阳县| 蓝田县| 碌曲县| 灵丘县| 昌乐县| 绍兴县| 阳春市| 新巴尔虎左旗| 武汉市| 大方县| 西宁市| 衢州市| 武夷山市| 鹤山市| 岳池县| 闸北区|