写真と文用素材
写真と文の方に次乗る記事で紹介しますが、素材を作ったので共有しますね。直リンＯＫ
（スマホだとわからんけどサイズ違います）
ランダム表示
<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.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.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>
↓
昔のwebリングみたいの作りたいなぁ・・・需要あるかな？ｗ
素材
www.silhouette-ac.com
www.silhouette-ac.com
フォント：HOT-白舟極太楷書教漢 E
www.hakusyu.com
是非フォローしてください
最新の情報をお伝えします
- elve
- オカルト脳なので・・・ 2024年4月25日
- オカルト脳の恐怖 2024年4月19日
- 5000記事以上だとインポートが止まる 2024年4月18日
- 【取り扱い注意】はてなブログクリーナー 2024年4月15日
- きっかけはいつもネット 2024年4月13日