添加未读样式

app/views/users/user_messages.html.erb

@@ -1,10 +1,9 @@
-<div id="RSide" class="fl">
 <div class="homepageRight">
-
-<div class="resourcesBanner">
-  <div class="bannerName">消息</div>
+  <div class="resources">
+    <div class="homepageRightBanner">
+      <div class="NewsBannerName">消息</div>
       <ul class="resourcesSelect">
-    <li class="resourcesSelected2"><a href="javascript:void(0);" class="resourcesIcon2"></a>
+        <li class="resourcesSelected"><a href="javascript:void(0);" class="resourcesIcon"></a>
           <ul class="newsType">
             <li><a href="javascript:void(0);" class="resourcesGrey"><%= link_to "全部",{:controller=> 'users', :action => 'user_messages', id: User.current.id, host: Setting.host_user} %></a></li>
             <%# 课程相关消息 %>
@@ -30,7 +29,9 @@
         </li>
       </ul>
     </div>
-
+    <div class="newsReadSetting">
+      有&nbsp;<span class="c_red">8</span>&nbsp;封未读<a href="javascript:void(0);" class="ml15">全部设为已读</a>
+    </div>
     <div>
     <% if @new_message_count >0 %>
         <%# 课程消息 %>
@@ -123,7 +124,7 @@
                       <li class="homepageNewsTime fl"><%= time_tag(ucm.course_message.created_on).html_safe %> </li>
                     </ul>
                 <% end %>
-            <div class="cl"></div>
+
             <% end %>
         <% end %>
         <!--项目消息-->
@@ -248,7 +249,19 @@
     <% else %>
         <div class="flash notice">暂无消息！</div>
     <% end %>
+    <div class="cl"></div>
     </div>
   </div>
-
 </div>
+
+
+
+
+
+
+
+
+
+
+
+

public/stylesheets/new_public.css

@@ -680,3 +680,17 @@ a.box_close{background:url(../images/img_floatbox.png) -22px 0 no-repeat;}
 .showpicBox{width:133px; height:250px; background:#f2f2f5; float:left; margin-left:20px; text-align:center; padding-top:15px; color:#666;}
 .mr15{ margin-right:15px;}
 .uppic_btn{border:none; width:150px; background:none; margin-bottom:5px; color:#666; margin-top:105px;}
+
+/*消息*/
+.newsReadSetting{
+    width: 700px;
+    background-color: #F6F6F6;
+    border-bottom: 1px solid #EEE;
+    margin: 10px auto;
+    height: 39px;
+    line-height: 39px;
+    vertical-align: middle;
+    font-size: 14px;
+    color: #7A7A7A;
+    padding-left: 10px;
+}