|
阅读：1201回复：3
新版扩展不能打开本地文件了，能不能帮忙改个本地网页文件
使用了一些本地图片元素，新版就变成这样了。
拿来做自定义主页和新标签页的。新版扩展不能打开本地文件了，小弟不懂网页，能不能帮忙改下，改成不用图片也有类似效果，能带点动画元素就更好了，谢谢！ 本地html和图片：index.zip 图片：Screenshot_20171114_161311.png 
图片：Screenshot_20171114_162407.png |
|
|
1楼#
发布于：2017-11-14 23:21
这个是 html 代码，没学过网页编写，都是我在网上下载模板自己捣鼓出来的：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <body bgcolor="#d6e3ef"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>首页</title> <style type="text/css"> a{text-decoration:none } a:link {color: #555} a:visited {color: #555} img{border:medium none;} #background { padding-top:30px; margin:0 auto; text-align:center; } #*{font-family:"Microsoft YaHei" !important} /* shuqian */ .shuqian, .shuqian ul { font-size:13px; list-style-type:none; margin:0; padding:0; } .shuqian a { text-decoration:none; } .shuqian { margin:0 auto; text-align:left; } .shuqian a { filter: alpha(opacity=90); opacity:0.9; } .shuqian a b { color:#e0e0e0; display:block; padding:5px 10px; margin-right:1px; } .shuqian .fly .main b { background: transparent url(img/arrow.gif) no-repeat right 9px; } .shuqian .down b { background: transparent url(img/arrow2.gif) no-repeat right 11px; } .shuqian ul ul { top:-25px; } .shuqian ul ul.two { top:-40px; } .shuqian ul li { max-width:100px; } .shuqian ul a { width:130px; } .shuqian ul ul { left:130px; } .shuqian a { margin-right:-50px; } .shuqian ul a { margin-right:-129px; } .shuqian1, .shuqian1 a { width:95px; } .shuqian .shuqian1 a b, .shuqian .shuqian1 .fly a b { background-color:#4775a0; } .shuqian2, .shuqian2 a { width:75px; } .shuqian .shuqian2 a b, .shuqian .shuqian2 .fly a b { background-color:#516b52; } .shuqian3, .shuqian3 a { width:85px; } .shuqian .shuqian3 a b, .shuqian .shuqian3 .fly a b { background-color:#774d3e; } .shuqian4, .shuqian4 a { width:75px; } .shuqian .shuqian4 a b, .shuqian .shuqian4 .fly a b { background-color:#5e7e9b; } .shuqian5, .shuqian5 a { width:95px; } .shuqian .shuqian5 a b, .shuqian .shuqian3 .fly a b { background-color:#677b68; } .shuqian6, .shuqian6 a { width:85px; } .shuqian .shuqian6 a b, .shuqian .shuqian6 .fly a b { background-color:#9a7365; } .shuqian li { float:left; } .shuqian ul { float:left; position:relative; z-index:20; } .shuqian ul li { clear:left; } .shuqian a { position:relative; display:block; } .shuqian a.main { float:left; margin-top:10000px; } .shuqian .drop, .shuqian .fly { margin-top:-10000px; } .shuqian ul { margin-bottom:-5000px; } .shuqian a:hover, .shuqian a:focus, .shuqian a:active { margin-right:0; z-index:10; outline:0; } .shuqian a:hover b, .shuqian a:focus b, .shuqian a:active b { color:#75c5ea; cursor:pointer; border-right:0px solid #75c5ea; background: url(img/hbg.png)} .shuqian ul:hover, .shuqian ul ul:hover { clear:left; } /*kuaibo*/ ul.kuaibo { width: 700px;list-style: none;margin: 0 auto; padding: 0; font-size:13px; font-weight: normal; } ul.kuaibo li { width: 200px;float: left; display: inline;margin: 15px; padding: 0;position: relative; } ul.kuaibo li:hover img{ background: url(img/hbg1.png) } </style> </head> <body> <div id="background"> <ul class="shuqian"> <li class="shuqian1 drop"><a class="main down" href="#"><b>文件夹1</b></a> <ul> <li><a href="http://www.baidu.com"><b>aaa</b></a></li> <li><a href="http://www.baidu.com"><b>bbb</b></a></li> <li><a href="http://www.baidu.com"><b>ccc</b></a></li> </ul> </li> <li class="shuqian2 drop"><a class="main down" href="#"><b>文件夹2</b></a> <ul> <li><a href="http://www.baidu.com"><b>aaa</b></a></li> <li><a href="http://www.baidu.com"><b>bbb</b></a></li> <li><a href="http://www.baidu.com"><b>ccc</b></a></li> </ul> </li> <li class="shuqian3 drop"><a class="main down" href="#"><b>文件夹3</b></a> <ul> <li><a href="http://www.baidu.com"><b>aaa</b></a></li> <li><a href="http://www.baidu.com"><b>bbb</b></a></li> <li><a href="http://www.baidu.com"><b>ccc</b></a></li> </ul> </li> <li class="shuqian4 drop"><a class="main down" href="#"><b>文件夹4</b></a> <ul> <li><a href="http://www.baidu.com"><b>aaa</b></a></li> <li><a href="http://www.baidu.com"><b>bbb</b></a></li> <li><a href="http://www.baidu.com"><b>ccc</b></a></li> </ul> </li> <li class="shuqian5 drop"><a class="main down" href="#"><b>文件夹5</b></a> <ul> <li><a href="http://www.baidu.com"><b>aaa</b></a></li> <li><a href="http://www.baidu.com"><b>bbb</b></a></li> <li><a href="http://www.baidu.com"><b>ccc</b></a></li> </ul> </li> <li class="shuqian6 drop"><a class="main down" href="#"><b>文件夹6</b></a> <ul> <li><a href="http://www.baidu.com"><b>aaa</b></a></li> <li><a href="http://www.baidu.com"><b>bbb</b></a></li> <li><a href="http://www.baidu.com"><b>ccc</b></a></li> </ul> </li> </ul> </div> <ul class="kuaibo"> <li> <a href="http://www.baidu.com"><img src="img/1.png" alt="">快拨1</a> </li> <li> <a href="http://www.baidu.com"><img src="img/2.png" alt="">快拨2</a> </li> <li> <a href="http://www.baidu.com"><img src="img/3.png" alt="">快拨3</a> </li> <li> <a href="http://www.baidu.com"><img src="img/4.png" alt="">快拨4</a> </li> <li> <a href="http://www.baidu.com"><img src="img/5.png" alt="">快拨5</a> </li> <li> <a href="http://www.baidu.com"><img src="img/6.png" alt="">快拨6</a> </li> <li> <a href="http://www.baidu.com"><img src="img/7.png" alt="">快拨7</a> </li> <li> <a href="http://www.baidu.com"><img src="img/8.png" alt="">快拨8</a> </li> <li> <a href="http://www.baidu.com"><img src="img/9.png" alt="">快拨9</a> </li> </ul> </body> </html> |
|
|
2楼#
发布于：2017-11-15 12:51
随便改了下，颜色宽度之类自己调去
|
|
|
|
3楼#
发布于：2017-11-15 13:07
|
|
