☆ この記事のもくじ ☆
それにしても この文章で 理解できるのは ワタシだけかもしれない
投稿するのは ただの 冒険 と 忘備録として です
.•*¨*•.¸ ♫ .•*¨*•.¸ ♫ .•*¨*•.¸
【はてなブログ】のブロガー場合
ブログを書くための【ダッシュボード】や【記事の管理】
この グローバルヘッダーが 頼り ・・・
ワタシの使っているテーマ patchwork の場合
ずっと グローバルヘッダー固定していたんです
いちいち トップまで スクロール(homeボタン?)するより
いつも表示させていた方が ラク でしょ
すぐにクリックできるんだもの
でも 今回の「読者になる」ボタンが出てきたことで
7月12日以降 いきなり
スクロールして 隠れてしまうようになりました
テーマ patchwork レスポンシブデザインではありません・・
ワタシは 去年の11月ごろから ずっと このテーマを利用しています
大満足な ロマンチックなパッチワークっぽいレイアウト
一覧表示の英数字のフォントもステキなのと
パソコンでの目次の時に 頭に花ボタンが付くのがお気に入り
今回 修正してみたけれど 結局は
テーマ の 中身がつよいのか 変更できませんでした
~~一応の 忘備録~~ グローバルヘッダー
「デザイン→カスタマイズ→デザインCSS」で修正します
♬♬ スクロールしてもグローバルヘッダーバーが動かないように位置を固定する
デザインCSSに追加記入
#globalheader-container { /* 位置:固定 */ position: fixed; }
♬♬ ついでに グローバルヘッダーの 色・文字色を変更
デザインCSSに追加記入
コレは 白文字にviolet色の文字背景の場合
#globalheader-container { /* 文字色白 */ color: #ffffff; /* 背景色violet */ background-color: violet; }
ワタシは デザインCSSが苦手なので
ここぞ というとき以外は 触りません
だからコレも それほどオススメはしません
実際 デザインCSSで また あーあ やられたぁ 状態 になりましたもん
つまりは 今回も テーマ patchwork が
いつの間にか わけわからないテーマにかわってしまい
あーあ やられたぁ 状態
グローバルヘッダーバーは うまく変更出来たんですけれど
テーマが変わっちゃ意味がないでしょ
で テーマを patchworkに戻したら
グローバルヘッダーバーは思うようには動かない状態でした
あきらめも 必要ですね グローバルヘッダーバーは
今回の「読者になる」とは 深くかかわっているようですし
なんでも グローバルヘッダーバー消すと 「読者になる」ボタンも消えるとか・・・
ワタシは テーマ【patchwork】を 大事にします
デザインCSSにデータを組み込むだけなら
ぜったいにテーマのページをクリックしないこと
ちなみに 「デザイン→カスタマイズ
ここでテーマを変えてしまいやすい です
→→→→→デザインCSS」
もしも テーマが変わったら
焦らずに テーマを 「インストールしたもの」をえらんでから
おちついて やり直し で 結構戻るかも
【デザインCSS】は 必ず はじめに コピーして どこかに保存しておいてください
【デザインCSS】の コピー
ワタシは ブログの下書き新規に 書きこんじゃいます
☆((#^^#)ー☆ちなみに今回 padding: 30px; border-radius: 30px; (角丸) と
padding: 3em; とか
padding: 5em; を使用しました
色は background-color: lavender;
最初のタイトルは palegreen ジャラララの目次は 2色使い
コレは→ /* 文字色白 */ 忘れないためのカンニング印です
朝から カスタマイズのやり方 探しまくって
トライして テーマが 変わっちゃって
テーマが 違えば 固定化も 色変更もできたけれど
ワタシのテーマでは失敗です
元に 戻しただけとなりました
冷や汗 ダラダラです
結論・・・テーマによっては 変更できない・・・
ブラウザ が 変われば かも とも 思います
それにしても この文章で 理解できるのは ワタシだけかもしれない
投稿するのは ただの 冒険 と 忘備録として です
※※ Little Strange Software様 がコメントをくださいました
秘密の言葉 【優先順位】 !important を使ってみては ということで
やってみました ですが やはり
デザインCSS では 変化なしでした 残念!!
仕方ないので? 当たって砕けろ??
ページ内に貼り付けてしまいました ☆((#^^#)ー☆b ☆((#^^#)ー☆
<style><!--
#globalheader-container { background-color: navy; color: pink; /* 位置:固定 */ position: fixed!important;}
--></style>
背景色は 変化しないんですが 位置固定と文字色ピンクは 反応したみたいです
ただ これからのページに 毎回毎回 CSS入れる?かどうしようかは迷うところです
Little Strange Software さま コメントありがとうございます。
はてなブログの 専用の本
ブログ書くなら ある程度 知っておきたいかも
☆((#^^#)ー☆b ☆((#^^#)ー☆
☆((#^^#)ー☆b ☆((#^^#)ー☆
☆星峰☆ ( atarimaesore )
☆((#^^#)ー☆
あたりまえ?それさぁ。。。 のブログ
読んでいただき ありがとうございました。
☆((#^^#)ー☆この記事のもくじ☆((#^^#)ー☆
☆ 最後までありがとうございます☆((#^^#)ー☆