ecshop模板制作5-调整首页样式

保留头，内容，脚，上中下三层结构

1,修改页头
themes\default\library
page_header.lbi

1)修改logo样式
<div class="f_l"><a href="../index.php" name="top"><img src="../images/logo.gif" /></a></div>
->
class="logo"

修改style.css
.f_l{float:left;}
->
.logo{
float:left;
margin-left:50px;
margin-top:30px
}

2)修改登录样式
{insert name='member_info'}

includes/lib_insert.php
$output = $GLOBALS['smarty']->fetch('library/member_info.lbi');

library/member_info.lbi

3)修改搜索栏位置
删除
library/page_header.lbi

<div id="search" class="clearfix">
</div>

添加
library/member_info.lbi

<form id="searchForm" name="searchForm" method="get" action="search.php" onSubmit="return checkSearchForm()" class="f_r" style="_position:relative; top:5px;">
<select name="category" id="category" class="B_input">
<option value="0">{$lang.all_category}</option>
{$category_list}
</select>
<input name="keywords" type="text" id="keyword" value="{$search_keywords|escape}" class="B_input" style="width:110px;"/>
<input name="imageField" type="submit" value="" class="go" style="cursor:pointer;" />
<a href="search.php?act=advanced_search">{$lang.advanced_search}</a>
</form>

4)修改中部导航栏样式
page_header.lbi
<div id="mainNav" class="clearfix">
添加样式
<div id="mainNav" class="clearfix m_nav">

style.css
/*页面主导航*/
.m_nav{
position:absolute;
margin-top:-40px;
margin-left:400px;
}

5)将购物车信息放在页头处（类似淘宝）
index.dwt

{insert_scripts files='transport.js'}
<div class="cart" id="ECS_CARTINFO">
{insert name='cart_info'}
</div>
<div class="blank5"></div>

移到
page_header.lbi
下面

隐藏显示
/library/cart.lbi
<div class="cart" id="ECS_CARTINFO">
->
<div class="cart" style="position:absolute;float:left;visibility:hidden;" id="ECS_CARTINFO">

2,修改页脚
themes\default\library\page_fotter.lbi

1)修改底部导航栏样式
themes\default\library\page_fotter.lbi

删除
<div class="f_r">
<a href="#top"><img src="data:images/bnt_top.gif" /></a> <a href="../index.php"><img src="data:images/bnt_home.gif" /></a>
</div>

修改
<div class="f_l">
->
<div class="f_r">

2)修改页脚内容
themes\default\library\page_fotter.lbi

1>修改版权标识
可以参考这里
http://www.ecmoban.com/article-1642.html
进一步深入的修改可以参考这里
http://www.ecmoban.com/article-285.html

删除style.css中的图片
/*版权*/
#footer{background:url(images/logo1.gif) no-repeat 5% 50%; padding-left:200px; width:760px; margin:10px auto;}
#footer .text{background:url(images/footerLine.gif) no-repeat left center; padding-left:50px; *padding-bottom:20px;}

修改
/languages/zh_cn/common.php
$_LANG['copyright'] = "© 2005-%s %s 版权所有，并保留所有权利。";
->
2013 XXXX All rights reserved.

2>去掉底部的Powered by ecshop 270

打开 js/common.js

删除第244行:onload = function()【一定要删除这个完整的，不然会页面版权乱飞】

再打开模板文件夹的 library/page_footer.lbi

删除 {foreach from=$lang.p_y item=pv}{$pv}{/foreach}{$licensed}

3>删除查询信息和rss
themes\default\library\page_fotter.lbi

删除
{insert name='query_info'}
<div align="left" id="rss"><a href="{$feed_url}"><img src="../images/xml_rss2.gif" alt="rss" /></a></div>

4>修改备案号样式
themes\default\library\page_fotter.lbi

<span class="f_l" style="margin-top:-35px;margin-left:250px;"> {$lang.icp_number}:<a href="http://www.miibeian.gov.cn/" target="_blank">{$icp_number}</a></span><br />

5>添加页底链接
themes\default\library\page_fotter.lbi

以下文件是属于index.dwt,但我还是将其归类到页脚

6>删除友情链接
themes\default\index.dwt

7>删除帮助
其实帮助还是蛮有用的，详细设置可以参考这里，但有这里我只能按客户要求删除之
http://www.ecmoban.com/article-1558.html

themes\default\index.dwt

3,修改主内容区
themes\default\index.dwt

1)删除商店公告

2)删除品牌分类

<div class="clearfix">


</div>

5)修改轮播栏
1>修改位置

复制到此之上
<div class="block clearfix">

2>修改大小
themes\default\library\index_ad.lbi
var swf_width=484;
var swf_height=200;
->
var swf_width=950;
var swf_height=560;

3>修改样式
<div class="f_l" id="focus">
->
<div class="f_l" style="position:absolute;float:left;margin-top:-90px;margin-left:140px;z-index:-99;" id="focus">

3)修改站内快讯样式
1>调至左边

4)修改精品推荐样式
1>调至右边

2>调整样式
/library/recommend_best.lbi

删除文字
<p><a href="{$goods.url}" title="{$goods.name|escape:html}">{$goods.short_style_name}</a></p>
<font class="f1">

{$goods.promote_price}

{$goods.shop_price}

</font>

调整more位置
<div class="more"><a href="../search.php?intro=best"><img src="data:images/more.gif" /></a></div>
->
<div class="itemTit" id="itemBest">
下面

调整宽度
<div class="box" style="width:600px;margin-left:150px;height:160px;">

ecshop模板制作5-调整首页样式相关推荐

ECshop 模板制作教程(转)
授人以鱼,不如授人以渔,EC 就算作再多的模板,肯定也满足不了我们的需要,更何况各行有各行的门道,EC 统一做出来的模板也不一定合适于我们这个行业用,因此,只有我们真正掌握了自己做模板.修改模板的功 ...
wcm改首页html,TRSWCM前端模板制作规范
引入样式必须加type属性 html中引入css,例如:,若缺少type属性,css中的背景图打包无法同步上传. tab键用两个空格代替因为在不同系统的编辑工具对tab解析不一样,windows下的 ...
帝国cms【官方教程系列教程一】首页模板制作
帝国cms首页模板是指网站首页的模板.(/index.html) 修改首页模板 1.登录后台,单击"模板"菜单,选择"首页模板"子菜单,进入修改首页模板界面: ...
ecshop入门第一步，替换ecshop模板的显示图片
所有的都是模范默认模板来制作,所以应该参考默认模板的一些数据设置 1.找到themes\default\images文件夹下 screenshot.png 图片默认如下: 在你的模板文件夹下新建一个 ...
php 模板制作教程,Destoon模板制作简明教程_PHP教程
对于制作Destoon的模板来说,首先需要理解两个Destoon的概念:模板(template)和风格(skin).模板存放于系统template 目录,风格(系统界面的图片.css文件)存放于系统s ...
Discuz3.3精仿小米风格整站模板制作——1、新建模板方案
术语说明: 模板--模板是一堆按照规定命名方式的html文件,用于指定整个论坛不同页面的外观. 标签--标签和模板共同作用以实现论坛换肤功能,其中标签主要控制页面显示什么数据,显示多少条等. 风格-- ...
ecshop 模板标签
ecshop 采用 SMARTY模板引擎介绍以下是smarty 模板引擎的一些资料 Smarty 官方 ECSHOP模板引擎语法 1.foreach {foreach from=标签 item=输 ...
destoon php文件,Destoon模板制作简明教程
对于制作Destoon的模板来说,首先需要理解两个Destoon的概念:模板(template)和风格(skin).模板存放于系统template 目录,风格(系统界面的图片.css文件)存放于系统s ...
插入模板_巧用Focusky模板制作精美微课
巧用Focusky模板制作精美微课https://www.zhihu.com/video/1235351051344986112 案例名称:<巧用Focusky模板制作精美微课> 制作单位 ...
phpwind9.0 read.php 修改,phpwind9.0模板制作教程——制作论坛风格
由于论坛模板机制和门户等模板机制不同,所以今天我就先重点讲讲论坛模板制作的大概过程. 一.先来熟悉下phpwind9.0的论坛模板机制. 其实phpwind9.0的模板机制和discuzx2.5差不多 ...

ecshop模板制作5-调整首页样式

ecshop模板制作5-调整首页样式相关推荐

最新文章

热门文章