吹き出しで会話形式にするのをめっちゃ楽にしてみた【はてなブログ】 - SHIROMAG
2016年10月2日17：53に追記： コード修正したのでそれ以前にコードを貼り付けたかたは貼り直しお願いします。お手数おかけいたします。 2019年12月23日17：20に追記： デザイン、CSSを微調整しました。 CSSとChrome拡張を使って会話形式の記事を書く 今回は、はてなブログで簡単に会話形式の記事を作る方法を紹介します。 吹き出しと画像を使って会話形式にする方法は他の記事でも紹介されているのですが、すごく面倒なのです。 「会話形式の記事書くの面倒」「シロマどうにかしろ」という意見があったので、楽に実装できる方法を頑張って作りました。 最初の設定は少し面倒です。ただ、一度設定してしまえば、後はめちゃ楽ちんになると思います。 見た目はこんな感じ↓↓ 先生、今日は吹き出しを簡単に実装する方法を紹介します。 運動と瞑想の習慣がない者の末路はいつも悲惨だ。恐ろしい恐ろしい。 ・・・
はてなブログのカテゴリーが縦に長くなるのを解消する | SHIROMAG
縦に長くなるカテゴリー欄をすっきりさせる ブログをたくさん書いていると、カテゴリーが多くなってしまい、利用しているテーマによってはサイドバーにあるカテゴリー欄が縦に長くなってしまいます。 コンテンツよりもサイドバーが長くなってしまうのは、なんとなくカッコ悪いです。 それを解消するCSSを紹介します。このコードを記述すると、カテゴリーが左詰めになります。 これを、 赤く囲んだ所部分に先ほどのコードをコピペするだけで大丈夫です。 ちなみに、左詰めではなく2列に並べるコードも載せておきます。 こうするとカテゴリーが2列に並んで表示されると思います。 私のブログも欲張りすぎてカテゴリーが多くなってしまったので左詰めで表示されるように設定しています。 他にもはてなブログのカスタマイズ記事を書いているので、参考にしてみて下さい。 CSSではてなブログをカスタマイズしてみよう | SHIROMAG はて
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
YouTubeを埋め込んでも重くならないようにする方法がめっちゃ良かった - SHIROMAG