jacknudt
/
socialforge
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

主页界面修改

This commit is contained in:
nieguanghui 2013-12-04 15:49:21 +08:00
parent 28978b88b2
commit 9c192f5a92
2 changed files with 58 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
app/views/welcome/index.html.erb
View File

@ -94,30 +94,36 @@
}
}
// $(function(){
// var x = 10;
// var y = 20;
// $("span.tooltip").mouseover(function(e){
// this.myTitle = this.title;
// this.title = "";
// var tooltip = "<div id='tooltip' style='background-color: red;'>" + this.myTitle + "</div>";
// $("body").append(tooltip);
// $("#tooltip")
// .css({
// "top": (e.pageY + y) + "px",
// "left": (e.pageX + x) + "px"
// }).show("fast");
// }).mouseout(function(){
// this.title = this.myTitle;
// $("#tooltip").remove();
// }).mousemove(function(e){
// $("#tooltip")
// .css({
// "top": (e.pageY + y) + "px",
// "left": (e.pageX + x) + "px"
// });
// });
// })
$(function(){
var x = 10;
var y = 20;
$("span.tooltip").mouseover(function(e){
this.myTitle = this.title;
this.title = "";
var tooltip = "<div id='tooltip' style='background-color: red; position: absolute;'>" + this.myTitle + "</div>";
$("body").append(tooltip);
$("#tooltip")
.css({
"top": (e.pageY + y) + "px",
"left": (e.pageX + x) + "px"
}).show("fast");
}).mouseout(function(){
this.title = this.myTitle;
$("#tooltip").remove();
}).mousemove(function(e){
$("#tooltip")
.css({
"top": (e.pageY + y) + "px",
"left": (e.pageX + x) + "px"
});
});
})
// $('li').mouseover(function(){
// var id=$(this).attr('id');
// alert(id);
// });
</script>
<!-- info display block -->
@ -126,16 +132,16 @@
<div class="left" style="float: left; height: 445px; width: 50%;">
<ul class="welcome-message-list" style="width: 90%; ">
<h3 style="">论坛热帖</h3>
<h3 style="color: rgb(21, 188, 207)"><strong>论坛热帖</strong></h3>
<div class="welcome-box-list">
<% find_hot_forum_topics.each do |topic|%>
<li class="message-brief-intro" style="min-height: 25px;">
<div style="display: inline-block;">
<span style="color:gray; display: inline-block; background: url('/images/list-icon.png') no-repeat scroll ;background-position: left center;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<%= link_to topic.subject.truncate(25, omission: '...'), forum_memo_path(topic.forum_id,topic.id), :class => "gray" %></span>
<span style="margin-left: 20px; color: green !important; white-space: nowrap;">
<%= link_to topic.author, user_path(topic.author), :style => "color: green;"%>
<%= link_to topic.author, user_path(topic.author), :style => "color: rgb(72,72,72);"%>
</span>
<span style="margin-left:20px; color:blue; white-space: nowrap;"><%= time_tag_welcome topic.created_at %>前</span>
<span style="margin-left:20px; color:rgb(72,72,72); white-space: nowrap;"><%= time_tag_welcome topic.created_at %>前</span>
</div>
</li>
<% end %>
@ -145,7 +151,7 @@
<div class="right" style="float: right; margin-right: -10px; height: 445px; width: 50%; ">
<ul class="user-welcome-message-list" style="width: 80%; margin-top: 0px;">
<h3 style="margin-left: -5px;">用户动态</h3>
<h3 style="margin-left: -5px; color: rgb(21, 188, 207)"><strong>用户动态</strong></h3>
<div class="user-message-box-list">
<% find_all_activities.each do |event| %>
<li style="display: block;height:60px;">

35
public/stylesheets/welcome.css
View File

@ -91,7 +91,7 @@ ul.welcome-message-list{
}
/*鍚勭鍒楄〃鏄剧ず*/
.d-p-index-box{
border: 1px solid #e6e6e6;
/*border: 1px solid #e6e6e6;*/
background: #ffffff;
padding: 1px;
}
@ -105,19 +105,25 @@ ul.welcome-message-list{
.d-p-index-box h2{
height: 35px;
line-height: 35px;
background-color: #f2f2f2;
color: #333;
background-color: rgb(252, 252, 252);
color: green;
text-indent: 8px;
margin: 0;
padding: 0;
display: block;
font-size: 1em;
-webkit-margin-before: 0.83em;
border-top: none;
border-bottom: 1px solid rgb(21, 165, 200);
/*-webkit-margin-before: 0.83em;
-webkit-margin-after: 0.83em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-margin-end: 0px;*/
font-weight: bold;
margin-top: 0px;
/*-webkit-box-shadow:5px 2px 6px #eee;
-moz-box-shadow:5px 2px 6px #eee;
padding:4px 10px;
text-shadow:5px 2px 6px #eee;*/
}
.d-p-index-hotproject{
width: 48%;
@ -150,15 +156,16 @@ li {
height:auto;
margin: 0px;
padding: 0px;
background-color: rgb(252, 252, 252);
}
.d-p-index-newsource li,.d-p-index-hotproject ul.d-p-projectlist li{
color: #999999;
color: rgb(72,72,72);
background: center -1px no-repeat;
line-height: 20px;
padding: 5px 5px 0px 9px;
width: 440px;
/*cursor: pointer;*/
font: 12px/1.5 tahoma,arial,\5b8b\4f53;
/*font: 12px/1.5 tahoma,arial,\5b8b\4f53;*/
float: left;
/* display:block;*/
margin-left: 0px;
@ -167,7 +174,7 @@ li {
}
.d-g-blue{
color: green !important;
color: rgb(62, 98, 166) !important;
font-weight: 700;
}
@ -196,8 +203,12 @@ p.layout {
height: 40px;
margin-top: 5px;
}
.message-brief-intro .gray{
color: gray;
.message-brief-intro a.gray{
color: #07a;
}
.message-brief-intro a.gray:visited{
color: blue;
}
.avatar-4 {
@ -210,7 +221,9 @@ p.layout {
/*p.clr, .clr { clear:both; padding:0; margin:0; background:none;}*/
.inner-right a, a:link, a:visited {
color: rgb(62, 98, 166);
}