ウェブデザイナーのためのRuby on Rails(ERbの使い方)　submitにイメージ画像を使う

takehito — Mon, 21 Apr 2008 03:16:24 +0000

前回のウェブデザイナーのためのRuby on Railsが好評だったため更に追加！
submitボタンを画像にする方法です。

<%= image_submit_tag("/images/login.gif")%>

ウェブデザイナーのためのRuby on Rails(ERbの使い方)これだけは覚えよう！

takehito — Tue, 08 Apr 2008 02:38:43 +0000

今回はじめてRuby on Railsを使った案件を行いました。
そこで最低限覚えておく3つのヘルパーを紹介します。

※RailsではERbが使われているので、<% %>がコードとして解釈されます。
※Railsのヘルパーについては後ほど。

1.リンクのつけ方
2.画像の貼り方
3.画像にリンクを貼る方法

1.リンクのつけ方

<%= link_to "表示させる文字", :controller => "リンク先のフォルダ名", :action => "ファイル名"  %>

↓こんな感じ。

<%= link_to "お問い合わせ", :controller => "contact", :action => "index"  %>

2.画像の貼り方

<%= image_tag ("ファイル名", :alt => "alt文字") %>

↓こんな感じ

<%= image_tag ("/images/title.gif", :alt => "お問い合わせ") %>

3.画像にリンクを貼る方法

<%= link_to(image_tag("画像ファイル名", :alt =>"alt文字"),
            { :controller => "リンク先のフォルダ名",
              :action => "リンク先にファイル名" }) %>

↓こんな感じ

<%= link_to(image_tag("/images/btn_contact", :alt =>"お問い合わせ"),
            { :controller => "contact",
              :action => "index" }) %>

最低限この３つは覚えましょう。

niwadesign » Ruby on Rails

ウェブデザイナーのためのRuby on Rails(ERbの使い方) submitにイメージ画像を使う

ウェブデザイナーのためのRuby on Rails(ERbの使い方)これだけは覚えよう！

1.リンクのつけ方

2.画像の貼り方

3.画像にリンクを貼る方法

ウェブデザイナーのためのRuby on Rails(ERbの使い方)　submitにイメージ画像を使う