我的YOHO-短消息I.html 11.4 KB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>YOHO有货</title>
<meta name="description" content="YOHO有货,中国最大的潮流购物网站,100%正品保证,支持货到付款。汇集了全球流行时尚商品,是国内最大的原创文化商品平台,也是香港,台湾地区流行商品的集中地。同时包含日本、韩国等众多国外潮流品牌,带给您全新潮流购物体验。" />
<meta name="keywords" content="Yoho有货,潮流,时尚,流行,购物,B2C,正品,购物网站,网上购物,货到付款,品牌服饰,男士护肤,黑框眼镜,匡威,板鞋,美特斯邦威,i.t,izzue,李宁,new balance,新百伦,lacoste,melissa,casio,卡西欧手表,舒雅,江南布衣,jasonwood,odm,AAAA,香港购物网站,日本潮流" />
<link href="http://static.yohobuy.com/css/common.css" rel="stylesheet" type="text/css" media="all" />
<link href="http://static.yohobuy.com/css/myyoho.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="http://static.yohobuy.com/js/jquery.min.js"></script>
<script type="text/javascript" src="http://static.yohobuy.com/js/yoho_common.js"></script>
<script type="text/javascript" src="http://static.yohobuy.com/js/jslider/jquery.slider-min.js"></script>
<link rel="stylesheet" href="http://static.yohobuy.com/js/jslider/stylesheets/jslider.css" type="text/css">
<script type="text/javascript" src="http://static.yohobuy.com/js/jslider/jquery.dependClass.js"></script>
<script type="text/javascript" src="http://static.yohobuy.com/js/jquery-treeview/jquery.treeview.js"></script>
<script src="http://static.yohobuy.com/js/jquery.cookie.js" type="text/javascript"></script>
</head>
<body>
<div id="wrapper"> 
  <!--页头开始-->
  <div class="header">
    <div class="liquidFix">
    <div class="logo"><a href="http://buy.yoho.cn"><img src="http://static.yohobuy.com/images/logo_yohobuy.png" alt="YOHO!有货 buy.yoho.cn-全球年轻人流行商品购物平台" /></a></div>
    <div class="right">
      <dl class="login">
        <script type="text/javascript">
<!--
$(function(){

$("#myyoho").hover(function(){
$(this).addClass("myyoho_a");
$(this).removeClass("myyoho_b");
$(this).find("ul").fadeIn ()
},
function(){
$(this).addClass("myyoho_b");
$(this).removeClass("myyoho_a");
$(this).find("ul").slideUp ("fast")
});
});
//-->
</script>
        <dd><a href="#">登录</a></dd>
        <dd><a href="#">注册</a></dd>
        <dt>
          <div id="myyoho">
            <ol>
              <a href="#">个人中心</a>
            </ol>
            <ul>
              <li><a href="#">订单中心</a></li>
              <li><a href="#">评价/ 晒物</a></li>
            </ul>
          </div>
        </dt>
        <dd><a href="#" class="vip">VIP</a></dd>
        <dd><a href="#">优惠券</a></dd>
        <dd><a href="#">帮助中心</a></dd>
      </dl>
      <div class="clear"></div>
      <dl class="search">
        <dt>
          <input type="text" class="input_search"/>
        </dt>
        <dd>
          <input type="button" class="btn_search" />
        </dd>
        <dd class="keywords">热搜:<a href="#">冬季新款</a> <a href="#">打折促销</a> <a href="#">优惠商品</a></dd>
      </dl>
      <div class="tab"> <a href="#" class="tab_new" title="新品上架"></a> <a href="#" class="tab_zt" title="潮流专题"></a> <a href="#" class="tab_brand" title="所有品牌"></a> </div>
    </div>
    </div>
    <div class="nav">
    <div class="liquidFix">
      <ul>
        <li><a href="#" class="n0">首页</a></li>
        <li><a href="#" class="n1">上衣</a></li>
        <li><a href="#" class="n2">外套</a></li>
        <li><a href="#" class="n3">裤类</a></li>
        <li><a href="#" class="n4">裙袜类</a></li>
        <li><a href="#" class="n5">内衣/泳衣</a></li>
        <li><a href="#" class="n6"></a></li>
        <li><a href="#" class="n7"></a></li>
        <li><a href="#" class="n8">配饰</a></li>
        <li><a href="#" class="n9">化妆品</a></li>
        <li><a href="#" class="n10">创意生活</a></li>
      </ul>
      <a href="#" class="btn_mycart"><span>我的购物车(33)</span></a> 
      </div>
      </div>
  </div>
  <!--页头结束--> 
<div class="container">
  <div class="daohang"> <a href="#">有货首页</a> > <span>个人中心</span> </div>
  <div class="con-left">
    <div class="usercenter-nav">
      <div class="title">个人中心</div>
      <div class="main">
        <div class="userinfo">
          <dl>
            <dt><img src="http://static.yohobuy.com/images/p_48_48_1.jpg" /></dt>
            <dd><strong>慕容小妹妹</strong><br />
              <span class="level_vip_s1" title="vip等级1"></span></dd>
          </dl>
          <dl>
            <a href="#" class="btn_h"><span>修改头像</span></a> <a href="#" class="btn_h"><span>修改个人资料</span></a>
          </dl>
        </div>
        <div class="userstat">
            <div class="li-1"> <strong>¥500.00</strong><br />
              YOHO币 </div>
            <div class="li-2"> <strong>5个</strong><br />
              完成订单 </div>
            <div class="li-3"> <strong>¥50,00.00</strong><br />
              年内消费 </div>
            <div class="li-4"> <strong>¥160,00.00</strong><br />
              总消费 </div>
          </div>
          <div class="upgrade">
            <h4>升级状态:</h4>
            <div class="slider">
              <div class="slider-over" style="width:50%;"></div>
              <span>30/1500</span> </div>
            <dl>
              <dt><span class="level_vip_s1" title="vip等级1"></span></dt>
              <dd><span class="level_vip_s2" title="vip等级2"></span></dd>
            </dl>
            <dl class="end">
              <span class="level_vip_sh" title="vipIII已经升级至最高等级"></span>
            </dl>
            <div class="info">您再消费300.00元就能升级为VIP白金用户<span class="ico_tips"></span> </div>
          </div>
        <div class="box">
          <div class="box-t t_jygl">
            <h2>交易管理</h2>
          </div>
          <ul>
            <li><a href="#">订单中心</a></li>
            <li><a href="#">评价/晒物</a></li>
          </ul>
        </div>
        <div class="box">
          <div class="box-t t_fwzx">
            <h2>服务中心</h2>
          </div>
          <ul>
            <li><a href="#">购买咨询</a></li>
            <li><a href="#">我的投诉</a></li>
            <li><a href="#">售后服务</a></li>
          </ul>
        </div>
        <div class="box">
          <div class="box-t t_gryygl">
            <h2>个人应用管理</h2>
          </div>
          <ul>
            <li><a href="#">短信息</a></li>
            <li><a href="#">收藏夹</a></li>
            <li><a href="#">地址管理</a></li>
            <li><a href="#">促销推送</a></li>
          </ul>
        </div>
        <div class="box">
          <div class="box-t t_grxxgl">
            <h2>个人信息管理</h2>
          </div>
          <ul>
            <li><a href="#">个人资料</a></li>
            <li><a href="#">修改密码</a></li>
            <li><a href="#">我的等级</a></li>
            <li><a href="#">YOHO币</a></li>
            <li><a href="#">优惠券</a></li>
            <li><a href="#">兑换礼品卡</a></li>
          </ul>
        </div>
      </div>
    </div>
    <div class="clear"></div>
  </div>
  <div class="con-right"> 
    
    <!--短消息内容开始-->
    <div class="dxx">
      <div class="title">
        <h2>短消息</h2>
        <div class="more"><a href="#" class="a_more2">返回列表</a></div>
      </div>
      <div class="main">
        <div class="text">
          <div class="text-title">
            <h1>Lacoste全线3折起售,限时两天,抓紧来抢吧</h1>
            <span>有货官方 发送于2010/12/13 23:23:34</span> </div>
          <div class="text-con"> 感谢您于2010-08-18 16:45:34对商品-<a href="#">蓝色格子卫衣</a>进行评价,好的评价可以帮助其他用户了解商品,放心购买。本次评价已获得奖励0.5元,
            由于系统可能延迟,请稍后进入您的YOHO币查看。<br />
            <img src="http://static.yohobuy.com/images/p_740_1.jpg" style="margin:10px 0px"/> <br />
            感谢您于2010-08-18 16:45:34对商品-<a href="#">蓝色格子卫衣</a>进行评价,好的评价可以帮助其他用户了解商品,放心购买。 </div>
        </div>
      </div>
    </div>
    <div class="lan-yj">
      <dl>
        <dt>对"个人中心"有意见和建议? <a href="#">帮助我们改善>></a></dt>
        <dd><a href="javascript:scroll(0,0)" class="btn_top">返回顶部</a></dd>
      </dl>
    </div>
    <!--短消息内容结束-->
    <div class="clear"></div>
  </div>
</div>

  <!--页尾帮助开始-->
  <div class="helpinfo">
    <div class="liquidFix">
    <ul>
      <li class="begin">
        <dl class="li-1">
          <dt>新手上路</dt>
          <dd><a href="#">新用户注册</a></dd>
          <dd><a href="#">个人信息保护</a></dd>
          <dd><a href="#">订购流程</a></dd>
          <dd><a href="#">关于取消、变更订单</a></dd>
          <dd><a href="#">关于购物车</a></dd>
        </dl>
      </li>
      <li>
        <dl class="li-2">
          <dt>关于商品</dt>
          <dd><a href="#">找到想要的商品</a></dd>
          <dd><a href="#">试衣搭配</a></dd>
          <dd><a href="#">商品的详细信息</a></dd>
          <dd><a href="#">"预发售"的商品</a></dd>
        </dl>
      </li>
      <li>
        <dl class="li-3">
          <dt>付款方式</dt>
          <dd><a href="#">货到付款</a></dd>
          <dd><a href="#">网上银行支付</a></dd>
          <dd><a href="#">有货优惠券</a></dd>
          <dd><a href="#">YOHO币</a></dd>
          <dd><a href="#">关于货品发票</a></dd>
        </dl>
      </li>
      <li>
        <dl class="li-4">
          <dt>配送方式</dt>
          <dd><a href="#">配送方法</a></dd>
          <dd><a href="#">配送时间</a></dd>
          <dd><a href="#">配送范围</a></dd>
        </dl>
      </li>
      <li>
        <dl class="li-5">
          <dt>售后服务</dt>
          <dd><a href="#">商品的签收与拒收</a></dd>
          <dd><a href="#">商品的换货</a></dd>
          <dd><a href="#">商品的退货</a></dd>
        </dl>
      </li>
      <li class="end">
        <dl class="li-6">
          <dt>在线帮助</dt>
          <dd><a href="#">在线客服</a></dd>
          <dd><a href="#">电话:400-889-9646</a></dd>
          <dd><a href="#">关于警惕网络诈骗的
            重要公告</a></dd>
        </dl>
      </li>
    </ul>
    <div class="clear"></div>
    <div class="help-footer"></div>
    </div>
  </div>
  <!--页尾帮助结束--> 
  <!--页尾开始-->
  <div class="footer">
  <div class="liquidFix">
    <dl>
      <dt> <a href="#">返回首页</a> <a href="#">关于我们</a> <a href="#">诚聘英才</a> <a href="#">广告服务</a> <a href="#">联系我们</a> <a href="#">隐私条款</a> <a href="#">友情链接</a> <a href="#">问题反馈</a> <a href="#">网站地图</a> <a href="#">网站帮助</a> </dt>
      <dd> CopyRight © 2007-2016 NewPower Co. All Right Reserved. </dd>
    </dl>
   </div>
  </div>
  <!--页尾结束--> 
</div>
</body>
</html>