dede仿站第九课:修修补补

  • A+
所属分类:dede仿站

看完了上面的课程,你大概能把一个网站给防下来了,可你打开网站后你还会发现网站还有一堆内容要修改了,还有很多地方的图片没有,还有很多的样式不兼容。。。。还有很多的不理解。

这一课就是为了修补漏洞而为之。

如果你是刚来到我的博客,我觉得你需要看下前面的一些内容,方便你对接得上。

dede仿站第五课:提高它的效率

dede仿站第六课:重复机械式动作

dede仿站第七课:万箭齐发

dede仿站第八课:搞定一个翻页

 

常见问题

  • 缺少个图片要怎么找啊

dede仿站第九课:修修补补

右键函数,看右侧那个绿色地址,点击访问瞅瞅,复制好地址,去你仿的网站找找看,然后替换掉。

如果这层没看到,看好左侧那个蓝色背景的那一条,展开代码,往上或者往下去找代码。

  • 修改个颜色,要怎么修改

dede仿站第九课:修修补补

鼠标放置在你需要修改的地方,右键函数,查看箭头方向的东西,可以测试下后面的颜色,瞅瞅你的颜色是否合适。不过这个是测试用的,刷新一下就跟你886了

红色箭头查找当前所使用的样式文件,后面的值为这段代码在样式文件里面多少行,你直接去找这个行就可以了,修改保存,刷新网页完成。

  •  你说了仿新闻资讯页面,你没说产品页面啊,那个要怎么做啊?
  1. <!-- 新闻调用 -->
  2. {dede:list pagesize="10"}
  3.          <div class="item">
  4.            <div class="pic"><a href="[field:arcurl/]" title="[field:title /]"><img src="[field:litpic/]" width="225" height="130" alt="[field:title /]"></a></div>
  5.            <div class="newabout">
  6.              <p class="biao" ><a class="se" href="[field:arcurl/]" style="" title="[field:title /]">[field:title /]</a></p>
  7.              <div class="txt">[field:description/]...</div>
  8.              <div class="more"><a href="[field:arcurl/]" title="[field:title /]">了解详情&gt;&gt;</a></div>
  9.            </div>
  10.          </div>
  11.          {/dede:list}

 

  1. <!-- 产品调用 -->
  2.     {dede:list pagesize="10"}
  3.      <li>
  4.        <div class="photo"><img src="[field:litpic/]" width="260" height="270" alt=""/></div>
  5.        <div class="rsp"></div>
  6.        <div class="text"><a href="[field:arcurl/]" style="" target="_blank" title="[field:title /]"><h3>[field:title /]</h3></a></div>
  7.      </li>
  8.      {/dede:list}

来,你告诉我,这个其要怎么在写一篇出来,所谓的不同的完全都是布局的不同,而标签本身没发生什么改变,所以也就没有了专门去写产品页怎么仿了。

 

 

  • 导航上面第一个怎么让他靠最前面,修改样式整个位置就全部移动了

关于这点,在未深入学习CSS的时候也同样遇到了这样的问题,后面就知道怎么破了。

如果你是以左边为参考作为参考的,可以修改

  • padding-left:10px修改为padding-ringht:10px,这样第一个就没有向左移动的值了,全部是向右占位了。
  • 使用伪类来修改: .lee li:first-child(首个子对象)针对margin-left:10px,进行的首位去除margin-left:0;属性 (.lee li为随意命名,请参考当下你需要的样式),除了最开始一个,还有最后一个:last-child,还有重复性的:nth-child(n),这个大家需要的话,可以去查看CSS的相关伪类教程。

 

  • 默认的缩略图怎么替换成自己的图啊?

知识要活学活用,上面有提到查看图片地址了,那么久直接去替换掉这个图就好了。

 

李金龙

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: