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

    如何给你的店招上加上搜索框详细教程:框招

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

    第一步,首先,我们要将自己的店招上传到自己的图片空间,有了自己的图片空间链接地址。比如,我们进入/wangpudianzhao,,下载了自己喜欢的店招素材后,然后点击“卖家中心”--“图片空间”--“上传图片”就可以将自己的店招上传到自己的图片空间了。

    例如,我们下载了此款店招

    如何给你的店招上加上搜索框详细教程1

    第二步,将以下代码复制到DWEAMWEAVER中,记住将dreamweaber中新建html中的全部代码删除后,在黏贴以下代码。

    width="950" height="120" border="0" cellpadding="0" cellspacing="0">

    其中,阴影部分就是你的图片空间中的店招的地址,你去图片空间复制替换下就可以了。

    如何给你的店招上加上搜索框详细教程2

    第三步,在拆分格式下,可以看到图片显示格式,将店招图片中两个虚线调整到空白处,也就是留出添加搜索框的位置。

    如何给你的店招上加上搜索框详细教程3

    第四步,打开店铺装修,点击店招编辑--自定义区域编辑,将替换链接后的代码复制到自定义代码格式编辑框中。

    如何给你的店招上加上搜索框详细教程4

    第五步,点击<>,转回到文字编辑模式,你可以在两个虚线框中间加入你所想要加的文字。添加完后,点击回车。

    如何给你的店招上加上搜索框详细教程5

    第六步,点击回车后,你可以看到鼠标的位置,也就是要添加的搜索框的位置。然后点击<>,转到代码格式,将以下的代码复制进去。然后点击保存,就可以看到效果了。

    method="post"

    style="padding-bottom:0px;margin:0px;padding-left:0px;

    padding-right:0px;padding-top:0px;"

    target="_blank">

    padding-right:0px;color:#000;font-weight:bold;padding-top:0px;">

    店内搜索:

    padding-right:0px;color:#000;padding-top:0px;">价格:

    style="line-height:16px;width:50px;font-size:12px;" />

    padding-right:0px;padding-top:0px;">-

    padding-bottom:1px;background-color:#FF0000;margin:0px;

    padding-left:10px;padding-right:5px;color:#FFF;font-size:12px;

    border-top:medium none;border-right:medium none;

    padding-top:3px;" type="submit" value="搜索" />

    如何给你的店招上加上搜索框详细教程6

    • 如何给你的店招上加上搜索框详细教程:框招 相关文章:
    • 爱情文章
    • 亲情文章
    • 友情文章
    • 随笔
    • 哲理
    • 励志
    • 范文大全