QQ 1640076782

2014年09月11日

Div ul等框架背景透明,内容文字不透明(css)

Filed under: 英语网站设计 — 标签:, — limeng @ 6:36 上午

Div ul透明css样式代码 background-color:#935637; filter:alpha(opacity=50);适用于IE6/7/8浏览器 -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;适用于w3c标准,即适用于火狐,谷歌,苹果等等 一般一起写就能适用于各种浏览器 [...]

2014年09月10日

QQ,阿里旺旺,skype,MSN等在线代码

Filed under: 英语网站设计 — 标签: — limeng @ 1:30 上午

QQ在线客服代码 <a href=”http://wpa.qq.com/msgrd?v=3&uin=111111&site=qq&menu=yes” title=”报名咨询”>报名咨询</a>中间111111的地方填写QQ号,QQ代码在网上也有很多生成器,填入QQ号,然后获取代码,直接放在网页里面,此方法不需要加好友就可发起临时聊天。 阿里旺旺代码 国内版:在旺遍天下就可以填入旺旺号生成旺旺代码 <a target=”_blank” href=”http://amos.im.alisoft.com/msg.aw?v=2&uid=onepound&site=cntaobao&s=1&charset=utf-8″ > <img [...]

2014年08月29日

外贸板材、橱柜企业网站设计

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

橱柜、板材行业的企业网站,做之前有与客户交流过,和我预想的其实还是有差别,因为客户本意上还是想以产品展示为主,这就决定了页面内容不能过于简单。 LOGO是客户本来就有的,所以整个网站的色调就结合原有的LOGO来定的,因为是企业站,而且本身栏目也不多,所以LOGO、导航、搜索就集中放在了一行,避免出现太空的情况。 因为考虑到客户产品本身就会有很多的大的效果图展示,所以banner采用了比较大的图片,通过banner能更多、更好的展示产品特点。 应客户要求,banner下面展示了多行产品,因为主要是想多展示产品民,所以是通栏显示,没有进行左右结构划分,产品分类等栏目放在了内页展示。 因为考虑到整个网站后期要做优化,所以在下面安排了about us版块和News版块,news版块可以用来经常更新网站信息。 Banner以下部分效果: 整个过程还是挺顺利的,希望通过网站能更好的展示企业形象,产品能得到更多人的了解!

jquery 实现select菜单样式美化

Filed under: 英语网站设计 — 标签: — lifengwu @ 5:54 上午

select下拉菜单效果对我们来说都很熟悉,我们都知道可以通过CSS来修改input文本框、按钮、文本域等很多表单元素的样式,但是要改变select菜单的样式却是不可以的,那如果必须要修改它的样式,怎么样办呢?下面我们就来看看通过jquery是如何实现这个效果的: 这个效果实际上是通过jquery模拟select效果,从而达到能过能css控制其样式 html代码: <form action=”” method=”post”> <div id=”divselect”> <cite>Price Low [...]

外贸购物网站列表页面实现多个缩略图预览效果

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

多数的外贸购物网站一个产品都会有多个图片显示,通常我们会在产品详细页面才显示产品的不同颜色以及细节图片,而且一个页面只能有一个这种效果,也就是说如果要看同一产品的不同颜色及细节图我们必须要进入到产品详细页才可以,这就多了一个步骤,如果能在产品列表页面就能显示出这些信息,那么浏览者就会更有针对性,只有自己喜欢的才进入详细页浏览,节省时间,这个效果如何实现呢? 引入jquery这个不必多说,这个Jquery的版本最好不要太低, 最关键的是我们还需要引入多个JS, <script type=”text/javascript”> “ZAL” in window || (window.ZAL [...]

Jquery 响应式搜索框,鼠标经过/离开时,自动显示/隐藏搜索框

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

在外贸网站建设中,搜索是每个网站必备的一个功能,尤其是英语购物网站更是如此,因为购物网站的信息量比较大,而大多数的搜索都要求客户能一眼找到,这就导致一个搜索就需要占据一个较大的位置,有时候客户需要在抢眼的位置显示其他更重要的信息,那么搜索又不能没有,这时通过jquery实现的响应式搜索就能完美解决这个问题,占据较小的位置,客户需要时就显示出来,客户不需要时隐藏,下面我们来看看实现方法: 首先我们需要引用jquery.js,这个可以直接在网上下载,不多说; <div id=”masthead_search”> <form id=”header-search-form” method=”get” name=”search” action=”/s/”> <input [...]

2014年08月28日

国外地板网站设计

Filed under: 英语网站设计 — 标签:, — limeng @ 8:44 上午

该客户主要是做轴木地板的,所以我整站的颜色采用了棕色,使用户能一进入网站就了解其公司主要是做轴木地板的。整个网站页面没有使用过多的设计元素,我在页头部分和页尾部分采用了通栏设计,并且用用亮度和饱和度较高的色彩做头尾部背景,这是整个网站色彩最浓烈和最醒目的区域,使得其在整个浅灰色背景中尤为突出,打破了灰色背景的沉闷。内容部分我都采用了1像素的边框和白色分隔开,不仅更吸引人,并且给整个设计增加了质感。子页还是采用的传统的左右两栏,左侧是产品类别,右部分放内容。整个网站布局比较中规中矩,没有什么特殊变化,整体风格也比较简单。下面是该地板网站的设计图: 如果你有外贸企业网站建站需求,欢迎随时联系我们 QQ客服:415682727 电话:020-39907297

2014年08月21日

卫浴行业网页设计

Filed under: 英语网站设计 — 标签: — limeng @ 6:45 上午

这是一个卫浴行业的企业网站,结构十分简单,这种左右结构也是国外网站十分流行的。由于客户的产品图片大多都是浅灰色背景,所以整站采用蓝色为主,白色背景,使画面沉静,干净,时尚,整体风格平静而简约。主内容区白色的背景让人看上去更柔和,不那么刺眼,也让阅读更舒服,也能使其它蓝色部分更为突出。子页还是采用的传统方式,头部,尾部和左侧不变,右侧内容变化Achievement页面采用的是图文结合的方式展示 ,其它页面均是普通产品列表页,新闻列表页,文章页和联系我们(留言板)页面。这就是这个卫浴网站设计的整个思路。 下面是首页设计和几张子页设计图 如果您有外贸企业网站建站需求,欢迎随时联系 QQ客服:415682727 电话:020-39907297

2014年08月15日

jQuery简单的两种点击弹出层方法

Filed under: 英语网站设计 — 标签: — limeng @ 2:13 上午

点击弹出层主要是当点击图片或文字等时,弹出一个框架(web弹窗) 我这次主要是在一个教育培训网站中用到的,效果是点击视频时,弹出视频播放窗口,视频用的是外部链接,用的是方法二 点击弹出层方法一:此方法比较简单,也没有加载太多的js,这是优点,但是也有缺点,由于这个方法是获取div的id做出来的,如果网站需要多个弹出窗口时,就需要换id名称使之不重复,比较麻烦,一般不采用这个方法。 代码: 效果如下图 弹出窗口样式都可以随意修改 点击弹出层方法二:主要适用于点击图片,视频后弹出放大的图片和播放视频,因为这种方法主要是在图片,视频的a href中填写链接,这种方法可适用于网站出现多个弹出窗口,可循环使用。 代码如下图 需要加载几个js和一个弹出层的样式文件 [...]

2014年08月6日

影视培训企业网站设计

Filed under: 英语网站设计 — 标签: — limeng @ 1:18 上午

这一次设计的影视培训站算是一个比较复杂,框架,内容都比较多的站,前前后后花费了不少时间。颜色方面一共设计两款,一款蓝色的,一款橙色的,由于客户希望网站整体让人觉得活泼,生动点,最后选取了橙色那款。首页的侧重点在突出该培训机构的7大优势和该机构的宣传语等,内页则跟其他普通网站差不多,下面是两种颜色不同的首页设计图

2014年07月31日

Jquery 可以自动伸缩的搜索框

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

通常情况下,外贸网站中的搜索功能都是由搜索框各一个搜索按钮组成,我们做的最多的就是给搜索框或按钮一个不同的CSS样式,让其与整个网站的风格匹配。便有时候为了让网站整体风格匹配,默认情况下会将搜索框隐藏,只出现搜索按钮,在浏览者需要搜索的时候搜索框才会出现,那么这样的功能该如何实现呢,下面我们来看看实现这个效果的方法,当然Jquery是肯定会用到的: 默认情况下搜索框和搜索按钮肯定都是必不可少的: <div> <div id=”sb-search”> <form> <input placeholder=”Enter your search [...]

2014年07月29日

jQuery三种常用选项卡

Filed under: 英语网站设计 — 标签: — limeng @ 7:59 上午

鼠标点击切换选项卡 鼠标点击才会切换,划过没有任何效果 function selectTag(showContent,selfObj){ // 操作标签 var tag = document.getElementById(“tags”).getElementsByTagName(“li”); [...]

2014年07月28日

让文字自动缩短的Jquey 插件- Ellipsis

Filed under: 英语网站设计 — 标签: — lifengwu @ 9:54 上午

这个插件允许缩短您的文字,如果它很长的话。原来的文本可以通过鼠标悬停再完一显示出来。这是一个简单但非常有用的插件 下面我们来看看使用这个插件的效果,正常的: 引入这个插件之后: 鼠标经过时候和效果: 因为是插件,引入Jquery当然是必须的,这里需要首先引入jquery库jquery.js,还需要引入这个插件的ellipsis.js 最后还需要调用才会有效果的,调用代码: <script> (function($) { $(“.first-text”).ellipsis(30); [...]

骑行服、自行车配件外贸购物商城设计

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

外贸购物商城做得比较多,骑行服、自行车配件之类的外贸购物网站以前也做过,所以做起来相对也比较轻松,这个客户自己没有说什么要求,可以完全自己发挥,因为是骑行,又是自行车行业的,所以动感较强,最终选定了红色、黑色搭配,展现出狂热、稳定!结构上沿用通常做法,头部就是放置LOGO、购物车、搜索、导航之类的,然后下边是大的图片切换,下面会有图片+文字展示的产品分类和一部分可以后台自定义的产品,底部有关于企业的一些介绍和购物帮助之类的信息和版权,整体效果: 整体上自己发挥的空间比较大,做完之后,自己也有进步! 如果你有外贸购物商城网站建站需求,欢迎随时联系我们 QQ客服:415682727 电话:020-39907297

2014年07月25日

jQuery 几种常见的滚动

Filed under: 英语网站设计 — 标签: — limeng @ 9:45 上午

1. 带箭头左右滚动-缓动 不限制图片数 function $get(id){return document.getElementById(id)}; //不可少 var MarqueeDiv2Control=new Marquee(“MarqueeDiv2″); [...]

2014年07月19日

jQuery几种常见导航制作

Filed under: 英语网站设计 — 标签: — limeng @ 1:19 上午

1. 点击折叠,不可自动折叠树形导航 鼠标点击加号,上面已经展开的子目录不会自动弹回去 js树形导航菜单制作点击展开收缩二级菜单 function getObject(objectId){ if(document.getElementById && document.getElementById(objectId)){ return [...]

2014年07月9日

photoshop如何给图片去除水印

Filed under: 英语网站设计 — limeng @ 1:25 上午

如果背景是纯色或是渐变,直接使用填充或渐变工具即可,下面方法主要是背景比较复杂的 1. 仿制图章工具去除水印 例如下图需要去除有上角的商标 选取仿制图章工具,调节图章大小,按住Alt键,在商标右侧相似背景处点击,这个背景比较简单,直接多次覆盖即可 这个工具还可以复制起始点至结束点的背景,按住Alt键拖动,然后在水印处缓慢覆盖即可,根据自己的实际情况选择笔刷直径和笔刷的硬度 2. 修补工具去除水印 这个方法适用于背景色有与水印处背景相一致的情况 点击修补工具 [...]

2014年07月2日

jQuery头部固定,不随滚动条滚动的代码

Filed under: 英语网站设计 — 标签: — limeng @ 3:18 上午

1.网页头部部分不随滚动条而滚动,并且不会出现跳动的情况,兼容主流浏览器 window.onscroll=function(){ if ($(document).scrollTop() > 100) { //$(“#pf_nav”).show(); $(“.pf”).addClass(‘float’); }else{ [...]

2014年06月30日

外贸网站建设过程中常用Jquery小技巧

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

1、禁止右键 有些时候,客户需要禁用右键单击功能,以加大他人另存图片的难度。使用此代码,可以在网页上禁用鼠标右键点击。 代码如下: $(document).ready(function() { //catch the right-click context menu [...]

纯CSS绘制多边形(五角星、五边形)

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

如果网页要用到五角星,我们通常想到的最直接方法是在Ps里面绘制一个五角星再存成图片插入网页中,下面我们就来看看如何通过CSS绘制五角星: 网页代码: CSS样式 #star-five { margin: 50px 0; position: relative; [...]

« Newer PostsOlder Posts »