修改分页的样式

app/views/forums/index.html.erb

@@ -1,4 +1,5 @@
 <%= javascript_include_tag 'new_user' %>
+<%= stylesheet_link_tag 'public'%>
 <script>
   function add_class(id){
       if($("#"+id).hasClass("sortArrowActiveD")){
@@ -123,10 +124,9 @@
       <div id="forum_list">
       <%= render :partial => 'forum_list',:locals => {:forums=>@forums}%>
       </div>
-
+      <ul class="wlist fr" id="pages" style="margin-top: 10px;">
-      <div class="pagination fr" id="pages" style="margin-top: 10px;">
         <%= pagination_links_full @forums_pages, @forums_count ,:per_page_links => false,:remote =>true,:flag=>true%>
-      </div>
+      </ul>
     <div class="cl"></div>
     </div>
     </div>

app/views/forums/show.html.erb

@@ -113,7 +113,9 @@
   <div id="topics_list">
     <%= render :partial => 'show_topics',:locals => {:memos=>@memos}%>
   </div>
-  <div class="pagination" id="pages" style="float: right"><%= pagination_links_full @topic_pages, @topic_count ,:per_page_links => false, :remote => true, :flag => true %></div>
+  <ul class="wlist" id="pages" style="float: right;margin-top: 10px;">
+    <%= pagination_links_full @topic_pages, @topic_count ,:per_page_links => false, :remote => true, :flag => true %>
+  </ul>
 
   <!--<div class="pageRoll">-->
     <!--<div class="pageCell"><a href="javascript:void(0);" class="linkBlue">上一页</a></div>-->

app/views/memos/show.html.erb

@@ -109,7 +109,7 @@
       <!--<div class="cl"></div>-->
     <!--</div>-->
   </div>
-  <div class="pagination">
+  <ul class="wlist" style="margin-top: 10px;">
-    <%= pagination_links_full @reply_pages, @reply_count, :per_page_links => false %>
+    <%= pagination_links_full @reply_pages, @reply_count, :per_page_links => false,:flag=>true %>
-  </div>
+  </ul>
 </div>

public/stylesheets/new_user.css

@@ -169,6 +169,13 @@ a.c_green{ color:#28be6c;}
 .b_green{background:#28be6c;}
 .b_w{ background:#fff;}
 
+/****翻页***/
+.wlist{float:right;}
+.wlist li{float:left;}
+.wlist a{ float:left; border:1px solid #64bdd9; padding:0 5px; margin-left:3px; color:#64bdd9;}
+.wlist a:hover{border:1px solid #64bdd9; background-color:#64bdd9; color:#fff; text-decoration:none;}
+.wlist_select a { background-color:#48aac9; color:#fff;}
+
 /*add by Tim*/
 a.linkBlue {color:#269ac9;}
 a.linkBlue:hover {color:#297fb8;}