淘宝搜索代码是什么？想要在自己的网站和论坛上搜索淘宝商品

你需要将Dreamweaver做的页面先传到服务器，

然后后打开网页才可以看效果。

如果你排版不熟练，

可以将这段代码新建一个空白的html复制进去，

先传到服务器上，

然后用内嵌页面内嵌到你要使用的页面即可。

参考资料填：http://blog.csdn.net/taobaobaoa/archive/2008/12/29/3635302.aspx

<style type="text/css">

/*search*/

.header-sea{margin:25px  0 0width:260pxfloat:right}

.header-sea form{position:relativewidth:100%height:32pxposition:relativez-index:110}

.header-sea .search-txt{padding:0 11px 0 10px width:168pxheight:30pxline-height:30pxborder:0background:url(../imgs/search.png) no-repeatcolor:#333font-size:12pxfloat:leftoutline:none}

.header-sea .search-btn{width:71pxheight:30pxbackground:url(../imgs/search-btn.png) no-repeat left centerborder:0cursor:pointerfloat:lefttext-indent:-999emoverflow:hiddenoutline:noneposition:absoluteleft:189pxz-index:999}

.header-sea form label{color:#999font-size:12pxposition:absolutetop:8pxleft:11pxpointer-events:none}

.header-sea form.active label{top:-999emleft:-999em}

</style>

<script>

  //清空默认搜素

    var val

    $(".search-txt").focus(function(){

        $(this).parent().addClass('active')

    }).blur(function(){

        if($(this).val() == ""){

            $(this).parent().removeClass('active')

        }else{

            $(this).parent().addClass('active')

        }

    })

    $(".header-sea label").click(function(){

    $(".search-txt").focus()

    })

</script>

<div class="header-sea">

    <form action="" method="post" class="clearfix">

        <input type="text" class="search-txt png-bg" name="keyWord" />

        <label>搜索</label>

        <input type="submit" class="search-btn png-bg" value="搜索"/>

    </form>

</div>

第一：改店招图片，把自己做的950*120的店招图片上传到图片空间，复制图片链接，把代码中的代码替换。

那有人会有疑问，如果我的店招做的950*150的呢，方法一样，先上传图片空间，再替换代码，不过还要加一步，把代码的120高度改为150即可。

第二：改搜索框的尺寸及定位。

首先是搜索框的尺寸，尺寸建议不用改。

其次是搜索框的定位，这可以让搜索框想放在哪里都行。

第三：最重要的也是必须要改的，改代码中的淘宝店铺地址。

第四：搜索框的边框颜色，搜索按钮的背景颜色以及文本颜色。

第五：装修，来到装修后台，点击店招的编辑，选择自定义店招，点击源码，粘贴代码，再点击源码，保存发布即可。

轮播：

1

首先我们进入淘宝专业版店铺的装修页面，看到以下界面（图1）

这里需要注意一点的是：做全屏海报还是全屏轮播图都一样，不是添加图片轮播模板而是添加一个自定义模板。因为图片轮播模板最大宽度为950px，添加自定义模板后发现也是950px的宽度？不用担心，且看第二步！

2

第二步也是最为关键的一步：不用担心，不会代码也绝壁会制作成全屏的海报，轮播图的。接下来我们进入到源代码编辑界面：这里就会用到以下代码了，代码具体内容不做解释了：正年轻时装工厂是这次经验的案例，可以去看看

<div style="height:600pxmargin-top:0pxmargin-bottom:0pxmargin-left:0pxmargin-right:0px">

<div class="footer-more-trigger" style="left:50%top:autoborder:nonepadding:0">

<div class="footer-more-trigger" style="left:-960pxtop:autoborder:nonepadding:0">

<a href="//loverylove.taobao.com/search.htm?spm=0.0.0.0.nZKKrd&ampsearch=y&ampscene=taobao_shop" target="_blank" style="width:1920pxheight:600pxdisplay:block"><img src="//gdp.alicdn.com/imgextra/i1/843095022/TB2NLyJepXXXXcCXpXXXXXXXXXX_!!843095022.jpg" style="border:none" /></a>

</div>

</div>

</div>

然后将这段代码复制到您的自定义模板里面。

3

注意了：最关键的来了！目前淘宝捏已经不允许用其他网站的图片了，图片捏事先准备好上传到淘宝的图片空间里面。全屏的是款1920px，高度根据个人喜好自定义设置。我这里设置的为600px；

代码复制上去之后保存，预览一下看。

---