弥栄あめ『塞翁が馬じゃ!』ameiyasaka

人間万事 塞翁が馬(さいおうがうま)人の吉兆・禍福は変転する。一喜一憂している時間は勿体ない ♪

[üi]はてなブログ 僕のカスタマイズのメモ

f:id:ramusan:20140304205746j:plain

デザインテーマを途中で変えると CSS が壊れてしまう事を知らなかった。^^; 記録をしておかないといけないと思い、記録するページを作った。

記事の文字の大きさ変更

CSS に追加

-----------------------------

.entry-content p{

    font-size:17px;

}

---------------------------- 

 

現在、17px の文字の大きさ

 

記事タイトルに付けるマークなど

CSSに追加

-------------------------

.entry-content h3 {

background:url(はてなブログフォトライフにあるマークのURL ) no-repeat left center;

padding: 10px 0px 5px 47px;

font-weight: bold;

border-bottom: 1px solid #dddddd; }

.entry-content h4 {

font-size: 125%;

font-weight: bold;

border-left: 10px solid #5f8dea;

border-bottom: 0px;

padding: 3px 0px 1px 10px; }

---------------------------------------

h3 大見出しに文字を指定したら自動でマークが入る

マークのURL は、「記事を書く」でマークを記事に入れ

HTML で URL を確認する。

 

h4 中見出しに文字を指定したら、細い縦のバーを自動で入れる。

色は、#000000 で指定する。現在は、水色。

 

★ スマホにも反映する様に、同じCSS を <style></style> で囲んで、デザイン・記事上のHTML 欄に入れる。

 

ヘッダー下のメニューバーの作成

CSS MenuMaker | Drop Down Menu Generator

ダウンロードしないで

① HTML をコピーして、ヘッダー下 HTML に貼り

② CSS をコピーして、デザイン SCC に追加する。