Top > Ruby on Railsあれこれ > レイアウト
  0
  1
  2
  3
.layout .header { background-color: orange; }
.layout .menu { background-color: aqua; height: 300px; vertical-align: top;}
.layout .content { background-color: white;  text-align: center; }
.layout .footer { background-color: black; color: white; }

  0
  1
  2
<h1>Tutorial: Tiles    </h1>
 
header

  0
  1
  2
  3
<ul>
<li><%= link_to "足し算", {:controller => 'add', :action => 'index'} %></li>
<li><%= link_to "繰り返し", {:controller => 'foreach', :action => 'index'} %></li>
</ul>

  0
footer

  0
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
<html>
<head>
<title>Layout</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <%= stylesheet_link_tag 'ror' %>
</head>
<body>
<table class="layout" width="100%">
  <tr><td class="header" colspan="2"><%= render :partial => "header" %></td></tr>
  <tr>
    <td class="menu" width="20%"><%= render :partial => "menu" %></td>
    <td class="content" ><%= @content_for_layout %></td>
  </tr>
  <tr><td class="footer" colspan="2"><%= render :partial=> "footer" %></td></tr>
</table>
</body>
</html>

  0
<%=h @name %>
  0
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
class TilesController < ApplicationController
  
  #使用するテンプレートを指定します。
  layout "tiles/template"
  
  #初期画面表示
  def index
    @name = "Ruby on Rails"
    render :action => 'content.html.erb'
  end
  
end

添付ファイル: filetutorial_lay_1.jpg 250件 [詳細]

リロード   新規 編集 凍結解除 差分 添付 複製 名前変更   ホーム 一覧 単語検索 最終更新 バックアップ リンク元   ヘルプ   最終更新のRSS
Last-modified: 2012-08-08 (水) 23:25:41 (2925d)