自作のテーマを作るきっかけの1つに、大きな画像のヘッダーを利用したいというのがありました。 はてなブログのデフォルトの推奨画像サイズは1000px × 200pxとなっています。 「管理画面」→「 デザイン」→「 カスタマイズ」 →「ヘッダ」で、ヘッダー画像を…
コメント欄を吹き出し風のデザインに HTMLもCSSも全くの初心者のmonoです。皆さんこんにちわ♪ 今日は、はてなブログのコメント欄をCSSを使ってよくある吹き出し風のデザインへ変更してみました。 枠を重ねて吹き出し風にする ↑目指す出来上がりはこんな感じ…
ブログのグローバルナビゲーションを作ったのでその過程を備忘録として残しておこうと思います。 グローバルナビゲーションを作るにあたって、どんな風にしようかと考えたのですが、カテゴリをたくさんグローバルナビゲーションに置いても大丈夫なようにする…
はてなブログのテーマでレスポンシブ対応のテーマを選んでいるのに、スマホで見るとパソコン画面をただ単に小さくしただけの表示がされてしまうという方をお見掛けしたので対処法を書いておきます。 はてなブログのテーマでレスポンシブ対応を選んでいるのに…
自作のテーマ 自作テーマの形ができてきたので、WEBデザイナーさんみたいなことがやりたくて、モックアップというのを作ってみました。 テーマが完成したらパソコン・タブレット・スマホのはめ込み画像を作ってみよう Placeitでモックアップを作ってみたよ P…
はてなブログでは、独自のWebアイコンフォントが用意されています。 Webアイコンフォントで有名なのが Font Awesome ですが、アイコンの種類はとても豊富にありますが、サイトが若干重くなってしまいます。はてなブログのWebアイコンフォントは120種類以上あ…
はてなブログのテーマを自作テーマにしようと現在奮闘しております。 皆さんこんにちわ、モノトーン好きのmonoです。 さて、タイトルの通り、今日もはてなブログのテーマをちまちまと作っておりますが、今回はページの次へ、前への表示のページャーです。 デ…
はてなブログのテーマを製作しているのですが、最初から躓いております。 みなさんこんにちわ、モノトーン好きのmonoです。 レスポンシブデザインのテーマを作成したくてCSSの本を購入したのですが、中古のCSSの本を購入したので情報が古くて使えませんでし…