全国服务热线:400-1780-365 | 欢迎来到诚新网络!
新闻中心
诚新论坛
联系我们
首页
客服外包
网站建设
产品服务
电商服务
客服外包
诚新论坛
店铺运营
网店装修
建站业务
网站建设
域名注册
虚拟主机
服务器租用
配套产品
成品网站
智能云建站
企业邮箱
58同城采集软件
客户案例
关于我们
首页
产品与服务
诚新软件
客户案例
新闻动态
关于我们
您的当前位置:
主页
>
新闻动态
>
技术知识
>
1920全屏海报代码制作流程
时间:2016-08-12
1920全屏海报代码制作流程,所谓全屏海报也就是指布满显示器全屏的海报,本知识点讲解,以淘宝网店铺首页装修为例!
在讲解全屏海报制作之前,我们先了解一个概念,也就是电脑显示器的分辩率,在目前为止,电脑显示器的分辩率从800*600到1920*1080,
最高为1920的宽度,也就是说如果图片的宽度为1920的才能布满全屏,否则就不能全屏显示。
这也就是有所谓的1920全屏海报,因为1920宽度的图片可以适应所有的显示器,
当显示器的分辩率不足图片的宽度的时候,比如显示器的分辩率只有1360宽度,那1920-1360的像素会被默认隐藏,图片一般是居中显示,
因此在1360分辨率的显示器里,1920的图片两边的像素被默认隐藏,因此为了适应更多的显示器,我们尽量在做图片的时候,将有实质性描述的图片或文字尽量做在中间。
这样两边被隐藏的像素点只是些背景颜色,并不影响美观
设计海报的思路:
确定海报所有宣传的方格和意境
海报构成元素:多款颜色衣服、文案、广告语、价格;
设计:彩虹条、彩色文字、动感背景、促销样式。
全屏海报都是用自定义模块的代码实现,因此需要了解一最基本的编程技术,但是现在全屏海报的代码网上到处可找到,我们只要复制过来,把图片的链接替换就可以了、
现在的店铺装修,为了节省时间,一般不用自己编程,网上有许多现成的代码,我们直接复制更改即可。
海报整体代码,我们将此代码复制粘贴到淘宝装修的自定义模块,选择使用代码编辑模式,直接复制以下代码,
<div style="height:1100px;">
<div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;">
<div class="footer-more-trigger" style="left:-960px;top:auto;border:none;padding:0;">
<a href="链接" target="_blank" style="width:1920px;height:500px;display:block;">
<img alt="海报" border="0" src="图片1地址" />
</a>
<a href="#链接" target="_blank" style="width:1920px;height:500px;display:block;">
<img border="0" src="图片2地址" />
</a>
</div>
</div>
</div>
代码需要更改的有:图片地址、图片链接地址
<img src="http://img01.taobaocdn.com/imgextra/i1/1578214660/T2SlPlXgdaXXXXXXXX-1578214660.jpg"
红色就是图片地址, 我们更换成自己的即可,地址可以到淘宝图片空间里复制过来。
<a href="链接" target="_blank" style="width:1920px;height:500px;display:block;">,此链接是海报鼠标点击后跳转的链接。
width:1920px height:500px ,指的是宽度1920像素,高度500像素;可根据海报尺寸更改;
注意一定要看清楚""(冒号不能去掉,不要动里面的其他代码)
不懂代码的话建议不要乱动,错一个字母可能就不能正常显示,切记!!!
本文由
诚新网络
www.cx6658.com发布
分享到:
我们的案例
客服外包
店铺装修
网店运营
网站建设
诚新软件
新闻动态
公司新闻
行业新闻
技术知识
产品与服务
客服外包
网店代运营
店铺装修
网站建设
诚新软件
友情链接
天晴出品
0460网站之家
9553下载
非凡软件站
绿盟
关于诚新
我们是谁
支付方式
400-1780-365
公司服务热线
Copyright © 2010-2018 永州诚新网络科技有限公司 版权所有
湘ICP备14004987号-1
全天客服咨询
业务咨询1
业务咨询2
400-1780-365