全屏店招导航制作(淘宝店招全屏制作教程)
本文目录一览:
淘宝店铺全屏店招和全屏导航怎么设计
导航栏可以用装修软件完成。全屏店招分两部分完成:
1、店招背景部分1920*150;
2、背景图片去掉是边30像素,去掉两边留下中间950像素(天猫990像素)做店招。
店招尺寸:950*120
3、导航栏设计,直接用软件
ps制作的全屏店招和导航怎么制作子分类
自定义的代码是可以做出下拉菜单的效果的,但绝对不是简单切个图那么容易的,要用到弹出层组件。并且,自定义模块是无法自动调取系统分类信息的,所以,分类也得重新自定义。
实际上,系统导航栏是开放css样式表权限的,可以任意修改样式。店招、页头背景、导航栏三者配合,就能做出各种效果,比如各种悬浮变色等等。
而如果是自定义下拉菜单,因为没有css样式表权限,能做的效果就很少了,基本上就是弹出菜单而已。
但不管是自定义店招还是导航栏美化,都是需要有一定的HTML和CSS知识为基础的,否则恐怕难以完成。
不过,倒是可以给你一点简单实现的思路:把导航栏背景设置成透明,再配合店招和页头背景,应该基本能实现你想的效果了。
以下是导航栏透明背景黑色文字的css代码:
.skin-box-bd,
.skin-box-bd .menu-list,
.skin-box-bd .menu-list .menu,
.skin-box-bd .menu-list .menu .link,
.skin-box-bd .menu-list .menu .link .title,
.skin-box-bd .menu-list .menu-selected .link,
.skin-box-bd .menu-list .menu-selected .link .title,
.skin-box-bd .all-cats,
.skin-box-bd .all-cats .popup-trigger,
.skin-box-bd .all-cats .popup-trigger .link,
.skin-box-bd .all-cats .popup-trigger .link .title{background:none;border:none;}
.skin-box-bd .menu-list .menu .link .title,
.skin-box-bd .all-cats .popup-trigger .link .title{color:#000000;}
将以上代码放入导航栏的“显示设置”中。
淘宝全屏店招,自定义导航怎么装修的?
打开PS新建一个1920像素*150像素的文件,做好你的店招和自定义导航。
把你做好的店招先存成JPG格式,先不去管它,然后再把源文件裁剪成990像素*150像素大小(天猫)淘宝C店的尺寸是950*150
打开店铺后台图片空间图片上传。把你裁剪之后的那个店招上传到图片空间(990*150的)然后复制这个图片代码,复制好之后,
再用Dreamweaver给你店招自定义导航加连接。
新建一个HTML;把你刚才复制的图片代码粘贴到最上边空白处,然后点击下边的空白处;找到软件最下边,属性栏里的一个长方形图标,然后在图片上按住鼠标不放慢慢拉动,就会出现一个半透明的东西,这个叫做热点;
弄好热点之后,就可以加链接了,链接全部弄好之后,回到后台,打开店铺装修,然后编辑店招,选择自定义招牌,设置好后再把代码放进去就好了。
步骤比较繁琐,需要足够认真和细心,装做装修需要一定的软件技术,如果自己不会弄可以找人来教你软件,另灵
猫
电
商
有一些图片的素材资料,看看有没有能帮到你的。