|
1 如何添加左右側漂浮 TOP: 28%;表示離頂部的距離,，可以設置 LEFT: 1% 表示左側漂浮距離,，也可設置，如果想在右側漂 浮,，側將 LEFT: 1%變成 RIGHT: 1% 就可以了,。 <div> <table cellspacing="0" cellpadding="0" width="153"> <tbody> <tr> <td> <img alt="" src="http://img14./cms/g13/M03/07/0D/rBEhUAAFmx887.png" width="110" height="392" /> </td> </tr> </tbody> </table> </div> 2 向上彈出橫向導航店標 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www./TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www./1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>dropline-水平三級橫向彈出菜單</title> <style type="text/css"> .userdiv1 { width: 990px; height: 150px; background-color: #f8e6c0; } .userdiv2 { width: 990px; height: 120px; background-color: #f8e6c0; text-align: center; } .userdiv3 { width: 990px; height: 30px; background-color: #f8e6c0; } .usermenu { font-family: arial, sans-serif; width: 990px; height: 30px; position: relative; font-size: 11px; background: #000; position: relative; } .usermenu ul { padding: 0; list-style-type: none; } .usermenu ul li { float: left; border-left: 1px solid #eee; width: 95px; } .usermenu ul li a, .usermenu ul li a:visited { display: block; float: left; width: 90px; text-decoration: none; padding: 0 0 0 10px; height: 30px; line-height: 30px; color: #FFF; background: #000000 bottom right no-repeat; } .usermenu ul li ul { display: none; } .usermenu ul li:hover a { color: #fff; background: #666666; } .usermenu ul li:hover ul { display: block; position: absolute; width: 990px; bottom: 30px; left: 0; background: #666666; color: #fff; } .usermenu ul li:hover ul.right_side li { float: right; border: 0; border-left: 1px solid #eee; } .usermenu ul li:hover ul.left_side li { float: left; border: 0; border-left: 1px solid #eee; } .usermenu ul li:hover ul li a.userhide { background: #bd8d5e bottom right no-repeat; color: #fff; } .usermenu ul li:hover ul li:hover a.userhide { background: #666666; color: #fff; } .usermenu ul li:hover ul li ul { display: none; } .usermenu ul li:hover ul li a { display: block; background: ##666666; color: #fff; } .usermenu ul li:hover ul li a:hover { background: #dfc184; color: #000; } .usermenu ul li:hover ul li:hover ul { display: block; position: absolute; left: 0; bottom: 30px; color: #000; background: #dfc184; } .usermenu ul li:hover ul.right li { float: right; } .usermenu ul li:hover ul li:hover a.userhide { background: #dfc184; color: #000; } .usermenu ul li:hover ul li:hover ul li a { background: #dfc184; color: #000; } .usermenu ul li:hover ul li:hover ul li a:hover { background: #bd8d5e; color: #fff; } </style> </head> <body> <div class="userdiv1"> <div class="userdiv2"><img src="http://img14./cms/g13/M03/04/1A/rBEhVFKCOUkIAAAAAAEZu2Q_zAUAAF Z7QLxlXgAARnT632.png"> </div> <div class="userdiv3"> <div class="usermenu"> <ul> <li><a class="userhide" title="首頁">首頁 </a></li> <li><a class="userhide" title="所有寶貝">所有寶 貝</a> <ul> <li><a title="按銷量">按銷量</a></li> <li><a href="http://huafuzhijia.jd.com/view_search-169116-52246-48646-0-4-0-0-1-1-24.html?isGlobal 設計師交流 QQ 群：236247541 商家交流 QQ 群 1：273091225（已滿） 群 2：303417512 京東眾包市場 weike.jd.com（店鋪定制裝修&運營推廣服務） 6 / 31 Search=0" title="按價格">按價格</a></li> <li><a title="按好評">按好評</a></li> <li><a title="按新品">按新品</a></li> </ul> </li> <li><a class="userhide" title="時尚臥房系 列">時尚臥房系列</a> <ul> <li><a title="簡約現(xiàn)代板 式床">簡約現(xiàn)代板式床</a></li> <li><a title="配套床頭柜"> 配套床頭柜</a></li> <li><a title=" 品質(zhì)床墊"> 品質(zhì)床墊</a></li> <li><a title=" 配套衣柜"> 配套衣柜</a></li> <li><a title="配套妝臺妝 凳">配套妝臺妝凳</a></li> <li><a title=" 斗柜"> 斗柜 </a></li> </ul> </li> <li><a class="userhide" title="時尚客廳系 列">時尚客廳系列</a> <ul> <li><a title=" 品質(zhì)沙發(fā)"> 品質(zhì)沙發(fā)</a></li> <li><a title="客廳電視柜"> 客廳電視柜</a></li> 設計師交流 QQ 群：236247541 商家交流 QQ 群 1：273091225（已滿） 群 2：303417512 京東眾包市場 weike.jd.com（店鋪定制裝修&運營推廣服務） 7 / 31 <li><a title=" 間廳柜"> 間 廳柜</a></li> <li><a title=" 茶幾"> 茶幾 </a></li> <li><a title=" 鞋柜"> 鞋柜 </a></li> </ul> </li> <li><a class="userhide" title="優(yōu)雅餐廳系 列">優(yōu)雅餐廳系列</a> <ul> <li><a title=" 餐廳桌椅"> 餐廳桌椅</a></li> <li><a title=" 餐邊柜"> 餐 邊柜</a></li> </ul> </li> <li><a class="userhide" title="時尚書房系 列">時尚書房系列</a> <ul> <li><a title=" 書柜"> 書柜 </a></li> <li><a title=" 電腦臺/ 桌/ 電腦椅">電腦臺/桌/電腦椅</a></li> <li><a title=" 書報架"> 書 報架</a></li> <li><a title=" 陳列柜"> 陳 列柜</a></li> </ul> </li> <li><a class="userhide" >物流說明</a></li> <li><a class="userhide" >家具知識</a></li> <li><a class="userhide" title=" 關于華府 "> 關于華府 </a></li> </ul> </div> </div> </div> </body> </html> 3 在線客服的鏈接 制作在線客服圖片-鏈接地址為： http://chat3.jd.com/index.action?from=orderDetail&shopId=22222&code=1 22222 修改成 自己的店鋪 ID,店鋪 ID 在后臺的我店鋪查看,。 4 所有的圖片加入鏈接后點擊都只會鏈接到一個地址 很多習慣了淘寶的朋友在淘寶中切好圖片上傳后直接加入鏈接就可以了，但在京東裝修過程中就不能上傳 后直接加入鏈接,，這樣的話就會出現(xiàn)錯誤,，可以將上傳后的代碼復制到 Dreanweaver 等軟件里進行重新 編輯，DIV 或 TABLE 進行布局均可,。如果想更加簡單,，那么直接在圖片源文件地址加入：<a>圖片源文 件地址</a>這樣，再點擊圖片加入鏈接,。 5 如何在每個商品的關聯(lián)里顯示 990 的寬屏展示 關聯(lián)銷量至關重要,，比首頁裝修好壞重要太多了，在后臺商品管理-關聯(lián)版式設置里進入關聯(lián)內(nèi)容的裝修的 話,，會有限制寬度為 750PX,。那么怎么像其它店鋪為 990 的寬屏顯示呢 方法：我們只需先在 JSHOP 里添加一個活動頁面，進行 990 通欄的內(nèi)容放置編輯,，然后將這些代碼復制 到關聯(lián)版式就可以了,。這樣不僅會讓您的關聯(lián)內(nèi)容更加豐富，同時轉化率也會有相應的提高,。 6 如何在點擊導航時跳轉到頁面的某一個位置 很多朋友可能在做活動頁面時會放入較多的產(chǎn)品內(nèi)容,，如果讓顧客一直往下拉看會比較麻煩。如何制作一 個導航點擊后直接就到了頁面相應的內(nèi)容位置呢,？（如點擊女裝到女裝內(nèi)容區(qū)） 第一步：在相應的內(nèi)容頭部加入錨點代碼（如女裝內(nèi)容區(qū)上面的導航代碼里） <a name="woman "></a> 第二步：加入位置的跳轉鏈接：活動頁面地址#woman ,，同時目標要設置為 parent，如： <a target="_parent"> |
|
|
