Skip to content

Y
Ygopro Arena Web
Commit 4f520896 authored by 神楽坂玲奈's avatar 神楽坂玲奈
Browse files
Options

theme 

git-svn-id: http://glupx.googlecode.com/svn/trunk/Reliz@61 189f022a-1064-8ae2-3e6f-c4a67275c50b
parent 67cf559f
Hide whitespace changes
Inline Side-by-side
Showing with 176 additions and 234 deletions
app/themes/lotus/boards/index.html.erb
View file @ 4f520896
<div style="height:30px;"> <div style="height:30px;"></div>
</div> <div id="body" >
<div id="body" class=" box ui-widget-content ui-corner-all ui-helper-clearfix">
<div class=" box ui-widget-content ui-corner-all ui-helper-clearfix"> <div class=" box ui-widget-content ui-corner-all ui-helper-clearfix">
<div id="fuzhu"> <div id="fuzhu"></div>
</div> <div class="ui-dialog-titlebar ui-widget-header ui-corner-all">
<div class="ui-dialog-titlebar ui-widget-header ui-corner-all"> <table width="100%" height="27px"border="0" cellspacing="0" cellpadding="0" >
<table width="100%" height="27px" border="0" cellspacing="0" cellpadding="0"> <tr>
<tr> <td width="590px"style="padding-left:5px">幻想乡综合讨论区</td>
<td width="590px" style="padding-left:5px"> <td width="590px" style="padding-right:5px" align="right">-</td>
幻想鄉綜合討論區 </tr>
</td> </table>
<td width="590px" style="padding-right:5px" align="right"> </div>
- <% @boards.each do |board| %>
</td> <div id=b2_2>
</tr> <table width="100%" height="93px" border="0" cellspacing="0" cellpadding="0">
</table> <tr>
</div> <td width="171px">
<% @boards.each do |board| %> <div id=b2_2_d1>
<div id=b2_2> <div id=b2_2_d1_avatar><%= board.logo %></div>
<table width="100%" height="93px" border="0" cellspacing="0" cellpadding="0"> </div>
<tr> </td>
<td width="171px"> <td width:"686px">
<div id=b2_2_d2>
<%= board.logo %> <div id=b2_2_d2_inf1><div style="float:left;"><%= board %></div><div style="float:right;"><img src="css/new.png" /></div></div>
<div id=b2_2_d2_inf2><%= board.introduction %></div>
<div id=b2_2_d2_inf3><div style="float:left; margin-top:5px;"> <%=t 'board.topic' %>: <%= board.topics.count %> <%=t 'board.post' %>：<%= board.posts.count %></div> <div style="margin-left:10px; float:left; margin-top:2px;"><img src="css/post.png" /></div></div>
</td> </div>
<td width: "686px"> </td>
<div id=b2_2_d2> <td width="283px">
<div id=b2_2_d2_inf1> <div width="283px"style=" margin-bottom:10px; height:90px;border-left-style:solid; border-color:#CCCCCC; border-width:1px;" >
<%= board %> <div id=b2_2_d3_1></div>
</div> <div id=b2_2_d3_2></div>
<div id=b2_2_d2_inf2> </div>
<%= board.introduction %> </td>
</div> </tr>
<div id=b2_2_d2_inf3> </table>
<%=t 'board.topic' %>: <%= board.topics.count %> <%=t 'board.post' %>：<%= board.posts.count %> </div>
</div> <% end %>
</div>
</td>
<td width="283px"> </div>
<div id=b2_2_d3_1> <div class="box ui-widget-content ui-corner-all ui-helper-clearfix">
</div> <div id="fuzhu"></div>
<div id=b2_2_d3_2> <div class="ui-dialog-titlebar ui-widget-header ui-corner-all" >
</div> <table width="100%" height="27px"border="0" cellspacing="0" cellpadding="0" >
</td> <tr>
</tr> <td width="590px"style="padding-left:5px">友情链接</td>
</table> <td width="590px" style="padding-right:5px" align="right">-</td>
</div> </tr>
<% end %> </table></div>
</div> <div id=footer2>
<div class="box ui-widget-content ui-corner-all ui-helper-clearfix"> <div id=ft_1>
<div id="fuzhu"> <table id="ft_1_t" width="100%" border="0" cellspacing="0" cellpadding="0">
</div> <tr>
<div class="ui-dialog-titlebar ui-widget-header ui-corner-all"> <td width="590px">
<table width="100%" height="27px" border="0" cellspacing="0" cellpadding="0"> <div id="ft_1_t_d1">
<tr> <div id="ft_1_t_d2"> </div>
<td width="590px" style="padding-left:5px"> </div>
友情鏈接 </td>
</td>
<td width="590px" style="padding-right:5px" align="right"> <td width="590px"></td>
- </tr>
</td> </table>
</tr> </div>
</table> <div id=ft_2>
</div>
<div id=footer2> </div>
<div id=ft_1> <div id=ft_3></div>
<table id="ft_1_t" width="100%" border="0" cellspacing="0" cellpadding="0"> </div>
<tr> <div></div>
<td width="590px"> </div>
<div id="ft_1_t_d1"> <div class="ui-dialog-titlebar ui-widget-header ui-corner-all">
<div id="ft_1_t_d2"> <table width="100%" height="27px"border="0" cellspacing="0" cellpadding="0" >
</div> <tr>
</div> <%= render 'layouts/onlineuserbar' %>
</td> </tr>
<td width="590px"> </table></div>
</td> </div>
</tr> \ No newline at end of file
</table>
</div>
<div id=ft_2>
</div>
<div id=ft_3>
</div>
</div>
<div>
</div>
</div>
<div class="ui-dialog-titlebar ui-widget-header ui-corner-all">
<table width="100%" height="27px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="590px" style="padding-left:5px">
在線會員 - 總計5235人在線 - 最高紀錄 12434 2012-2-12
</td>
<td width="590px" style="padding-right:5px" align="right">
-
</td>
</tr>
</table>
</div>
</div>
\ No newline at end of file
app/themes/lotus/layouts/_header.html.erb
View file @ 4f520896
<meta http-equiv="Content-Type" content="text/html"; charset="utf-8" /> <meta http-equiv="Content-Type" content="text/html"; charset="utf-8" />
<link type="text/css" href="/css/ui-lightness/jquery-ui-1.7.1.custom.css" rel="stylesheet" /> <link type="text/css" href="css/ui-lightness/jquery-ui-1.7.1.custom.css" rel="stylesheet" />
<link type="text/css" href="/css/style.css" rel="stylesheet" /> <link type="text/css" href="css/style.css" rel="stylesheet" />
<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.11.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.11.custom.min.js"></script>
<link type="text/css" href="/css/ui-lightness/jquery-ui-1.8.11.custom.css" rel="stylesheet" />
<script type="text/javascript" src="/js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="/js/jquery-ui-1.8.11.custom.min.js"></script>
<style type="text/css"> <style type="text/css">
.toggler { width: 500px; height: 200px; position: relative; } .toggler { width: 400px; height:113px; position: relative; float:left;}
#button { padding: .5em 1em; text-decoration: none; } #button { padding: .5em 1em; text-decoration: none; }
#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; } #effect { width: 400px; height: 113px; position: relative;}
#effect h3 { margin: 0; padding: 0.4em; text-align: center; } #effect h3 { margin: 0; padding: 0.4em; text-align: center; }
.ui-effects-transfer { border: 2px dotted gray; } .ui-effects-transfer { border: 2px dotted gray; }
*
{
margin:0;
padding:0;
}
body body
{ {
font-size:10pt; font-size:10pt;
background-color:#FFFFFF; background-color:#999999
} }
#header #header
{ {
width:1273px; width:1230px;
height:280px; height:280px;
border-width:1px;
border-style:dashed;
margin:0 auto; margin:0 auto;
} }
#h2{ #h2{
margin-top:5px;
margin-left:auto; margin-left:auto;
margin-right:auto; margin-right:auto;
width:1200px; width:1200px;
height:14px; height:14px;
border-width:1px; border-width:1px;
border-style:solid; border-style:solid;
border-color:#CCCCCC;
} }
#h3{ #h3{
margin-top:5px;
margin-left:auto; margin-left:auto;
margin-right:auto; margin-right:auto;
width:1200px; width:1200px;
height:110px; height:113px;
border-width:1px;
border-style:dashed;
overflow:hidden; overflow:hidden;
background-color:#000000;
border-left-style:solid;border-left-width:1px;border-left-color:#CCCCCC;
border-right-style:solid;border-right-width:1px;border-right-color:#CCCCCC;
} }
#h4{ #h4{
margin-top:5px; margin-top:5px;
...@@ -64,7 +67,7 @@ ...@@ -64,7 +67,7 @@
height:55px; height:55px;
border-width:1px; border-width:1px;
border-style:solid; border-style:solid;
border-color:#CCCCCC;
} }
#h6{ #h6{
margin-top:5px; margin-top:5px;
...@@ -74,6 +77,7 @@ ...@@ -74,6 +77,7 @@
height:33px; height:33px;
border-width:1px; border-width:1px;
border-style:solid; border-style:solid;
border-color:#F6B03C;
} }
#zx{ #zx{
margin-top:30px; margin-top:30px;
...@@ -94,18 +98,7 @@ ...@@ -94,18 +98,7 @@
margin-left:auto; margin-left:auto;
margin-right:auto; margin-right:auto;
width:1200px; width:1200px;
height:727px; height:532px;
}
#b1
{
margin-top:10px;
margin-left:auto;
margin-right:auto;
width:1180px;
height:195px;
border-width:1px;
border-style:solid;
} }
#b2 #b2
{ {
...@@ -178,6 +171,7 @@ ...@@ -178,6 +171,7 @@
height:50px; height:50px;
border-width:1px; border-width:1px;
border-style:dashed; border-style:dashed;
border-color:#CCCCCC;
left: 112px; left: 112px;
top: 180px; top: 180px;
} }
...@@ -194,27 +188,29 @@ ...@@ -194,27 +188,29 @@
{ {
margin-left:auto; margin-left:auto;
margin-right:auto; margin-right:auto;
width:1180px; width:1165px;
height:93px; height:93px;
border-width:1px; border-width:1px;
border-style:solid; border-bottom-style:solid;
border-color:#CCCCCC;
} }
#b2_3 #b2_3
{ {
margin-top:3px; margin-top:3px;
margin-left:auto; margin-left:auto;
margin-right:auto; margin-right:auto;
width:1180px; width:1165px;
height:93px; height:93px;
border-width:1px; border-width:1px;
border-style:solid; border-bottom-style:solid;
border-color:#CCCCCC;
} }
#b2_2_d1 #b2_2_d1
{ {
width:200px; width:200px;
height:93px; height:93px;
border-width:1px; border-width:1px;
border-style:dashed; border-style:hidden;
} }
#b2_2_d1_avatar #b2_2_d1_avatar
{ {
...@@ -222,13 +218,14 @@ ...@@ -222,13 +218,14 @@
height:68px; height:68px;
border-width:1px; border-width:1px;
border-style:solid; border-style:solid;
border-color:#CCCCCC;
margin-top:15px; margin-top:15px;
margin-left:19px; margin-left:19px;
margin-bottom:9px; margin-bottom:9px;
} }
#b2_2_d2 #b2_2_d2
{ {
padding-top:5px; padding-bottom:10px;
width:680px; width:680px;
height:82px; height:82px;
} }
...@@ -237,15 +234,17 @@ ...@@ -237,15 +234,17 @@
margin-top:0px; margin-top:0px;
width:100%; width:100%;
height:22px; height:22px;
border-bottom-style:solid; border-color:#CCCCCC;
border-bottom-style:dashed;
border-bottom-width:1px; border-bottom-width:1px;
} }
#b2_2_d2_inf2 #b2_2_d2_inf2
{ {
margin-top:0px; margin-top:0px;
width:100%; width:100%;
height:26px; height:40px;
border-bottom-style:solid; border-color:#CCCCCC;
border-bottom-style:dashed;
border-bottom-width:1px; border-bottom-width:1px;
} }
#b2_2_d2_inf3 #b2_2_d2_inf3
...@@ -258,15 +257,11 @@ ...@@ -258,15 +257,11 @@
{ {
width:100%; width:100%;
height:30px; height:30px;
border-width:1px;
border-style:dashed;
} }
#b2_2_d3_2 #b2_2_d3_2
{ {
width:100%; width:100%;
height:30px; height:30px;
border-width:1px;
border-style:dashed;
} }
#footer1 #footer1
{ {
...@@ -279,44 +274,38 @@ ...@@ -279,44 +274,38 @@
{ {
width:100%; width:100%;
height:170px; height:170px;
border-width:1px;
border-style:dashed;
} }
#ft_1 #ft_1
{ {
width:100%; width:100%;
height:52px; height:52px;
border-width:1px;
border-style:solid;
} }
#ft_2 #ft_2
{ {
width:100%; width:100%;
height:80px; height:80px;
border-width:1px; border-width:1px;
border-style:solid; border-top-style:solid;
border-color:#CCCCCC;
} }
#ft_3 #ft_3
{ {
width:100%; width:100%;
height:30px; height:30px;
border-width:1px; border-width:1px;
border-style:solid; border-top-style:solid;
border-color:#CCCCCC;
} }
#ft_1_t #ft_1_t
{ {
width:100%; width:100%;
height:52px; height:52px;
border-width:1px;
border-style:dashed;
} }
#ft_1_t_d1 #ft_1_t_d1
{ {
width:500px; width:500px;
height:38px; height:38px;
border-width:1px;
border-style:dashed;
} }
#ft_1_t_d2 #ft_1_t_d2
{ {
...@@ -325,6 +314,7 @@ ...@@ -325,6 +314,7 @@
height:30px; height:30px;
border-width:1px; border-width:1px;
border-style:solid; border-style:solid;
border-color:#CCCCCC;
} }
#f_t #f_t
{ {
...@@ -364,16 +354,17 @@ ...@@ -364,16 +354,17 @@
}; };
// callback function to bring a hidden box back // callback function to bring a hidden box back
function callback() { function callback() {
setTimeout(function() { setTimeout(function() {
$( "#effect" ).removeAttr( "style" ).hide().fadeIn(); $( "#effect" ).removeAttr( "style" ).hide().fadeIn();
}, 1000 ); }, 10000 );
}; };
// set effect from select menu value // set effect from select menu value
$( "#effect" ).mouseover(function() { $( "#effect" ).mouseover(function() {
runEffect(); runEffect();
return false; return true;
}); });
}); });
</script> </script>
\ No newline at end of file
app/themes/lotus/layouts/_top.html.erb
View file @ 4f520896
<div id="header"> <div id="header">
<div id="h2" class="ui-dialog-titlebar ui-widget-header ui-corner-all"> <div id="h2" class="ui-dialog-titlebar ui-widget-header ui-corner-all">
<style type="text/css"> <style type="text/css">
#userbar{margin-left: 900px;} #userbar{margin-left: 900px;}
</style> </style>
<%= render 'layouts/userbar' %> <%= render 'layouts/userbar' %>
</div> </div>
<div id="h3"> <div id="h3" style="background-image:url(css/banner.jpg);background-repeat:no-repeat; background-position:right;">
<div class="toggler"> <div id="logo" style=" color:#FFFFFF; width:800px; height:113px; float:left;">
<div id="effect"> LOGO
<img src="/css/xiaoting.png" /> </div>
</div> <div class="toggler" >
</div> <div id="effect"><img src="css/banner2.jpg" /></div>
</div> </div>
<div class=" box ui-widget-content ui-corner-all ui-helper-clearfix"> </div>
<div id="h4" class="ui-dialog-titlebar ui-widget-header ui-corner-all"> <div class=" box ui-widget-content ui-corner-all ui-helper-clearfix" >
<table border="0" cellspacing="0" cellpadding="0" id="tb1"> <div id="h4" class="ui-dialog-titlebar ui-widget-header ui-corner-all"><table border="0" cellspacing="0" cellpadding="0" id="tb1">
<tr> <tr>
<%= render "layouts/navibar" %> <%= render "layouts/navibar" %>
<div align="right"> <div style="float: right;"><%= render "layouts/searchbar" %></div>
<label> </tr>
<input name="textfield" type="text" value="請輸入搜索內容 " /> </table></div>
</label> <div id="h5" >
<input type="submit" name="Submit" value="搜索" /> <table border="0" cellspacing="0" cellpadding="0" id="tb2">
<input type="submit" name="Submit2" value="高級搜索" /> <tr>
</p>
</tr> <td rowspan="2" width="80">
</table> <div id="dtx"><%= @correct_user.avatar :small %></div>
</div> </td>
<div id="h5"> <td width="700" height="28"style="padding-left:5px">欢迎回来 <%= @correct_user %></td>
<table border="0" cellspacing="0" cellpadding="0" id="tb2"> <td width="400" align="right" style="padding-right:10px" >欢迎新会员 <%= User.last %></td>
<% if logged? %> </tr>
<tr> <tr>
<td rowspan="2" width="80"> <td width="700" style="padding-left:5px">公告：</td>
<div id="dtx"> <td width ="400"align="right" style="padding-right:10px">天气</td>
<%= @correct_user.avatar :small %> </tr>
</div> </table>
</td> </div>
<td width="700" height="28" style="padding-left:5px"> <div id="h6">
歡迎回來 <%= @correct_user %> <table width="100%" border="0" cellspacing="0" cellpadding="0" id="tb3">
</td> <tr>
<td width="400" align="right" style="padding-right:10px"> <td width="600"style="padding-left:15px"><%= render 'layouts/actionbar' %></td>
歡迎新會員 <%= User.last %> <td width="600"align="right" style="padding-right:20px">
</td> <select name="effects" id="effectTypes" style="visibility:hidden"><option value="fade">Drop</option></select>
</tr> <div style="float: right;"><%= render 'layouts/themebar' %></div>
<% end %> </td>
<tr> </tr>
<td width="700" style="padding-left:5px"> </table>
公告： </div>
</td> </div>
<td width="400" align="right" style="padding-right:10px"> </div
天氣 \ No newline at end of file
</td>
</tr>
</table>
</div>
<div id="h6">
<table width="100%" border="0" cellspacing="0" cellpadding="0" id="tb3">
<tr>
<td width="600" style="padding-left:15px">
<%= render 'layouts/actionbar' %>
</td>
<td width="600" align="right" style="padding-right:20px">
<select name="effects" id="effectTypes" style="visibility:hidden">
<option value="fade">
Drop
</option>
</select>
<% render 'layouts/themebar' %>
</td>
</tr>
</table>
</div>
</div>
</div>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment