This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<style tyle=text/css> /*すでに記述している場合には不要*/ | |
/*上に戻るボタン*/ | |
#page-top { | |
display:none; | |
position:fixed; | |
right:10px; | |
bottom:20px; | |
margin: 0; | |
padding: 0; | |
text-align:center; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<style tyle=text/css> /*すでに記述している場合には不要*/ | |
/*目次のCSS*/ | |
.table-of-contents:before{ | |
content: "目次"; | |
font-size: 120%; | |
} | |
.table-of-contents{ | |
padding: 20px 10px 20px 40px !important; | |
border-radius: 5px; | |
background: #f0f0f0;/*背景色はここから変更*/ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<style tyle=text/css> /*すでに記述している場合には不要*/ | |
/*はてなメニュー色*/ | |
#globalheader-container { | |
color: #fff; /*カラーコードで色変更可能*/ | |
background: #111; /*カラーコードで色変更可能*/ | |
} | |
</style> /*すでに記述している場合には不要*/ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<style tyle=text/css> /*すでに記述している場合には不要*/ | |
/*見出しのレイアウト変更*/ | |
.entry-content h3 { color: rgb(59, 66, 126);/*文字色*/ | |
background: rgb(243, 242, 252); /*背景色*/ | |
padding: 10px 10px; /*見出しまわりのスペース 上下、左右*/ | |
border-radius: 0.2em; /*角の丸み*/ | |
border-left: 9px solid #999; /*見出し左の線*/} | |
.entry-content h4 { | |
position: relative; | |
color: #111; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<style tyle=text/css> /*すでに記述している場合には不要*/ | |
/*日付のレイアウト変更*/ | |
.date | |
{ | |
color: white; /*日付の文字色(カラーコードを変更すれば好きな色に設定できます)*/ | |
background: #F31A75;/*日付の背景色(カラーコードを変更すれば好きな色に設定できます)*/ | |
border-radius: 0.2em; /*角の丸み*/ | |
padding: 0px 10px;/*日付の文字まわりのスペース*/ | |
} | |
.entry-title /*日付と記事タイトルの行間調整*/ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<style tyle=text/css> /*すでに記述している場合には不要*/ | |
/* フッター表示有無 */ | |
#footer-menu { | |
display:none; | |
} | |
</style> /*すでに記述している場合には不要*/ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<style tyle=text/css> /*すでに記述している場合には不要*/ | |
/*はてなブログをはじめよう!を非表示にするCSS*/ | |
.footer-action-wrapper { | |
display: none; | |
} | |
/*はてなブログ開発ブログなどのリンクを非表示にするCSS*/ | |
.touch-item-list { | |
display: none; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<style tyle=text/css> | |
/*ここからCSS記述可*/ | |
/*<style>で囲まれている行の中にCSSを記述すればスマホ版のレイアウトカスタマイズができます*/ | |
</style> |
NewerOlder