爺の時悠空間

その日その時を大切に

はてちょび

はてなブログで試してみたカスタマイズや役に立つかもしれないヒント などを ちょびっと

Markdown記法

はてなブログ記事編集 Markdown記法 に慣れるために(随時 追加修正) (半角空白や空行が必要不要など、はてな独自のものがあるので注意) 改行:行末に半角空白を2個 段落:空行を1行以上 太字:*(または _ )2個で囲む 斜体:*(または _ )で囲む 太字…

CSSで使う記号

Q:CSSで使う記号を覚えきれません すぐ忘れます A:メモしておけば忘れても少しは安心(具体例がないと思い出せないかな)* 全称セレクタ# IDセレクタ. クラスセレクタ, 複数指定半角スペース 親子関係にある子孫セレクタに適用繋げて記述 両方がある要素…

☆・コメント等の非表示

☆はてなスターやコメント、ソーシャルパーツの表示・非表示設定は記事ごとにはできず、そのブログ全体で共通となる。でも、記事の内容によっては、「今回は(読んでくれるだけでいい)☆・コメントなどは不要」と思うときもある。(私だけかな?)そんなとき…

idコールにアイコンを表示

idコールにプロフィールアイコンを表示 id:saitoy05:detail (16px) id:saitoy05 アイコンを大きくしたいときは id:saitoy05:detail:large (60px) id:saitoy05 ただし、デザイン・CSS設定によってはプロフィールアイコンが16px, 60pxにならないことがあります…

ルビ

<ruby>巴波川<rp>(</rp><rt>うずまがわ</rt><rp>)</rp></ruby> ruby:ルビを振る文字の範囲 rt:ルビ(ふりがな) rp:未対応ブラウザで表示する括弧ブラウザでの表示:巴波川(うずまがわ)、 未対応ブラウザでは 巴波川(うずまがわ)

投稿日の表示を曜日付きにする

(デザイン/カスタマイズ/フッタ) <script> var dateTime = document.querySelectorAll('[datetime]'); for (var i = 0; i < dateTime.length; i++){ dateTime[i].appendChild(DateToWeek(dateTime[i].getAttribute("datetime"))); } function DateToWeek(day){ i…

ヘッダー画像をランダムに・月ごとに替える

(デザイン/カスタマイズ/ヘッダ/タイトル下)(「爺の時悠帖」) <script> today = new Date(); MM = today.getMonth(); bg_img = new Array(); bg_img[0] = "url(https://….jpg)"; /* 月ごと画像設定なしのときのデフォルト画像 */ switch (MM) { case 0: /* 1…

ブログテーマ カスタマイズ

(デザイン/カスタマイズ/デザインCSS) 背景画像の2枚重ね(通常の写真画像 JPG の上に 背景透過で文字だけの画像 PNG を重ねる)(Ten Days「写真帖 あの日あの時」の場合) body.customized-background-image::before { background-image: url(' 背景が…

【 はてちょび とは 】

はてなブログで私が試したカスタマイズや役に立つかもしれないヒント などをちょびっと、略して はてちょび .entry-footer-section, .comment-box, .social-buttons, .hatena-module-related-entries {display: none;}