みっちぇの節約レポ

20代主婦がケチケチ生活の中で美容やコスメを楽しむブログ

パステルノート

【デザイン】文字付きBOXと吹き出しBOXサンプル集

テンプレート「パステルノート」で使える、文字付きboxサンプル。check文字つきのboxと、point文字つきbox、吹き出しboxを紹介しています。htmlコードをコピーして使用するだけでデザインは反映されます。記事はmarkdownかhtmlモードで書いてください。

【デザイン】いろんな文字装飾のサンプル

ちょっと目立たせたい時や、見出しっぽくしたい時などに使えそうな文字装飾のサンプルです。 続きを読むからどうぞ。

【デザイン】BOX内にいろいろ入れたときのサンプル集

BOX内にいろいろ入れたときのサンプル集。 目次から各項目へ飛べます。

【デザイン】ラベル付きBOXのサンプル集その2

ラベル付きboxサンプル集2 ラベル付きBOXのサンプル集その2です。 spanではなく、文字列はattrで取得しています。 data-*=好きな文字を入れることでラベルに文字が入ります。 枠の色や背景色は、いつも通り<div class="クラス名">で指定することで変更できます。</div>

【デザイン】ラベル付きBOXのサンプル集

ラベル付きboxサンプル集 boxにラベルをつけるデザインサンプル集。 枠デザインのサンプルと組み合わせて使ってください。 ラベル内の文字は<span class="クラス名"></span>で指定します。 枠のデザインのクラスは<div class="クラス名">で指定です。</div>

【デザイン】リストサンプル集

リストを使用したときにclass=""を<ul>や<ol>に指定することでいろいろ変化が付けられるようにしました。 ぜひ通常の見た目と見比べてみてください。</ol></ul>

【デザイン】枠のサンプル集

枠のサンプル集 テンプレート「パステルノート」で使える枠のデザインサンプル集。 簡単なコードだけで使うことができます。 長いので続きを読むからどうぞ。

【テンプレート】デザインサンプル集

テンプレート「パステルノート」で標準装備されているデザインサンプル集 当ブログのテンプレート、パステルノートで使えるデザインのサンプル集です。 はてなブログの機能である定型文に登録して、簡単に呼び出せるようにすると便利かと思います。 続きを読…

【カスタマイズ】綺麗な画質でタイトル画像を設定する

綺麗な画質でタイトル画像を表示したい! タイトル画像って、デザイン設定からアップロードして使用すると、推奨サイズ1000px × 200pxでもなんか汚い…。 気になってしまったのではてなフォトライフに画像をアップし、直接デザインCSSに書き込んで、綺麗な画…

【カスタマイズ】タイトル画像をスマホ対応にする

タイトル画像のスマホ対応方法をご紹介! 今回公開した自作テンプレートで、タイトル画像をスマホ対応にする方法をご紹介します。 自作テンプレートはこちら▼ blog.hatena.ne.jp その他カスタマイズ方法はこちら▼ michhecosume.hateblo.jp タイトル画像をス…

【自作テンプレート公開】改装報告&カスタマイズ方法

カスタマイズ方法を紹介します! この度テンプレートを自作し、オリジナルのものへ変更しました。 パステルノートという名前で公開中です。 blog.hatena.ne.jp このブログの見た目と同じにするカスタマイズ方法は続きを読むからどうぞ。