シーサーブログデザインを変更『まとめブルー/ブロック』を利用しての備忘録

まとめブルーブロック.PNG
『まとめブルー/ブロック』にデザインを変更しました。
本文が表に出てごちゃごちゃしていたので、本文を表に出さないデザインに変更したかったのが理由です。
サムネイルの見本で見ている時には良いと思っても、実際に変更してみると案の定、そのままでは格好が悪い部い部分が多数ありました。

今回もカスタマイズについて詳しく説明してくれているサイトのお世話になりました。


サイドバーのタイトルの文字と背景・サイドバータイトルを非表示 


サイドバーの場所によって、タイトルの文字が違って格好が悪いです。
自由形式で挿入したサイドバーの自由形式の文字が、フォントが小さく不揃いです。

Seesaaブログの自由形式のタイトルを表示させる方法【新システム】
参考にさせてもらって、自由形式のタイトルが出せるようになりました。不格好な部分はまだ要調整。
全てをこの方法でやると、サイドバーにタイトルを出したくない場合も出てしまいます。
タイトル名を表示させたくない場合は、HTML形式で記述して保存します。

1パーツ設定自由形式.PNG パーツ設定自由形式2.PNG



CSSの編集を何とか自分でやりたい


グーグルクロームだけで使える「検証(デベロッパー ツール)」の使い方を紹介してくれています。
解き明かせない暗号CSS!何とか自分で修正のヒントを探すことが出来ました。

WEB画面上で変更を確認しながらCSSの編集ができるGoogle Chromeの「検証」ツール | affilabo.com

 



記入したい矢印を数字やコードで記述する方法


上下のズレ.PNG 小さなボタン矢印を画像で使っていましたが、テキストと画像の高さの中心同士を合わせるCSS修正が残念ながら自分でできませんでした。
また、画像の位置を示すタグはとても長いので、【矢のような矢印➤なら:➺】記述するだけの「文字実体参照」と「数値文字参照」は扱いやすいです。

100種類以上ある! ウェブ上で使える矢印記号

この記事へのコメント

忍者アナライズ