メッセージボード その6

メッセージボード その6

カスタマイズ 遊び
2019/04/26
4
vanillaice (Akira)
vanillaice (Akira)
InstructionHTMLCSS初心者向けPlaygroundMessageBoard

YouTubeとお揃いの装飾ボードです。

お遊びシリーズは Playground のタグにまとめています。

旧投稿画面をお使いの方は 改行の扱い「HTMLのみ」 に設定してください。

改行「自動」でもできますが、ソースコードをひと繋ぎ改行不可で書く必要が生じ、メンテナンスが大変だと思います。HTMLのみにすると改行したい文章末尾に <br> と書かないと折り返しませんのでご注意を。

CSSはスタイルシートに記載するか、スタイル用JSとして記事内に記載するか選択してください。

利用頻度が低い場合にはスタイルシートではなく記事内でのJS掲載が良いかもしれません。両方ではなくいずれか一方を選ぶようにしてください。
また、長文掲載には向きません のであくまでもメッセージ的・短文での利用をおすすめします。

ポイント画の部分はlazyloadingできるようにbackgroundではなくimgで記載してあります。記事内でlazyloadingをご利用の方は適用をおすすめします。

素材のダウンロード

装飾に利用している画像はpublic domainですが 直リンク厳禁 でお願いします。
* 直リンク = 「ダウンロード → 自身のサーバーにアップロード」の工程を行わずにURLだけを取得すること。

それぞれの画像は必ず「右クリック → 名前を付けて保存」か「ドラッグ&ドロップ」によるダウンロードをしてください。
仮に私がこれらの画像をうっかり削除するとみなさんの画像も連動して表示が行われなくなってしまいますので自己責任・自己管理でお願いします。

YouTube装飾とお揃いですので、セットで利用する場合は同じ画像を二度DLする必要はありません。

メッセージボードいろいろ

文章をp要素でマークアップしたい方は テキスト の部位を <p>テキスト</p> に変更してください。

白薔薇背景

あなたは多年初めてその満足家というもののところがするうです。すでに時分で妨害者はもっともその病気ないなほどをしていけんがは意味云っますでと、たったにはなるでですたで。

とりを見えたくっものはまあ事実をいかにたうう。近頃岡田さんにお話国家ますます所有にもっある学校この個性あなたか構成にとかいうご接近たなですないが。

この一生も私か間接域を起るて、岡田さんののに子弟のそれへやはりお誘惑と来らけれども私子分を同経験に認めようにいくらご失敗を上っないざるて。

【html】 

<div class="wall-6-1" style="max-width: 600px"><!-- max-widthは横幅最大値 -->
  <div class="wall-6-1-border">
    <div class="wall-6-1-border2">
      <div class="wall-6-1-text">
        テキスト
      </div>
    </div>
  </div>
</div>

横幅制限が不要な場合は style="max-width: 600px" を 削除。数値変更可。
styleの前の半角スペースも忘れずに削除。

【スタイル用JS】(記事末尾に記載)
注) 画像アドレスを入れる箇所あり (画像a 3箇所, 画像b 3箇所, 計6箇所) 

<script>
var styleElm = document.createElement('style');
styleElm.innerText = '.wall-6-1{margin:30px auto;padding:2px;box-shadow:8px 8px 8px rgba(0,0,0,.2);background:url(画像bURL) content-box,url(画像aURL) padding-box;color:rgb(51,51,51)}.wall-6-1-border{margin:2%;padding:2px;background:url(画像bURL) content-box,url(画像aURL) padding-box}.wall-6-1-border2{margin:4%;padding:2px;background:url(画像bURL) content-box,url(画像aURL) padding-box}.wall-6-1-text{padding:1.5em}.wall-6-1-text p:first-of-type{margin-top:0!important}.wall-6-1-text p:last-of-type{margin-bottom:0!important}';
document.getElementsByTagName('head').item(0).appendChild(styleElm);
</script>

【CSS雛形】(スタイルシート末尾に記載)
注) 画像アドレスを入れる箇所あり (画像a 3箇所, 画像b 3箇所, 計6箇所) 

.wall-6-1 {
  margin: 30px auto;
  padding: 2px;
  box-shadow: 8px 8px 8px rgba(0,0,0,.2);
  background: url(画像bURL) content-box,
              url(画像aURL) padding-box;
  color: rgb(51,51,51);
}

.wall-6-1-border {
  margin: 2%;
  padding: 2px;
  background: url(画像bURL) content-box,
              url(画像aURL) padding-box;
}

.wall-6-1-border2 {
  margin: 4%;
  padding: 2px;
  background: url(画像bURL) content-box,
              url(画像aURL) padding-box;
}

.wall-6-1-text {
  padding: 1.5em;
}

.wall-6-1-text p:first-of-type {
  margin-top: 0 !important;
}

.wall-6-1-text p:last-of-type {
  margin-bottom: 0 !important;
}

素材DL

画像a (100×100)
画像b (400×481)

黒枠赤背景

あなたは多年初めてその満足家というもののところがするうです。すでに時分で妨害者はもっともその病気ないなほどをしていけんがは意味云っますでと、たったにはなるでですたで。

とりを見えたくっものはまあ事実をいかにたうう。近頃岡田さんにお話国家ますます所有にもっある学校この個性あなたか構成にとかいうご接近たなですないが。

この一生も私か間接域を起るて、岡田さんののに子弟のそれへやはりお誘惑と来らけれども私子分を同経験に認めようにいくらご失敗を上っないざるて。

【html】
注) 画像アドレスを入れる箇所あり (画像b 1箇所, 画像c 1箇所, 計2箇所) 

<div class="wall-6-2" style="max-width: 600px"><!-- max-widthは横幅最大値 -->
  <div class="wall-6-2-border">
    <div class="wall-6-2-border2">
      <div class="wall-6-2-text">
        テキスト
      </div>
    </div>
  </div>
  <div class="wall-6-2-imagewrapper">
    <img class="wall-6-2-image" src="画像bURL" alt="">
  </div>
  <div class="wall-6-2-imagewrapper2">
    <img class="wall-6-2-image2" src="画像cURL" alt="">
  </div>
</div>

横幅制限が不要な場合は style="max-width: 600px" を 削除。数値変更可。
styleの前の半角スペースも忘れずに削除。

【スタイル用JS】(記事末尾に記載)
注) 画像アドレスを入れる箇所あり (画像a 1箇所) 

<script>
var styleElm = document.createElement('style');
styleElm.innerText = '.wall-6-2{display:flex;flex-direction:column;align-items:center;margin:30px auto}.wall-6-2-border{position:relative;z-index:1;width:100%;padding:10px;border:5px ridge rgb(51,51,51);color:white}.wall-6-2-border::before{content:"";box-sizing:border-box;display:block;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;border:3px groove black;background:rgb(79,23,22) url(画像aURL) left top repeat-y}.wall-6-2-border::after{content:"";box-sizing:border-box;display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:calc(100% - 12px);height:calc(100% - 12px);margin:auto;border:2px dotted black}.wall-6-2-border2{position:relative;z-index:4;border:6px dotted black}.wall-6-2-border2::before{content:"";box-sizing:border-box;display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;width:calc(100% - 8px);height:calc(100% - 8px);margin:auto;border:2px dotted black}.wall-6-2-text{position:relative;z-index:10;padding:1.5em 1.5em 10%}.wall-6-2-imagewrapper{position:relative;z-index:3;width:30%;margin-top:-10%}.wall-6-2-imagewrapper2{position:relative;z-index:2;width:100%;margin-top:-26%}.wall-6-2-image,.wall-6-2-image2{width:100%;filter:drop-shadow(5px 5px 10px rgba(0,0,0,.6))}.wall-6-2-text p:first-of-type{margin-top:0!important}.wall-6-2-text p:last-of-type{margin-bottom:0!important}';
document.getElementsByTagName('head').item(0).appendChild(styleElm);
</script>

【CSS雛形】(スタイルシート末尾に記載)
注) 画像アドレスを入れる箇所あり (画像a 1箇所) 

.wall-6-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 30px auto;
}

.wall-6-2-border {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 10px;
  border: 5px ridge rgb(51,51,51);
  color: white;
}

.wall-6-2-border::before {
  content: "";
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  border: 3px groove black;
  background: rgb(79,23,22) url(画像aURL) left top repeat-y;
}

.wall-6-2-border::after {
  content: "";
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  margin: auto;
  border: 2px dotted black;
}

.wall-6-2-border2 {
  position: relative;
  z-index: 4;
  border: 6px dotted black;
}

.wall-6-2-border2::before {
  content: "";
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  margin: auto;
  border: 2px dotted black;
}

.wall-6-2-text {
  position: relative;
  z-index: 10;
  padding: 1.5em 1.5em 10%;
}
.wall-6-2-imagewrapper {
  position: relative;
  z-index: 3;
  width: 30%;
  margin-top: -10%;
}

.wall-6-2-imagewrapper2 {
  position: relative;
  z-index: 2;
  width: 100%;
  margin-top: -26%;
}

.wall-6-2-image,
.wall-6-2-image2 {
  width: 100%;
  filter: drop-shadow(5px 5px 10px rgba(0,0,0,.6));
}

.wall-6-2-text p:first-of-type {
  margin-top: 0 !important;
}

.wall-6-2-text p:last-of-type {
  margin-bottom: 0 !important;
}

素材DL

画像a (500×500)
画像b (690×377)
画像c (481×220)

青い花背景

あなたは多年初めてその満足家というもののところがするうです。すでに時分で妨害者はもっともその病気ないなほどをしていけんがは意味云っますでと、たったにはなるでですたで。

とりを見えたくっものはまあ事実をいかにたうう。近頃岡田さんにお話国家ますます所有にもっある学校この個性あなたか構成にとかいうご接近たなですないが。

この一生も私か間接域を起るて、岡田さんののに子弟のそれへやはりお誘惑と来らけれども私子分を同経験に認めようにいくらご失敗を上っないざるて。

【html】
注) 画像アドレスを入れる箇所あり (画像b 1箇所) 

<div class="wall-6-3" style="max-width: 600px"><!-- max-widthは横幅最大値 -->
  <div class="wall-6-3-border">
    <div class="wall-6-3-border2">
      <div class="wall-6-3-border3">
        <div class="wall-6-3-text">
          テキスト
        </div>
      </div>
    </div>
  </div>
  <div class="wall-6-3-imagewrapper">
    <img class="wall-6-3-image" src="画像bURL" alt="">
  </div>
</div>

横幅制限が不要な場合は style="max-width: 600px" を 削除。数値変更可。
styleの前の半角スペースも忘れずに削除。

【スタイル用JS】(記事末尾に記載)
注) 画像アドレスを入れる箇所あり (画像a 2箇所) 

<script>
var styleElm = document.createElement('style');
styleElm.innerText = '.wall-6-3{display:flex;flex-direction:column;align-items:flex-end;margin:30px auto;color:rgb(51,51,51)}.wall-6-3-border{position:relative;z-index:1;width:100%;padding:4%;border:2px solid rgb(218,199,159);background:url(画像aURL) center center /150px auto}.wall-6-3-border2{padding:2%;border:2px solid rgb(218,199,159);background:white}.wall-6-3-border3{padding:3%;border:2px solid rgb(218,199,159);background:repeating-linear-gradient(to bottom,rgb(56,89,186),rgb(153,190,217) 100px,rgb(56,89,186) 200px)}.wall-6-3-text{position:relative;z-index:5;padding:1em 1em 30%;border:2px solid rgb(218,199,159);background:url(画像aURL)}.wall-6-3-text::before{content:"";box-sizing:border-box;display:block;position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:rgba(255,255,255,.6)}.wall-6-3-imagewrapper{position:relative;z-index:2;width:60%;margin-top:-40%}.wall-6-3-image{width:100%}.wall-6-3-text p:first-of-type{margin-top:0!important}.wall-6-3-text p:last-of-type{margin-bottom:0!important}';
document.getElementsByTagName('head').item(0).appendChild(styleElm);
</script>

【CSS雛形】(スタイルシート末尾に記載)
注) 画像アドレスを入れる箇所あり (画像a 2箇所) 

.wall-6-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin: 30px auto;
  color: rgb(51,51,51);
}

.wall-6-3-border {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 4%;
  border: 2px solid rgb(218,199,159);
  background: url(画像aURL) center center /150px auto;
}

.wall-6-3-border2 {
  padding: 2%;
  border: 2px solid rgb(218,199,159);
  background: white;
}

.wall-6-3-border3 {
  padding: 3%;
  border: 2px solid rgb(218,199,159);
  background: repeating-linear-gradient(to bottom,rgb(56,89,186),rgb(153,190,217) 100px,rgb(56,89,186) 200px);
}

.wall-6-3-text {
  position: relative;
  z-index: 5;
  padding: 1em 1em 30%;
  border: 2px solid rgb(218,199,159);
  background: url(画像aURL);
}

.wall-6-3-text::before {
  content: "";
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,.6);
}

.wall-6-3-imagewrapper {
  position: relative;
  z-index: 2;
  width: 60%;
  margin-top: -40%;
}

.wall-6-3-image {
  width: 100%;
}

.wall-6-3-text p:first-of-type {
  margin-top: 0 !important;
}

.wall-6-3-text p:last-of-type {
  margin-bottom: 0 !important;
}

素材DL

画像a (500×445)
画像b (400×401)

金枠と紫の花

あなたは多年初めてその満足家というもののところがするうです。すでに時分で妨害者はもっともその病気ないなほどをしていけんがは意味云っますでと、たったにはなるでですたで。

とりを見えたくっものはまあ事実をいかにたうう。近頃岡田さんにお話国家ますます所有にもっある学校この個性あなたか構成にとかいうご接近たなですないが。

この一生も私か間接域を起るて、岡田さんののに子弟のそれへやはりお誘惑と来らけれども私子分を同経験に認めようにいくらご失敗を上っないざるて。

【html】
注) 画像アドレスを入れる箇所あり (画像c 1箇所) 

<div class="wall-6-4" style="max-width: 600px"><!-- max-widthは横幅最大値 -->
  <div class="wall-6-4-border">
    <div class="wall-6-4-border2">
      <div class="wall-6-4-text">
        テキスト
      </div>
    </div>
  </div>
  <div class="wall-6-4-imagewrapper">
    <img class="wall-6-4-image" src="画像cURL" alt="">
  </div>
</div>

横幅制限が不要な場合は style="max-width: 600px" を 削除。数値変更可。
styleの前の半角スペースも忘れずに削除。

【スタイル用JS】(記事末尾に記載)
注) 画像アドレスを入れる箇所あり (画像a 2箇所, 画像b 1箇所, 計2箇所) 

<script>
var styleElm = document.createElement('style');
styleElm.innerText = '.wall-6-4{display:flex;flex-direction:column;align-items:center;margin:30px auto;color:white;text-shadow:2px 0 2px rgba(85,85,85,.8)}.wall-6-4-border{position:relative;padding:calc(5% + 8px);border:1px solid rgb(194,176,113);background:url(画像aURL)}.wall-6-4-border::before{content:"";box-sizing:border-box;display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:calc(100% - 16px);height:calc(100% - 16px);margin:auto;border:1px solid rgb(194,176,113);background:url(画像bURL)}.wall-6-4-border2{position:relative;z-index:2;padding:8px;border:1px solid rgb(194,176,113);background:url(画像aURL)}.wall-6-4-text{position:relative;z-index:10;padding:1em 1em 35%;border:1px solid rgb(194,176,113);background:linear-gradient(to bottom,rgb(178,196,182),rgb(12,3,32))}.wall-6-4-imagewrapper{position:relative;z-index:2;width:80%;margin-top:-40%}.wall-6-4-image{width:100%}.wall-6-4-text p:first-of-type{margin-top:0!important}.wall-6-4-text p:last-of-type{margin-bottom:0!important}';
document.getElementsByTagName('head').item(0).appendChild(styleElm);
</script>

【CSS雛形】(スタイルシート末尾に記載)
注) 画像アドレスを入れる箇所あり (画像a 2箇所, 画像b 1箇所, 計2箇所) 

.wall-6-4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 30px auto;
  color: white;
  text-shadow: 2px 0 2px rgba(85,85,85,.8);
}

.wall-6-4-border {
  position: relative;
  padding: calc(5% + 8px);
  border: 1px solid rgb(194,176,113);
  background: url(画像aURL);
}

.wall-6-4-border::before {
  content: "";
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  margin: auto;
  border: 1px solid rgb(194,176,113);
  background: url(画像bURL);
}

.wall-6-4-border2 {
  position: relative;
  z-index: 2;
  padding: 8px;
  border: 1px solid rgb(194,176,113);
  background: url(画像aURL);
}

.wall-6-4-text {
  position: relative;
  z-index: 10;
  padding: 1em 1em 35%;
  border: 1px solid rgb(194,176,113);
  background: linear-gradient(to bottom,rgb(178,196,182),rgb(12,3,32));
}

.wall-6-4-imagewrapper {
  position: relative;
  z-index: 2;
  width: 80%;
  margin-top: -40%;
}

.wall-6-4-image {
  width: 100%;
}

.wall-6-4-text p:first-of-type {
  margin-top: 0 !important;
}

.wall-6-4-text p:last-of-type {
  margin-bottom: 0 !important;
}

素材DL

画像a (38×128)
画像b (139×140)
画像c (500×379)

黒枠赤リボン

あなたは多年初めてその満足家というもののところがするうです。すでに時分で妨害者はもっともその病気ないなほどをしていけんがは意味云っますでと、たったにはなるでですたで。

とりを見えたくっものはまあ事実をいかにたうう。近頃岡田さんにお話国家ますます所有にもっある学校この個性あなたか構成にとかいうご接近たなですないが。

この一生も私か間接域を起るて、岡田さんののに子弟のそれへやはりお誘惑と来らけれども私子分を同経験に認めようにいくらご失敗を上っないざるて。

【html】
注) 画像アドレスを入れる箇所あり (画像b 1箇所) 

<div class="wall-6-5" style="max-width: 600px"><!-- max-widthは横幅最大値 -->
  <div class="wall-6-5-imagewrapper">
    <img class="wall-6-5-image" src="画像bURL" alt="">
  </div>
  <div class="wall-6-5-border">
    <div class="wall-6-5-border2">
      <div class="wall-6-5-border3">
        <div class="wall-6-5-text">
          テキスト
        </div>
      </div>
    </div>
  </div>
</div>

横幅制限が不要な場合は style="max-width: 600px" を 削除。数値変更可。
styleの前の半角スペースも忘れずに削除。

【スタイル用JS】(記事末尾に記載)
注) 画像アドレスを入れる箇所あり (画像a 1箇所) 

<script>
var styleElm = document.createElement('style');
styleElm.innerText = '.wall-6-5{display:flex;flex-direction:column;align-items:center;margin:30px auto;color:white}.wall-6-5-imagewrapper{position:relative;z-index:2;width:80%}.wall-6-5-image{width:100%;filter:drop-shadow(5px 5px 10px rgba(0,0,0,.6))}.wall-6-5-border{position:relative;z-index:1;padding:3%;width:100%;margin-top:-15%;background:radial-gradient(circle closest-side,rgb(240,179,114),rgb(240,179,114) 50%,rgb(61,61,61) 50%,rgb(61,61,61)) 0 0 /6px 6px}.wall-6-5-border::before{content:"";box-sizing:border-box;display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:calc(100% - 6px);height:calc(100% - 6px);margin:auto;background:repeating-linear-gradient(90deg,black 0,black 3px,rgb(61,61,61) 3px,rgb(61,61,61) 6px)}.wall-6-5-border2{position:relative;z-index:3;padding:3%;background:rgb(51,51,51) url(画像aURL)}.wall-6-5-border3{padding:3%;background:repeating-linear-gradient(90deg,black 0,black 3px,rgb(61,61,61) 3px,rgb(61,61,61) 6px)}.wall-6-5-text{padding:5% 1em 1em;background:repeating-linear-gradient(90deg,black,rgb(41,41,41) 13px,black 30px,rgb(41,41,41) 70px,black 110px)}.wall-6-5-text p:first-of-type{margin-top:0!important}.wall-6-5-text p:last-of-type{margin-bottom:0!important}';
document.getElementsByTagName('head').item(0).appendChild(styleElm);
</script>

【CSS雛形】(スタイルシート末尾に記載)
注) 画像アドレスを入れる箇所あり (画像a 1箇所) 

.wall-6-5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 30px auto;
  color: white;
}

.wall-6-5-imagewrapper {
  position: relative;
  z-index: 2;
  width: 80%;
}

.wall-6-5-image {
  width: 100%;
  filter: drop-shadow(5px 5px 10px rgba(0,0,0,.6));
}

.wall-6-5-border {
  position: relative;
  z-index: 1;
  padding: 3%;
  width: 100%;
  margin-top: -15%;
  background: radial-gradient(circle closest-side, rgb(240,179,114), rgb(240,179,114) 50%, rgb(61,61,61) 50%, rgb(61,61,61)) 0 0 /6px 6px;
}

.wall-6-5-border::before {
  content: "";
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  margin: auto;
  background: repeating-linear-gradient(90deg, black 0, black 3px, rgb(61,61,61) 3px, rgb(61,61,61) 6px);
}

.wall-6-5-border2 {
  position: relative;
  z-index: 3;
  padding: 3%;
  background: rgb(51,51,51) url(画像aURL);
}

.wall-6-5-border3 {
  padding: 3%;
  background: repeating-linear-gradient(90deg, black 0, black 3px, rgb(61,61,61) 3px, rgb(61,61,61) 6px);
}

.wall-6-5-text {
  padding: 5% 1em 1em;
  background: repeating-linear-gradient(90deg, black, rgb(41,41,41) 13px, black 30px, rgb(41,41,41) 70px, black 110px);
}

.wall-6-5-text p:first-of-type {
  margin-top: 0 !important;
}

.wall-6-5-text p:last-of-type {
  margin-bottom: 0 !important;
}

素材DL

画像a (150×144)
画像b (500×124)

お揃いのYouTube装飾はコチラ

YouTubeを飾ってみる その6

YouTubeを飾ってみる その6

お揃いのメッセージボードもあります。ボードの方の装飾がイカツイのでこちらは控えめにしておきました。...

vanillaice000.blog.fc2.com

過去のメッセージボードはコチラ

春っぽいお花背景のメッセージボード

春っぽいお花背景のメッセージボード

「CSSで遊ぼう」のコーナーです。 … そんなのあったんかい (´・ｪ・｀) お遊びシリーズは Playground のタグにまとめています。今回はお花背景のシンプルなメッセージボードです。YouTube装飾とお揃いにしましたのでそちらもどうぞ。...

vanillaice000.blog.fc2.com
メッセージボード その5

メッセージボード その5

その2〜その4までがありませんが、YouTube装飾とお揃いなので同じナンバーの方がわかりやすいと思ってー (´・ω・｀)...

vanillaice000.blog.fc2.com
Related post

Comments  4

-
2019/05/08 (Wed) 15:53

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

vanillaice (Akira)
Akira
2019/05/08 (Wed) 16:06

To メッセボードの件 内緒さん

えー！マジですか！すごく嬉しい(笑)
はい。住所は変わりありません。

以前頂いたグラスも大切に使わせて頂いてます。いつもありがとうございます :)

-
2019/05/08 (Wed) 20:02

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

vanillaice (Akira)
Akira
2019/05/09 (Thu) 16:31

To メッセボードの件 内緒さん②

こんにちは。

はい。どうぞ内緒さんの良いようになさってください。ありがとうございます :)

コメントに関する注意事項
  • テンプレートに関するご質問は各テンプレート専用記事でのみ受付致します。また、よくある質問をまとめているページも事前にご参照ください。
    FC2共有テンプレート一覧 ご質問の前に
  • 専門的なご質問の場合、記事内容と明らかに関連の無い内容はお控えください(雑談の場合はその限りではありません)
  • 第三者が不快と感じる内容や論調でのコメントはお控えください(性的,高圧的,暴力的など)
「遊び」 カテゴリの一覧を見る