このサイトは1ヶ月 (30日) 以上ログインされていません。 サイト管理者の方はこちらからログインすると、この広告を消すことができます。

brunch

menu


intro
はじめに
bookshelf
本棚
about me
わたしのこと
last update 11/19
最終更新

動作確認
PC Windows10 / Chrome
mobile iPhone6s iOS10.3.3 / Safari

123456


タイトルの背景画像はこちらからどうぞ。
  • マイページのみのテーマになります。
  • ナビゲーションメニュー非表示のテーマです。表示するとナビゲーションメニューが崩れる可能性があります。
  • マイページのフリーエリアと、マイテーマ(「シンプル」テーマベース)のHEAD編集内に下記のタグを入れてください。
  • マイテーマのレイアウト設定を編集して、カウンターの位置を下の方に移動させるとよりいい感じです。

マイページの自由入力に下記を入れる

<h2>menu</h2>
<hr>
<dl>
<dt><a href="★リンクURL">intro</a></dt><dd>はじめに</dd>
<dt><a href="★リンクURL">bookshelf</a></dt><dd>本棚</dd>
<dt><a href="★リンクURL">about me</a></dt><dd>わたしのこと</dd>
<dt><a href="★リンクURL">last update 11/19</a></dt><dd>最終更新</dd>
</dl>
<div class="top_icons"><a href="★DMのリンクURL"><i class="fa fa-envelope" aria-hidden="true"></i></a><a href="★スキのリンクURL"><i class="fa fa-heart" aria-hidden="true"></i></a></div>
<hr class="btm">
<p>ここにサイトの説明を入れられます</p>


HEAD内スタイルシート

<style>
body {
background-image:-webkit-linear-gradient(-45deg, #fff 25%, #fffa67 25%, #fffa67 50%, #fff 50%, #fff 75%, #fffa67 75%, #fffa67);
background-image:-moz-linear-gradient(-45deg, #fff 25%, #fffa67 25%, #fffa67 50%, #fff 50%, #fff 75%, #fffa67 75%, #fffa67);
background-image:-ms-linear-gradient(-45deg, #fff 25%, #fffa67 25%, #fffa67 50%, #fff 50%, #fff 75%, #fffa67 75%, #fffa67);
background-image:linear-gradient(-45deg, #fff 25%, #fffa67 25%, #fffa67 50%, #fff 50%, #fff 75%, #fffa67 75%, #fffa67);
-webkit-background-size:30px 30px;
-moz-background-size:30px 30px;
-ms-background-size:30px 30px;
background-size:30px 30px;
color: #2b2b2b;
font-family: 'Segoe Script', "SignPainter" , "Snell Roundhand";
text-align: center;
font-weight: normal;
letter-spacing: 0.2em;
border: 6px solid #2b2b2b;
}
#header h1.site_title,
#header h1.site_title a {
background-image : url("★素材画像のURL");
background-repeat: no-repeat;
background-size: 100%;
background-size: contain;
background-position: center center;
height: 240px;
margin-top: 15px;
text-align: center;
color: #2b2b2b;
display: flex;
align-items: center;
justify-content: center;
font-family: "Palatino Linotype", Georgia;
font-size: 140%;
font-weight: bold;
}
@media (min-width: 720px) {
#header h1.site_title,
#header h1.site_title a {
height: 300px;
}
}
@media (max-width: 350px) {
#header h1.site_title,
#header h1.site_title a {
height: 180px;
}
}
h2 {
font-size: 300%;
line-height: 0.8em;
}
a {
color: #2b2b2b;
}
hr {
border-top: 1px solid #2b2b2b;
border-bottom: 7px double #2b2b2b;
}
hr.btm {
border-top: 7px double #2b2b2b;
border-bottom: 1px solid #2b2b2b;
}
.main {
padding: 0 8px;
}
@media (min-width: 720px) {
.main {
padding: 0;
}
}
.main .top_icons {
margin: 15px auto;
}
.main .top_icons a {
margin: 0 15px;
}
dt {
font-size: 175%;
margin-top: 20px;
}
dd {
font-size: 75%;
color: #807f53;
letter-spacing: 1em;
}
.top_kiriban {
color: #2b2b2b;
}
.notice_kiriban {
background: #2b2b2b;
color: #fffa67;
}
</style>