テクニック
マイページなどの自由入力設定にて、お知らせなどを手動で表示したりといったことがあると思います。
その時、ちょっとおしゃれな枠をつけて飾ってみる事ができます！
例えばこんな感じ。
「サイト全体設定」→「共通HEAD」や、マイテーマの
「HEAD設定」などに、下記CSSを設置し、
マイページなどの自由入力設定に下記ソースを設置すれば完了です。
その時、ちょっとおしゃれな枠をつけて飾ってみる事ができます！
例えばこんな感じ。
お知らせ
キリ番企画を開始します！
10000countを取得した方は、ぜひメールまたは拍手でお知らせください。
リクエストいただいたキャラクターのイラストを描き、展示いたします！
「サイト全体設定」→「共通HEAD」や、マイテーマの
「HEAD設定」などに、下記CSSを設置し、
<style scoped="scoped">
.box {
margin: 5px 0;
background: #DFF8EB;
}
.box .box-title {
font-size: 17px;
background: #0FAB55;
padding: 4px;
text-align: center;
color: #FFF;
font-weight: bold;
letter-spacing: 3px;
}
.box p {
padding: 10px 20px;
margin: 0;
}
</style>
マイページなどの自由入力設定に下記ソースを設置すれば完了です。
<div class="box"><div class="box-title">お知らせ</div><p>キリ番企画を開始します！
10000countを取得した方は、ぜひメールまたは拍手でお知らせください。
リクエストいただいたキャラクターのイラストを描き、展示いたします！</p></div>
1/1ページ
