【コピペで簡単！】はてなブログのタイトルを改行して２行にする方法 - mimosasky -カナダ ウォータールーの空の下-
こんにちは。こちらに来てくれる皆さんのブログを見ては、我々も見やすい記事が書きたい、もっと素敵なサイトにしたいと最近鼻息の荒いmochao&muchacoです。 お気づきの方もいらっしゃるかもしれませんが（?）、数日前にブログタイトルを変更しました。 mimosasky.hatenablog.com 元々は、mimosaskyだけだったのですが、購読しているブログ一覧を見ていてふと、ブログタイトルがブログの内容を反映していると分かりやすいな！と気づいたのがきっかけでした。そこで、サブタイトル的に「-カナダ ウォータールーの空の下-」と入れてみたのです。 さて、ブログタイトルが長くなって一つ困ったことが起こりました。タイトルが長すぎて勝手に改行されてしまい、ちょっとカッコ悪い。あと、あくまでもサブタイトルなのにちょっと主張しすぎな感じが出てしまいますね。 ということで、今回我々のやりたいこと
記事一覧をカード風に表示するカスタマイズを作りました（はてなブログ） - 小さな星がほらひとつ
こんにちは。 当ブログでは「記事一覧ページをトップページとして表示する」カスタマイズを導入しています。 blog.wackwack.net 今回はこの味気ない一覧をもう少し何とかできないか！？と思い、 記事一覧のレイアウトを（スマホの時は）カード風に表示するカスタマイズ を作ってみました。と言ってもスクリプトは無し、CSSの設定のみです。 こんな感じになります PCページの場合 記事を2列にレイアウトします。 マウスをかざした記事のバーの色が変わります。（この例では青→ピンク） スマホページの場合 記事をカード風にレイアウトします。 アイキャッチとタイトルだけの見出しです。 設定方法 トップページを記事一覧に設定する デザインCSSを設定する カスタマイズ PC表示時のバーの色と背景色を変える 通常時の色 マウスオーバー時の色 マウスオーバー時のアニメーションを消す スマホ表示時のタイトル
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
