甩手網 > 網店學院 > 網店裝修 > 裝修代碼

迎年中慶紅色喜慶公告欄代碼（750、950版）

2015-06-15 16:56:58 人氣：5358

網店裝修

經歷了年后短暫的低迷，各大電商迎來年中慶，力推各種促銷，儼然年中變成了過年。中國人向來喜歡喜慶的紅色，所以甩手為大家準備了各種紅色公告欄的代碼供分享，并且悉心地搜羅了750版本和950版本，預祝大家年中慶大賣。

特別提醒，這些代碼賣家使用的時候要先將其中的店鋪ID、活動公告等內容換成自己店鋪的內容，圖片及頭像就依各位賣家的喜好自行定啦，但要注意圖片的大小，必須按照代碼大小設置。

750版：

<div style="width:750px; margin:auto; position:relative; z-index:999; font-size:12px; font-weight:normal; text-align:left; background:#fff;">
<div style=" padding:9px; border:1px #e4e4e4 solid; overflow:hidden; color:#868684; font-family:微軟雅黑;">

        <div style="width:130px; float:left; margin-right:18px;">
        <div style=" height:128px; border:1px solid #e4e4e4; background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/TB2ukrGXVXXXXbRXXXXXXXXXXXX-1770601599.jpg) no-repeat scroll center center;"></div>
            <div style=" height:25px; line-height:25px; background:#e60005; color:#fff; font-size:14px; text-align:center;">店長: 店長名字</div>
            <div style=" line-height:35px;"><span style="color:#b9976e;">喜歡:</span> 購物、交朋友</div>
        </div>

        <div style="width:313px; float:left; margin-right:9px;">
        <div style=" height:24px; line-height:24px; color:#e60005; font-size:22px; padding-bottom:10px; margin-bottom:10px; text-align:center; background:url(http://img02.taobaocdn.com/imgextra/i2/1770601599/TB2KS6HXVXXXXbFXXXXXXXXXXXX-1770601599.png) no-repeat scroll center bottom;">店鋪公告 SHOP NOTICE</div>
            <div style=" font-family:'宋體'; line-height:25px;">
親！歡迎光臨本店，本店主要經營服飾用品，高端女裝，服裝配飾；本店堅持以誠信求生存，以質量求發展，以質量求市場。本店產品全部來自正規渠道，以最直接有效的方式送達最終端消費者手里，避免了中間過多的流通環節。</div>
            <div style=" font-family:'宋體'; line-height:25px;">
            <span style="display:block; color:#b9976e;">店鋪最新活動：</span>

<div style=" line-height:25px;"><a target="_blank" href="http://www.taobao.com/?1" style=" color:#868684; text-decoration:none;">
部分商品9折促銷活動，數量有限，搶到就是賺錢哦！
</a></div>
            </div>
        </div>

        <div style="width:260px; height:200px; float:left; background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/TB29XYGXVXXXXcnXXXXXXXXXXXX-1770601599.png) no-repeat scroll left center;">
        <a target="_blank" href="收藏網店地址" style=" width:170px; height:60px; margin:50px 0 0 50px; display:block; background:url(http://img02.taobaocdn.com/imgextra/i2/1770601599/TB23KjHXVXXXXbMXXXXXXXXXXXX-1770601599.gif) no-repeat scroll center center;"></a>
            <div style=" margin:20px 0 0 35px; overflow:hidden;">
                <form method="post" name="SearchForm" target="_blank" action="http://shop店鋪ID.taobao.com/search.htm">
                    <input type="hidden" name="userId">
                    <input type="hidden" name="shopId" value="57988233">
                    <input type="hidden" name="view_type">
                    <input type="hidden" name="order_type">
                    <input type="hidden" name="search" value="y">
                    <input style=" border:1px solid #b9976e; color:#b9976e; display:block; width:150px; height:16px; line-height:16px; float:left; margin:0 1px 0 0; padding-left:16px; background:url(http://img03.taobaocdn.com/imgextra/i3/1770601599/TB2iPPHXVXXXXb4XXXXXXXXXXXX-1770601599.gif) no-repeat scroll 4px center; " name="keyword" value="搜索關鍵字">
                    <input type="submit" style=" width:40px; height:18px; line-height:18px; border:1px solid #b9976e; display:block; float:left; background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/TB2djfJXVXXXXXfXXXXXXXXXXXX-1770601599.gif) no-repeat scroll center center;" value=" ">
                </form>
            </div>
            <div style=" margin:10px 0 0 35px;">
                <a style=" color:#868684; text-decoration:none; margin-right:2px;" target="_blank" href="http://shop店鋪ID.taobao.com/search.htm">查看所有新品 |</a>
                <a style=" color:#868684; text-decoration:none; margin-right:2px;" target="_blank" href="http://shop店鋪ID.taobao.com/search.htm?orderType=hotsell">按銷量 |</a>
                <a style=" color:#868684; text-decoration:none; margin-right:2px;" target="_blank" href="http://shop店鋪ID.taobao.com/search.htm?orderType=newOn">按新品 |</a>
                <a style=" color:#868684; text-decoration:none; margin-right:2px;" target="_blank" href="http://shop店鋪ID.taobao.com/search.htm?orderType=price">按價格</a>
            </div>
        </div>

    </div>
</div>

950版：

<div style="width:950px; margin:auto; position:relative; z-index:999; font-size:12px; font-weight:normal; text-align:left; background:#fff;">
<div style=" padding:9px; border:1px #e4e4e4 solid; overflow:hidden; color:#868684; font-family:微軟雅黑;">

        <div style="width:130px; float:left; margin-right:18px;">
        <div style=" height:128px; border:1px solid #e4e4e4; background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/TB2ukrGXVXXXXbRXXXXXXXXXXXX-1770601599.jpg) no-repeat scroll center center;"></div>
            <div style=" height:25px; line-height:25px; background:#e60005; color:#fff; font-size:14px; text-align:center;">店長: 店長名稱</div>
            <div style=" line-height:35px;"><span style="color:#b9976e;">喜歡:</span> 購物、交朋友</div>
        </div>

        <div style="width:513px; float:left; margin-right:9px;">
        <div style=" height:24px; line-height:24px; color:#e60005; font-size:22px; padding-bottom:10px; margin-bottom:10px; text-align:center; background:url(http://img02.taobaocdn.com/imgextra/i2/1770601599/TB2KS6HXVXXXXbFXXXXXXXXXXXX-1770601599.png) no-repeat scroll center bottom;">店鋪公告 SHOP NOTICE</div>
            <div style=" font-family:'宋體'; line-height:25px;">
親！歡迎光臨本店，本店主要經營服飾用品，高端女裝，服裝配飾；本店堅持以誠信求生存，以質量求發展，以質量求市場。本店產品全部來自正規渠道，以最直接有效的方式送達最終端消費者手里，避免了中間過多的流通環節。</div>
            <div style=" font-family:'宋體'; line-height:25px;">
            <span style="display:block; color:#b9976e;">店鋪最新活動：</span>

<div style="line-height:25px;"><a target="_blank" href="活動網址" style=" color:#868684; text-decoration:none;">
1：部分商品9折促銷活動，數量有限，搶到就是賺錢哦！</a></div>
<div style="line-height:25px;"><a target="_blank" href="活動網址" style=" color:#868684; text-decoration:none;">
2：滿兩百元，浙江滬包郵，其他地區滿三百包郵，還有禮品贈送</a></div>
            </div>
        </div>

        <div style="width:260px; height:200px; float:left; background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/TB29XYGXVXXXXcnXXXXXXXXXXXX-1770601599.png) no-repeat scroll left center;">
        <a target="_blank" href="收藏店鋪網址" style=" width:170px; height:60px; margin:50px 0 0 50px; display:block; background:url(http://img02.taobaocdn.com/imgextra/i2/1770601599/TB23KjHXVXXXXbMXXXXXXXXXXXX-1770601599.gif) no-repeat scroll center center;"></a>
            <div style=" margin:20px 0 0 35px; overflow:hidden;">
                <form method="post" name="SearchForm" target="_blank" action="http://shop店鋪ID.taobao.com/search.htm">
                    <input type="hidden" name="userId">
                    <input type="hidden" name="shopId" value="57988233">
                    <input type="hidden" name="view_type">
                    <input type="hidden" name="order_type">
                    <input type="hidden" name="search" value="y">
                    <input style=" border:1px solid #b9976e; color:#b9976e; display:block; width:150px; height:16px; line-height:16px; float:left; margin:0 1px 0 0; padding-left:16px; background:url(http://img03.taobaocdn.com/imgextra/i3/1770601599/TB2iPPHXVXXXXb4XXXXXXXXXXXX-1770601599.gif) no-repeat scroll 4px center; " name="keyword" value="搜索關鍵字">
                    <input type="submit" style=" width:40px; height:18px; line-height:18px; border:1px solid #b9976e; display:block; float:left; background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/TB2djfJXVXXXXXfXXXXXXXXXXXX-1770601599.gif) no-repeat scroll center center;" value=" ">
                </form>
            </div>
            <div style=" margin:10px 0 0 35px;">
                <a style=" color:#868684; text-decoration:none; margin-right:2px;" target="_blank" href="http://shop店鋪ID.taobao.com/search.htm">查看所有新品 |</a>
                <a style=" color:#868684; text-decoration:none; margin-right:2px;" target="_blank" href="http://shop店鋪ID.taobao.com/search.htm?orderType=hotsell">按銷量 |</a>
                <a style=" color:#868684; text-decoration:none; margin-right:2px;" target="_blank" href="http://shop店鋪ID.taobao.com/search.htm?orderType=newOn">按新品 |</a>
                <a style=" color:#868684; text-decoration:none; margin-right:2px;" target="_blank" href="http://shop店鋪ID.taobao.com/search.htm?orderType=price">按價格</a>
            </div>
        </div>

    </div>
</div>