QQ 1640076782

2015年07月31日

油画类购物站设计分享

Filed under: 英语网站设计 — 标签:, , — lifengwu @ 3:24 下午

第一次接触到油画类的外贸购物站,不过客户的要求比较明确,大到风格、布局,小到版块名称,客户都已经确定好了,因此做起来也省了不少的时间 和客户沟通的部分聊天记录: 布局结构就跟这个差不多 凯博油画 0616 10:33:32 不过我要在幻灯片下面放一段介绍自己网站文字 凯博油画 0616 10:34:02 然后再下面是卖的最好产品,也就是best seller 凯博油画 0616 10:36:47 http://www.chinashopping888.com/bag/ b布局就按照这个来吧 [...]

2014年05月27日

CSS实现阿拉伯语网站内容从右向左排版

Filed under: 英语网站设计 — 标签:, — lifengwu @ 10:12 上午

不同的语言书写习惯和排版习惯都不一样,通常情况下,我们阅读文章都是从左往右看,但是阿拉伯语,波斯语,希伯来文等,书写和阅读习惯都是从右向左,因此文字排版也要求是从右向左。解决方法: 在CSS中添加 html{direction:rtl;unicode-bidi:bidi-override;} 这个样式即可。 关于此样式的详细解释: 1. direction: 语法: direction : [...]

2014年02月27日

通过CSS 实现特殊效果的精美边框(二)

Filed under: 英语网站设计 — 标签:, — lifengwu @ 4:03 上午

四角有阴影效果的CSS演示代码: html源码: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> [...]

2013年11月28日

让多浏览器支持li:hover属性的JS代码

Filed under: 英语网站设计 — 标签:, — lifengwu @ 10:20 上午

li:hover属性在做导航和二级菜单时用得非常用多而且很方便,尤其是在没有<a>标签的时候也能使用有时候也是省去了不少麻烦,但由于浏览器众多,有时候并非所有浏览器都支持,这就需要我们添加一个JS来使所有浏览器都能兼容! JS代码如下: <script language=”javascript”> stuHover = function() { var cssRule; var [...]

2013年11月25日

文字大小单位px与em的区别

Filed under: 英语网站设计 — 标签:, — lifengwu @ 10:31 上午

平时都是用px来定义字 体,所以无法用浏览器字体放大的功能,而国外大多数网站都可以在IE下使用。 原因在于:IE无法调整那些使用px作为单位的字体大小,国外的大部分网站能够调整的原因在于其使用了em作为字体单位。 px单位名称为像素,相对长度单位,像素(px)是相对于显示器屏幕分辨率而言的国内推荐; em单位名称为相对长度单位。相对于当前对象内文本的字体尺寸,国外使用比较多; 网站设计时字体单位使用em能支持IE6下的字体缩放,在页面中按ctrl+滚轮,以px为单位的网站文字大小没有变化。 px是绝对单位,不支持IE的缩放。 em是相对单位,网页中的文字大小能放大或是缩小。将行距(line-height),和纵向高度的单位都用em。保证缩放时候的整体性。 em的特点: 1. [...]

2013年10月30日

CSS3 border 属性制作带箭头的导航菜单

Filed under: 英语网站设计 — 标签:, — lifengwu @ 10:51 上午

多数情况下网站中出现的不规则形状多是由图片组成,当然现在通过CSS也可以实现圆角,下面我就来介绍一下通过CSS实现带箭头的导航条! 带箭头的导航一 带箭头的导航二 带箭头的导航三 带箭头的导航四 这些代码不用多做解释,都看得懂,重点是下面的CSS: *{margin:0;padding:0;list-style-type:none;} a,img{border:0;} body{font:12px/180% Arial, [...]

兼容多浏览器的点击弹出层

Filed under: 英语网站设计 — 标签:, — lifengwu @ 10:26 上午

在一个外贸商城网站制作过程中,客户要求产品详细面一个和产品尺寸相关的FAQ能够点击显示,在网上看了一下,实现这个效果有很多方法,有全部JS的,也有通过jQuery来实现的,但是由于现在的浏览器众多,兼容性就成了问题,下面就介绍一个通过jQuery来实现的能够兼容多浏览器的方法: 首先我们需要在相关页面中引用两个js,jquery-1.4.2.min.js 和 jquery.fancybox-1.3.1.js (这两个js可以在网上下载,这里就不再粘贴了),再就是调用了 $(document).ready(function() { $(“#various1″).fancybox({ ‘titlePosition’ : [...]

2013年08月29日

z-index属性在IE7及以下版本中不兼容问题

Filed under: 未分类 — 标签:, — lifengwu @ 3:05 下午

在html制作和很多图片特效及菜单特效过程中,我们会经常用到z-index属性,但我们经常会遇到这种情况,在Firefox浏览器和Chrome浏览器下都是正常的,但是在360SE或是IE7下都不是我们想要的效果,多次碰到过这个问题,在不断修改的过程中发现引起不兼容的主要原因在于CSS中z-index这个属性存在不兼容的问题。 我们都知道z-index属性值越大,对应的div也会越靠上(即能遮住比其z-index值小的层)。但有时候z-index 设置了很高的值如:z-index:9999; 但是最后在 IE7中却达不到我们想要的效果,设置了z-index还是被遮盖了。这其实是IE7的渲染DOM的问题,当一个父容器被定位(如position:relative)的时候,子元素的z-index属性会被重置。 解决方法:在父容器中也加上z-index值。同时z-index属性必须与position配合使用才会生效。 <div style=”position:relative;z-index:9;”> <div style=”position:absolute;z-index:11;”>要在最上层显示的内容,最上层显示的内容</div> [...]

2013年06月27日

Pre标签里的内容不换行的解决方法

Filed under: 未分类 — 标签:, — lifengwu @ 1:56 下午

前两天,收到一客户的反馈,他们公司的外贸网站的产品详细页面被撑开,许多产品页面出现了横向滚动条,看到这个问题时,我以为是因为没有对英文内容设置word-break:break-word 造成的,后来检查了一下,不存在这个问题。而且内容最外层的DIV也有固定的宽度,反复试了多次,才发现是因为只要有<Pre>标签,里面的内容都不能自动换行, 这时才想到可能是Pre标签的问题,因为平时对这个标签使用的并不多,所以这时才开始查了一下,原来被包围在 pre 元素中的文本通常会保留空格和换行符,但是,当你在<pre>标签里面写代码的时候,如果你没有手动换行,它是不会自动换行的,而是一直保持一行的状态。 找到了问题的根源,问题也就迎刃而解了,其实也很简单,只需在网站CSS文件里面给<Pre>定义一下样式即可! CSS样式: pre { white-space: [...]

2012年09月26日

外贸多商品网站建设

Filed under: li — 标签:, , , — lifengwu @ 6:35 上午

最近做了一个鞋子,晚礼服,皮带,箱包的外贸多商品网站建设,大致了解了一下客户大的需求,客户的要求,首页简单,大气,但是还要突出一个重点,就是多商品网站 ,根据客户的需求,就设计了一个初稿,客户看了非常喜欢,说这就是他们想要的效果,发出来大家看一下:网址》 设计理念: 外贸多商品网站建设整体设计着重在以下几点 1,导航栏的设计,客户可以在后台自定义导航栏,可以写一些,顾客比较关心的内容进去 2,左侧商品分类的设计,因为是多商品,所以左侧列出了商品的类别 3.右侧大的广告图的设计,可以用来做网站的宣传,小的广告图的设计,可以放一些本网站促销得到商品类别的图片,或者是卖的比较好的商品上去 4,底部帮助信息的设计,直击客户需求,在首页你就可以找到你不懂的或者是不理解的问题。 简洁大气的一个首页就能找到你所要的信息,你不需要吗? 速速联系我们吧 [...]

2010年06月10日

服装外贸网店设计

Filed under: li — 标签:, , — lifengwu @ 2:47 下午

这次做服装外贸网店设计,因为客户对网站建设的步骤不是很了解,只希望可以做一个外观大气一点,时尚简约的,就一步步的去引导客户,告诉他网站制作的整个过程。根据客户的要求,设计了头稿,客户看到之后说:网站首页感觉不错有几个需要改进的地方,现在把修改过后的页面发出来大家看一下: 心得: 现在很多客户对网站制作的过程都不是很了解,这就需要我们耐心的去给客户分析网站的整体架构和网站设计中每一个板块的作用,耐心、信心、爱心三心并用,相信一定能做出客户满意的效果。并不是服装外贸网店设计需要这样,所有的设计制作都是一样的。