質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Ruby on Rails 5

Ruby on Rails 5は、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

Haml

Haml(HTML abstraction markup language)は、HTML/XHTMLを効率的に記述するためのマークアップ言語および記法です。

Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

1回答

686閲覧

カーソルが当たったら文字が出るようにしたい

yume0409

総合スコア45

Ruby on Rails 5

Ruby on Rails 5は、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

Haml

Haml(HTML abstraction markup language)は、HTML/XHTMLを効率的に記述するためのマークアップ言語および記法です。

Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

1グッド

1クリップ

投稿2020/02/02 09:04

編集2020/02/03 05:10

twitterのような簡易アプリを作成しています。
やりたい内容は、font awesomeで作成した記号があるので、
カーソルが当たって箱の中に文字が書かれているようにしたいです。
その文字はlink_toなどでリンクを飛ばしたいです。
現状、どう言う風に実装していいか分かりません。
調べてみましたが、私がやりたいような内容載ってないんです。
カーソルが当たったら文字が小さくなったり色が変わるやり方は
class名に:hoverをつけたらいいと思いますが、同じようなやり方でしょうか?
ご回答よろしくお願いします。

#補足
不足しており、申し訳ありません。
現在実装しているアプリは載せれないので違うアプリですが、こう言うのがやりたいです。
https://gyazo.com/72b68c78c36b2d2d2cdb8d667b0ccae0

tweets/index.html.haml

.chat - @tweets.each do |tweet| .tweets .name = tweet.user.name .messa = tweet.text %i.fas.fa .time = tweet.created_at.strftime("%Y/%m/%d %H:%M") .tweets2 = link_to new_tweet_path do %i.fas.fa
DrqYuto👍を押しています

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

thyda.eiqau

2020/02/02 12:00

私の読解力の問題かと思いますが、あなたが目指している機能がどういったものなのか全く想像できないので、もう少し詳細を補足いただけますでしょうか。必要なら画像を添付することもできます。 あと、その機能を実装しようとしている現状のコードをご提示ください。
thyda.eiqau

2020/02/03 05:39

画像にマウスオーバーしたときに、オーバーレイでメニューを出したいという意味ですか?
yume0409

2020/02/03 05:50

そうです。 書き方が悪くて申し訳ありません。
thyda.eiqau

2020/02/03 06:47

「オーバーレイ メニュー CSS」(適宜JavaScript, jQueryなどご自身の使いたい言語)でググるだけでサンプルコードが山ほど出てきますが、何か試しましたか? 実装する手段はいくらでもあるので、漠然とやり方を聞かれても、10人回答者がいたら最大10通りの手段が返ってきて、決めるのも大変でお互いにしんどいだけです。 どれか目指す道を決めていただいて、やってみたけどこんなエラーが出る、この意味がわからない、など具体的に詰めていくのが良いと思います。
guest

回答1

0

自己解決

少し難しかったので内容変えました。

投稿2020/02/13 09:07

yume0409

総合スコア45

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問