fire/fox
火狐狸
火狐狸
  • UID32624
  • 注册日期2010-04-21
  • 最后登录2017-11-23
  • 发帖数104
  • 经验66枚
  • 威望0点
  • 贡献值62点
  • 好评度1点
  • 社区居民
  • 忠实会员
阅读:161回复:3

新版扩展不能打开本地文件了,能不能帮忙改个本地网页文件

楼主#
更多 发布于:2017-11-14 16:31
使用了一些本地图片元素,新版就变成这样了。
拿来做自定义主页和新标签页的。新版扩展不能打开本地文件了,小弟不懂网页,能不能帮忙改下,改成不用图片也有类似效果,能带点动画元素就更好了,谢谢!

本地html和图片:index.zip


图片:Screenshot_20171114_161311.png




图片:Screenshot_20171114_162407.png

fire/fox
火狐狸
火狐狸
  • UID32624
  • 注册日期2010-04-21
  • 最后登录2017-11-23
  • 发帖数104
  • 经验66枚
  • 威望0点
  • 贡献值62点
  • 好评度1点
  • 社区居民
  • 忠实会员
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>
taoww
狐狸大王
狐狸大王
  • UID39284
  • 注册日期2013-03-18
  • 最后登录2017-11-21
  • 发帖数312
  • 经验281枚
  • 威望0点
  • 贡献值66点
  • 好评度34点
2楼#
发布于:2017-11-15 12:51
随便改了下,颜色宽度之类自己调去
附件名称/大小 下载次数 最后更新
index.zip (2KB)  2 11-15 13:02
fire/fox
火狐狸
火狐狸
  • UID32624
  • 注册日期2010-04-21
  • 最后登录2017-11-23
  • 发帖数104
  • 经验66枚
  • 威望0点
  • 贡献值62点
  • 好评度1点
  • 社区居民
  • 忠实会员
3楼#
发布于:2017-11-15 13:07
taoww:随便改了下,颜色宽度之类自己调去回到原帖
多谢了
游客

返回顶部