X'mas Tree

掲示板用配布ページ！

↓HEAD編集にコピペしてね↓

.wrp{
max-width: 400px;
margin: 0 auto;
}

h1{
font-family: 'Abril Fatface', cursive;
font-size: 50px;
font-weight: normal;
color: #333;
text-shadow:#9F863F 3px 3px 1px,#A6AAAD -3px -3px 1px;
}

.memo {
width: 80%;
background-color: #F7EACF;
border: 2px solid #fff;
box-shadow: 0 0 0 5px #F7EACF;
margin: 2em auto;
padding: 1.5em;
}

.memo-title{
color: #669966;
font-size:1.1em;
font-weight: bold;
}

.red{
color: #ec6666;
font-weight: bold;
}

.right{ text-align: right; }

section{
width: 280px;
border: 1px solid #bf80ff;
border-radius: 5px;
padding: 10px;
position: relative;
margin: 2em 1em;
}
section:before{
background-color: rgba(255,255,255,0.7); 
border-radius: 5px;
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: 5px;
z-index: -1;
}
section:after{
background: repeating-linear-gradient(-45deg, #bf80ff, #bf80ff 5px, #d9b3ff 0, #d9b3ff 10px); /* ストライプの色 */
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -2;
}

/* チェック */
section:nth-child(2n){
border: 1px solid #f0b8bf;
position: relative;
}
section:nth-child(2n):after{
background-color: #fff;	/* チェック部分背景色 */
background-image: linear-gradient(90deg, rgba(245,213,218,.5) 50%, transparent 50%), linear-gradient(rgba(245,213,218,.5) 50%, transparent 50%);	/* チェック色 */
background-size: 20px 20px;
background-repeat: repeat;
content: '';
position: absolute;
width: 100%;
height: 100%;
z-index: -2;
}

/* ドット */
section:nth-child(3n){
border: 1px solid #F8DB53;
position: relative;
}
section:nth-child(3n):after{
background-color: #F8DB53;
background-image:radial-gradient(#fff 20%, transparent 30%), radial-gradient(#fff 20%, transparent 30%);
background-size: 40px 40px;
background-position: 0 0, 20px 20px;
background-repeat: repeat;
content: '';
position: absolute;
z-index: -2;
}

/* 正方形 */
section:nth-child(5n-1){
border: 1px solid #c7f2fc;
position: relative;
}
section:nth-child(5n-1):after{
background-color: #c7f2fc;
background-image: repeating-linear-gradient(45deg, #91e9ff 25%, transparent 25%, transparent 75%, #91e9ff 75%, #91e9ff), repeating-linear-gradient(45deg, #91e9ff 25%, #c7f2fc 25%, #c7f2fc 75%, #91e9ff 75%, #91e9ff);
background-position: 0 0, 20px 20px;
background-size: 40px 40px;
background-repeat: repeat;
content: '';
position: absolute;
z-index: -2;
}

section:nth-child(even){
margin-right: 0;
margin-left: auto;
}
section:nth-child(odd){
margin-left: 0;
margin-right: auto;
}

textarea{
width: 95%;
height: 10em;
}

input, textarea{
font-family: 'Zen Old Mincho', serif;
color: #5B362C;
background-color: #F7EACF;
border: 1px solid #fff;
}

footer{
background-color: rgba(255,255,255,0.7);
text-align: center;
}
</style>

★一覧ページ編集★

↓ページ上部編集ボックスにコピペしてね↓

↓ページ下部編集ボックスにコピペしてね↓

↓投稿部編集ボックスにコピペしてね↓

背景画像はパブリックドメインのものを使用！
↓ここから保存してね。

★投稿項目設定★

□名前入力欄
→「件名」や「タイトル」に変更する、もしくは非表示に設定
□E-Mail入力欄／□サイトURL入力欄
→非表示に設定

□データ投稿
→投稿不可に設定

★投稿ページ編集★

↓ページ上部編集ボックスにコピペしてね↓

↓ページ下部編集ボックスにコピペしてね↓

★削除ページ編集／編集ページ編集／検索ページ編集★

↓ページ上部編集ボックスの一番上にコピペで追加してね↓
※もともとある内容は残しておいてね※

↓ページ下部編集ボックスにコピペしてね↓
※こっちは全部書き換えてOK※

以下は確認用～～

皆でツリーの飾り付けをしよう！

リビングに高さ180cmのフェイクグリーンのツリーを用意しました。
皆さんご自由に飾り付けをしてください。

下記「飾り付けする！」から投稿出来ます。
箇条書きでも文章でもどちらでも構いません。(行動ロルは不可)
お一人何回投稿して頂いても構いません。
こちらに投稿されたものはリアルタイムでTLへの反映が可能です。

※注意※
生モノの飾り付けはご遠慮ください！
前に飾り付けされているものを勝手に外すのは禁止！(飾りが被らないように少しずらす程度ならば可)

＞＞飾りつけする！＜＜