{aspcms:template src=left.html}
product.html模板中删除上述代码,即可变成类似单页的东西。
----------------------------------------------------
这个是wfphp系统的调用js代码
----------------------------------------------------
<script type="text/javascript" src="/wforder/template/js/wfdd.js?wfid=01"></script>
----------------------------------------------------
删除aspcms原来的订购按钮
[content:info]
<a class="button_2" href="{aspcms:sitepath}{aspcms:languagepath}productbuy/?{aspcms:sortid}_[content:id].html">订购</a>
</DIV>
----------------------------------------------------
slide slider 是幻灯片的意思
------------------
breadcrumb 是面包屑导航条。
-------------------------
single_post_title 函数,在 WordPress 中也是一个用于显示文章标题的函数,该函数主要用在文章单页中,并且没有进行过太多的封装。
------------------
【王卫军修改测试】把导航 和 内容 的div都改为slide的经测试,排版错误。
那么如果设置为自动调整的div呢,两个要求,
(1)div自动适应高度
(2)div自动适应宽度。
我记得我在哪里搞过这个?怎么忘记了?
是不是医库药库网头部增加苦必克和唯美人的招商广告的时候弄得?
看一看。
说到这里我想起医库药库网资讯页面的底部div至今还是错位的我操????
医库药库网顶部的招商广告头部代码是这样的
-------------------------------------------------
<div style="width:920px;height:220px;">
<div style="float:left;">
<a href="http://weimeiren.yikuyaoku.com" target="_blank"><img
src="/images/images/weimeiren2014miaobian.jpg" title="唯美人" /></a> </div>
<div style="float:right;"><a href="http://kubike.yikuyaoku.com"
target="_blank"><img src="/images/images/kubike2014miaobian.jpg" title="苦必克" /></a>
</div>
</div>
-------------------------------------------
居中不能用float
body{text-align:center;}这样是可以让页面内的东西居中,但简单的提示:不同浏览器支持不一样
所以 <div{marign:0 auto;}>这样写才是正确的
测试不成功!!!
------------------------
wrapper 包装,包装材料之意。
----------------------------------------
主要目标就是修改下边的源代码
<DIV class=content>
<DIV >当前位置:<a href="{aspcms:sitepath}{aspcms:languagepath}">首页</a>{aspcms:position} > [position:link]{/aspcms:position}</DIV>
<DIV class="posts single" id=post-724>
<H2>[content:title]</H2>
<img src="[content:pic]" border="0"/><br>
[content:info]
</DIV>
<DIV class=clear></DIV>
</DIV>
目标是是让导航 和内容 两块内容都能居中显示。
clear:both;
作用:该属性的值指出了不允许有浮动对象的边。
这个属性是用来控制float属性在文档流的物理位置的。
直接删除<DIV class=content> 中的class试一试?因为我感觉content这个div包含了导航和内容两部分,是总div。
结果:导航条可以居左了!
发现post内容的宽度为712左右,还是不能宽屏,这个肯定就是那个post single的div控制的了。
把他也删除试试?即删除class="posts single" id=post-724
删除就ok了。
然后到网站后台编辑产品内容的时候,设置一下内容居中即可。大功告成?!
最后还差一个,插入一个图片,测试居中效果?
可以!
最后最后删除产品页面缩略图 代码
<img src="[content:pic]" border="0"/><br>
其中<br>是换行标签
.
大功告成,已实现product.html删除left,内容居中,宽屏!无杂念!!
编辑文字和图片内容以及样式现在【都可以】直接在网站后台编辑即可。20140827
下一步就是批量设计1024宽度的图片,高度512以内的图片,并传到后台即可。