F+カスタムメモ

フォレストページ+カスタムメモ

CSS:日記デザイン


※「ブログ」形式と併用不可
※「追記」未調整

.diary_list h3,
.diary_list ul li h4,
.weekday,
.time,
.diary_page_title h3 {
display: none; /*タイトル、曜日、時間を非表示*/
}
.diary_list ul li {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
}
.diary_list .tweet_content {
order: 0;
flex-basis: 100%;
}
.diary_list .label_category {
order: 1; /*カテゴリを1番目に表示*/
}
.diary_list .date {
order: 2; /*日付を2番目に表示*/
}
.diary_list small {
order: 3; /*コメントを3番目に表示*/
}
.diary_list ul li,
#diary_page .entry_text,
.search select option,
.search button.btn {
background: #eee; /*背景色*/
}
.diary_list ul li,
#diary_page .entry_text {
border-radius: 6px; /*背景色角丸*/
}
.diary_list ul li {
border: 0;
padding: 25px 20px 5px 20px;
margin-bottom: 20px;
}
.tweet_text {
padding: 0 0 10px 0;
}
#diary_page .entry_text {
border: 0;
padding: 30px 20px;
margin: 10px 0;
}
.entry_image img {
margin: 15px 0 0 0;
border-radius: 15px; /*画像角丸*/
}
.diary_list .date,
.diary_page_title .date,
.label_category,
.diary_list small {
font-size: 0.75rem;
color: #555; /*投稿フッター文字色*/
line-height: 1;
margin: 0;
padding: 0;
}
.label_category {
background: transparent; /*カテゴリ背景色透明化*/
margin: 0 5px 0 0;
border: 0;
}
.diary_list small {
margin: 0 0 0 5px;
}
.label_category::before {
content: "#"; /*カテゴリ名に#をつけてタグ風*/
}

CSS:小説本文に背景色


.novel .novel_text {
background: #eee; /*背景色*/
border: 0;
border-radius: 6px; /*角丸*/
padding: 30px 20px;
margin: 10px 0;
}

CSS:小ネタ

ナビゲーション(オーバーレイ)固定:
nav.navi_1 {
position: fixed;
}

ナビゲーション(スライドタイプ)固定:
.nav_icon {
position: fixed;
}

DMテキストエリアを広く:
#fid_dm_body {
height: 10em;
}

スキ!テキストエリアを広く:
#fid_ch_comment {
height: 10em;
}

マイページスキ!/DMアイコン色変え:
.main .top_icons i {
color: #000; /*色*/
}

小説ページスキ!/しおりアイコン色変え:
.btn2.btn_like i,
.btn2.btn_bookmark i {
color: #000; /*色*/
}

公式FAQ

クッションページから退室ボタンを消す方法
「続きを読む」で折りたたまないようにしたい

免責事項

当サイト内のコンテンツ・掲載情報のご利用によって生じたあらゆる損害について、一切の責任を負いません。また正確性、安全性、セキュリティなどに関する欠陥がないことを保証しておりません。外部サイトへのリンクでの移動についても同様です。予めご了承ください。
また、利用者同士のトラブルについて当方では関与いたしません。