首页 爱情文章 亲情文章 友情文章 生活随笔 校园文章 经典文章 人生哲理 励志文章 搞笑文章 心情日记
  • 爱情文章
  • 亲情文章
  • 友情文章
  • 生活随笔
  • 校园文章
  • 经典文章
  • 人生哲理
  • 励志文章
  • 搞笑文章
  • 心情日记
  • 英语文章
  • 范文大全
  • 作文大全
  • 新闻阅读
    •
    当前位置: 山茶花美文网 > 校园文章 > 正文

    [如何基础版店铺做全屏店招] 基础版店铺店招尺寸

    时间：2020-05-28来源：山茶花美文网 本文已影响 人 山茶花美文网手机站

    选择样式管理

    如何基础版店铺做全屏店招1

    然后我们要选择一种颜色了，自己喜欢哪种就要哪种，个人来说黑白色的不错，天蓝、粉红、喜欢的人也不少。这都是人爱好。

    如何基础版店铺做全屏店招2

    然后到背景设置，是否显示背景图片，这个一定要打勾，不过一般默认都是打上勾的了，不是要自己去看看，最后保存就好了。

    如何基础版店铺做全屏店招3

    做全屏店招的前期店铺设置到这里基本就算完成了。接下来是做一个店招图，那就要用到Photoshop软件了。要记住如果你选择的是黑白配色，那就新建一个灰色的背景色，和店招的这个颜色一样。

    如果选的别的颜色，天蓝呀，那就要天蓝的那个背景，大家应该都懂的吧，举一反三。宽度要是950，高120的。

    如何基础版店铺做全屏店招4

    有些淘友又会说不懂很准确的知道这个颜色呀，其实Photoshop 软件有个很好的功能可以使用。如果你想用这个颜色，就截图下来(截图功能大家应该都懂的吧，不多说了)保存到电脑。

    如何基础版店铺做全屏店招5

    这样背景色就会和你想要的颜色一样了，不会有一点误差，这样就可以新建图片了

    如何基础版店铺做全屏店招6

    新建出来的图片自己可以写什么就写什么，可以是促销文字、店铺名之类的，视觉效果好点就可以了，店铺装修系统自带的只是店铺名字，个人觉得不太好看的。

    这样做出来的店招就是全屏的，详情页也可以显示这样的全屏。但这样做的有一个缺点，就是图片颜色太少了，只有5种颜色，有些人喜欢全白的颜色，有些又喜欢酒红的颜色，这个都是没有办法做到的。能做到店招是酒红的，但只是950的，背景又不是酒红的了。但又有着优点，就是连详情页都可以是全屏的店招。如果对颜色要求不是很高的淘友，这个方法可以试试。

    第二种方法是我在一个装修网站找到的，这个网站里有一个教程视频，说得很清楚的。如果谁想要这个网站地址的，旺旺联系我，或者在帖子留言就可以，我发给大家。在这里就不放上来了，以及有做广告的嫌疑。但我不建议要这个方法，这个方法要把店招整个删除掉，另外新建一个自定义模块，很是麻烦，所以不推荐给大家

    第三种方法也是最后一个方法。这个方法可以修改第一种方法的缺点，可以用很多的图片颜色可以用很多。但这个图片颜色建议用纯色的，比如说纯白色呀，上面说的酒红呀，等等其他的颜色。不建议用图片的方式，因为把握不好的话图片有可能会不好看。方法也很简单，就是插入一段代码而已。在这之前要先做一张图片，图片的像素是1920*150的。导航条要做30px，就是说150高的px里，要有30px来做导航条的颜色。至于怎么做图那就看自己的了，喜欢什么颜色就弄成什么颜色。做好后上传到图片空间，复制图片的地址，替换掉下面的图片地址。.skin-box-bd{background:#1d1d1d;}.skin-box-bd .menu-list{background:#1d1d1d;}.skin-box-bd .menu-list .menu{background:#1d1d1d;border:none;}.skin-box-bd .menu-list .menu .link{background:#1d1d1d;border:none;border-right:1px solid #1d1d1d;}.all-cats .link{background:#1d1d1d;border:none;}body{background-image:url(/imgextra/i3/702407314/T2XgLyXwRaXXXXXXXX-702407314.jpg);background-repeat:repeat-x;background-position:top center;background-attachment:scroll;background-position:center 114px;background-color:#ffffff;}

    然后复制这一整段代码，如果在网页上不好操作这些步骤，可以在电脑txt文档中操作。复制好后放入到CSS选择器中。这个选择器在哪里呢，鼠标指向自己的店铺导航，会有一个阴影覆盖住导航

    如何基础版店铺做全屏店招7

    点编辑就出来了

    确定就可以了，这样就看一下效果，会发现和做的图片是一样的。

    这样就是店招全屏的背景了，接下来就和普通做店招那样插入950px宽的图片了，这个就不说了，相信大家都懂这个的。第一步那里也有说了。

    做好这里之后大家会说，哎，不对呀，为什么店招就是导航部分950px的那里的导航条颜色还是没有变呀，这个需要CSS代码生成器来做的，这里就不多说了。

    希望大家能够把自己的店铺装修的高端、大气、上档次哈。

    • [如何基础版店铺做全屏店招] 基础版店铺店招尺寸 相关文章:
    • 爱情文章
    • 亲情文章
    • 友情文章
    • 随笔
    • 哲理
    • 励志
    • 范文大全

    最新文章

    热点文章

    推荐访问

    军训远足心得体会 军训爬山心得体会 大学军训徒步拉练感想 军训徒步作文 军训徒步10公里感想 军训徒步心得体会 5分钟演讲中秋节节日 中秋一分钟演讲 中秋节演讲稿4分钟 中秋节演讲稿一分钟 中秋节演讲稿五分钟 3-5分钟 中秋节短篇演讲稿 中秋节演讲稿两分钟 中秋节的演讲稿3分钟 关于中秋节的演讲稿三分钟 孩子体验军训的心得 参加孩子军训活动的感受与收获 家长对孩子军训后的收获和感悟 小孩军训的收获与感悟 学生军训的收获与感悟 孩子军训成长过程家长感悟 孩子军训感悟 孩子军训心得体会 孩子军训的收获与感悟 兵役前训练心得体会 部队当兵的心得 新兵役前教育训练心得体会 预备役军训心得体会 新兵军训感悟

    本文[如何基础版店铺做全屏店招] 基础版店铺店招尺寸由山茶花美文网整理提供，版权归原作者、原出处所有。

    Copyright © 山茶花美文网 All Rights Reserved.