このサイトの備忘録 - 鎌倉見立　猛暑日無縁の標高550mの高みから

はてなブログをより快適に

はてなブログ　元に戻す　ショートカット

はてなブログって「元に戻すボタン」が無い。
オススメなのがショートカットです。
「Ctrl+Z」･･･元に戻す
「Ctrl+Y」･･･進む

見出しのカスタマイズ

見出し　h３の見本はこれです

中見出し　h4の見本はこれです

小見出し　h5の見本はこれです

h３に使用した画像のURL

https://cdn-ak.f.st-hatena.com/images/fotolife/n/npo-musicgrace/20230709/20230709103024.png

オリジナル

https://cdn-ak.f.st-hatena.com/images/fotolife/n/npo-musicgrace/20230713/20230713050539_120.jpg

提供

無料イラストチェックボックスのアイコンセット【透過PNG】

画像のURLは
写真を投稿→該当画像を選択→右クリック→画像のリンクをコピー
の手順でGETできます。

テーマのNavy BlueのCSSカスタマイズ

/* <system section="theme" selected="navyblue"> */
@import "/css/theme/navyblue/navyblue.css";
/* </system> */

body {
font-family: "Helvetica Neue",
Arial,
"Hiragino Kaku Gothic ProN",
"Hiragino Sans",
Meiryo,
sans-serif;
color: black;
}

/***記事エリアの幅***/
#wrapper {
width: 800px;
}

/***メニュー幅***/
#top-editarea, #bottom-editarea {
width: 800px;
margin: 32px auto;
}

/***グローバルメニュー***/

#g-nav {
display: table;
width: 100%;
font-weight: bold;
background-color: #0b85f0;/* 背景色 */
background-color: #e4ea84;
border-bottom: 2mm ridge rgba(211, 220, 50, .6);

}
.nav-item {
display: table-cell;
list-style-type: none;
text-align: center;
}
.nav-item a {
display: block;
color: black;/* 文字色 */
padding: 10px 0;
text-decoration: none;
transition: 0.2s;/* 変化にかかる時間 */
}
.nav-item a:hover {
background-color: #fff;/* マウスがホバーした時の背景色 */
color: #37a9d7;/* マウスがホバーした時の文字色 */
}

/***記事タイトルのボーダーー***/

.entry-header {
padding: 16px 0 10px;
margin-bottom: 40px;
position: relative;
border-bottom: 4mm ridge rgba(211, 220, 50, .6);
}

.entry-title {
text-align: center;
margin: 0;
line-height: 1.3;
font-size: 180%;
padding-bottom: 27px;
background: url(https://cdn.blog.st-hatena.com/css/theme/navyblue/dots.png?version=aec52fd2910127f7f6c43cf27296ed) no-repeat bottom center;
background-size: auto;
background-size: 32px auto;
}

/* h5のカスタマイズ7月11日 */

.entry-content h5 {
font-weight: 600;
font-size: 20px;
border-bottom: 1px solid black;
padding: 10px 0 1px 60px;
background: url(https://cdn-ak.f.st-hatena.com/images/fotolife/n/npo-musicgrace/20230713/20230713185348.jpg) ;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: no-repeat;
line-height: 1.5;
background-position: 2% 40%;
background-position-x: 2%;
background-position-y: 40%;
text-align: left;
}

/* h4のカスタマイズ7月11日 */

.entry-content h4 {
font-weight: 700;
font-size: 22px;
border-bottom: 1px solid black;
padding: 10px 0 1px 90px;
background: url(https://cdn-ak.f.st-hatena.com/images/fotolife/n/npo-musicgrace/20230709/20230709103024.png);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: no-repeat;
line-height: 3.0;
background-position: 2% 40%;
background-position-x: 2%;
background-position-y: 40%;
text-align: left;
}

/* h３のカスタマイズ7月11日 */
.entry-content h3 {
font-weight: 700;
font-size: 23px;
padding: 0 0 5px 28px;
position: relative;
background: linear-gradient(transparent 90%, #bedcf6 7%)
}

表や画像の横幅

幅1000px