2015年04月13日
当ファンブログのカスタマイズ記録メモ9 【画面右下に「PAGE TOP」を表示させた】
★当ファンブログのカスタマイズ記録メモ9★
*********************************************************************
■2015.04.13 画面右下に「PAGE TOP」を表示させた。
*********************************************************************
「デザイン設定」→「HTMLの編集」で、下記HTMLを追加。
「デザイン設定」→「CSSの編集」で、下記CSSを追加。
*********************************************************************
【追加HTML】
<p id='page-top'><a href='#header' title='PAGE TOP'>▲<br/>PAGE<br/>TOP</a></p>
【追加CSS】
/* ▼▼▼追加 PAGE TOP ▼▼▼ */
#page-top {
position: fixed;
bottom: 20px;
right: 15px;
font-size: 100%;
}
#page-top a {
background: #000080;
text-decoration: none;
color: #fff;
width: 55px;
padding: 10px 0;
text-align: center;
display: block;
border-radius: 10px;
}
#page-top a:hover {
text-decoration: none;
background: #F0F;
}
******************************************************************
*********************************************************************
■2015.04.13 画面右下に「PAGE TOP」を表示させた。
*********************************************************************
「デザイン設定」→「HTMLの編集」で、下記HTMLを追加。
「デザイン設定」→「CSSの編集」で、下記CSSを追加。
*********************************************************************
【追加HTML】
<p id='page-top'><a href='#header' title='PAGE TOP'>▲<br/>PAGE<br/>TOP</a></p>
【追加CSS】
/* ▼▼▼追加 PAGE TOP ▼▼▼ */
#page-top {
position: fixed;
bottom: 20px;
right: 15px;
font-size: 100%;
}
#page-top a {
background: #000080;
text-decoration: none;
color: #fff;
width: 55px;
padding: 10px 0;
text-align: center;
display: block;
border-radius: 10px;
}
#page-top a:hover {
text-decoration: none;
background: #F0F;
}
******************************************************************
【カスタマイズの最新記事】
この記事へのコメント