虎课网为您提供字体设计版块下的带搜索功能的全屏店招装修（下）-淘宝店铺装修图文教程，难度等级为新手入门，下面开始学习这节课的内容吧！

那就开始今天的教程吧

1.本节课学习带搜索功能的全屏店招装修，要保存完整的图片，保存隐藏了搜索和收藏的图片，将收藏图片单独进行保存，搜索按钮图片单独保存，还要做个150像素高度的背景，30像素的导航条，

 然后上传到图片空间。

2.使用的工具是【淘宝天猫布局代码工具】，将鼠标放到稿定设计这四个字这里，选择店铺类型，复制背景图片链接进行粘贴，点【搜索】调整到差不多的位置， 然后去图片空间找搜索按钮图片，

 复制地址粘贴，复制店铺首页地址粘贴， 

3.设置搜索的总宽度和总高度，设置好了之后对齐，点【收藏】调整它到合适的大小和位置，找到图片复制地址，收藏的地址要从店铺首页进行复制，然后粘贴。

4.找到隐藏了搜索按钮的图片复制粘贴，加热区，加商品链接复制粘贴，点生成代码，选择【去掉10像素】。

5.进入店铺装修，点击【源码】粘贴代码，高度是120像素，点击预览，【页头】选择背景图片，点【横向平铺】【居中应用到所有页面】。

6.导航颜色可以更改，记住你想要的颜色【色值】，然后找到【CSS编辑器】，粘贴到整体背景颜色，粘贴到默认背景颜色。

7.设置好之后点【生成代码】，进行复制，粘贴到导航，导航条的颜色就改变了，要关闭页头下边距10像素，页头背景颜色不显示，然后发布就可以了。

以上就是带搜索功能的全屏店招装修（下）-淘宝店铺装修图文教程的全部内容了，你也可以点击下方的视频教程链接查看本节课的视频教程内容，虎课网每天可以免费学一课，千万不要错过哦！