ドグサレ初心者のへっぽこビッグウェーブ

地球の底辺にいるゴミがプログラミングとか音楽とかを語るクソブログ

ファビコンをいじっちゃうおじさん

画像の指定領域表示と、ファビコンの設定。

表示領域を指定して画像を表示する

参照する画像のサイズを%で大きくしたり小さくしたりしてたけど、いかんせんモノによって画像が横長だったり縦長だったりするので、最大ピクセルを設定。んで、それ超えた場合は、スクロールしてね、という形にしてみた。
[ anime_titles/show.html.erb ]

  <div class="animetitleimage">
    <img src="<%= @anime_title.icon_url %>">
  </div>

[ anime_titles.scss ]

.animetitleimage {
  max-width: 350px;
  max-height: 350px;
  overflow: scroll;
//  TODO スクロールの初期位置設定したい
}

ファビコンしてみる

ファビコン設定しないとなんか味気ないし他のサイトのキャッシュのヤツでちゃったりしてアレなのでとりま適当に入れる。
フォーマットはicoが一番よいのだけれど、めんどくさいので一旦設定できるかどうかだけ試す。

[ application.html.erb ]

<head>

  <link rel="icon" href="/assets/back.jpg" type="image/vnd.microsoft.ico">
  <!-- TODO ファビコンを.icoでつくる -->

</head>

できない。とりあえずtype合ってないし、jpgだしいろいろおかしいからまずはicoでやろう。

いろいろ調べたらweb上で.ico作ってくれるトコ合ったから使う。ao-system.net

修正しました。

  <link rel="shortcut icon" href="/assets/back.ico" type="image/vnd.microsoft.ico">

できない!



rails.hatenadiary.jp

すっかり忘れていました。私が今やっているのはrails
神は言っている、railsの恩恵を最大限受けるべきだと

  <%= favicon_link_tag 'assets/favicon.ico' %>

できました。わーい。