写真と文用素材 - スナックelve 本店

写真と文の方に次乗る記事で紹介しますが、素材を作ったので共有しますね。直リンＯＫ
（スマホだとわからんけどサイズ違います）

ランダム表示

<div style="position: relative; margin: 2em 0; padding: 1em 0.5em 1em 1em; border: solid 3px #9181c5; border-radius: 8px;"><span style="position: absolute; display: inline-block; top: -13px; left: 10px; padding: 0 9px; line-height: 1; font-size: 19px; background-color: #F5F5F5; color: #9181c5; font-weight: bold;">参加してます</span>
<p><iframe src="https://elve.club/photo_document/" frameborder="0" style="border:0" allowfullscreen></iframe></p>
</div>

↓表示のたびに違うアイコンでてきます。その人の投稿ページにリンクしてるはず

参加してます

8名版

<div style="position: relative; margin: 2em 0; padding: 1em 0.5em 1em 1em; border: solid 3px #9181c5; border-radius: 8px;"><span style="position: absolute; display: inline-block; top: -13px; left: 10px; padding: 0 9px; line-height: 1; font-size: 19px; background-color: #F5F5F5; color: #9181c5; font-weight: bold;">参加してます</span>
<p><iframe src="https://elve.club/photo_document/random2.php" frameborder="0" style="border:0" allowfullscreen></iframe></p>
</div>
参加してます

参加してます

個人の記事リンクのみ

<div style="position: relative; margin: 2em 0; padding: 1em 0.5em 1em 1em; border: solid 3px #9181c5; border-radius: 8px;"><span style="position: absolute; display: inline-block; top: -13px; left: 10px; padding: 0 9px; line-height: 1; font-size: 19px; background-color: #F5F5F5; color: #9181c5; font-weight: bold;">参加してます</span>
<p><iframe src="https://elve.club/photo_document/random.php" frameborder="0" style="border:0" allowfullscreen></iframe></p>
</div>

参加してます

個人ブログリンク付き

<div style="position: relative; margin: 2em 0; padding: 0.5em 1em; border: solid 3px #9181c5; border-radius: 8px;"><span style="position: absolute; display: inline-block; top: -13px; left: 10px; padding: 0 9px; line-height: 1; font-size: 19px; color: #9181c5; font-weight: bold; background-color:#fff">参加しとります</span>
<p style="margin: 0; padding: 0;">
<iframe src="https://elve.club/photo_document/random3.php" width="200" height="350" frameborder="0" style="border:0" allowfullscreen></iframe>
</p>
</div>

参加しとります

アイコン+ロゴ

https://cdn-ak.f.st-hatena.com/images/fotolife/e/elve/20240310/20240310113730_original.png

https://cdn-ak.f.st-hatena.com/images/fotolife/e/elve/20240310/20240310113730.png

https://cdn-ak.f.st-hatena.com/images/fotolife/e/elve/20240310/20240310113725_original.png

https://cdn-ak.f.st-hatena.com/images/fotolife/e/elve/20240310/20240310113725.png

アイコン

https://cdn-ak.f.st-hatena.com/images/fotolife/e/elve/20240310/20240310113716_original.png

https://cdn-ak.f.st-hatena.com/images/fotolife/e/elve/20240310/20240310113716.png

https://cdn-ak.f.st-hatena.com/images/fotolife/e/elve/20240310/20240310113720_original.png

https://cdn-ak.f.st-hatena.com/images/fotolife/e/elve/20240310/20240310113720.png

<div style="position: relative; margin: 2em 0; padding: 1em 0.5em 1em 1em; border: solid 3px #9181c5; border-radius: 8px;"><span style="position: absolute; display: inline-block; top: -13px; left: 10px; padding: 0 9px; line-height: 1; font-size: 19px; background-color: #F5F5F5; color: #9181c5; font-weight: bold;">参加してます</span>
<p><a href="https://hiyokomagazine.hatenablog.com/"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/e/elve/20240310/20240310113725.png"></a></p>
</div>