はてなスマホ写真部

スマホで撮った写真をメインとした記事を書いていくグループです。毎月のテーマを発表します。そのテーマに沿った写真を用いて記事を書いていきます。写真のみで記事を作っても良し!スマホカメラのガジェット紹介をしても良し!ブロガー仲間を作る目的に参加しても良し!部内のルールを守って、楽しいブロガー生活を送りましょう♪ 

吹き出しを使用する方法

当サイトで吹き出しを使用する方法について解説します!

 

* 準備編 

吹き出しで使用する『 画像のURL 』を準備する。

吹き出し画像で使用する『 クラス名 』を決めておく。

③ 上記の「URL」と「クラス名」をユゥヨに教えて下さい。

  タイトルを「 依頼:吹き出し作成 」とし

  下書きを作成してください!

 ✓ 記事を「公開」しないようにしましょう。

 ✓  ユゥヨが見落としている場合は
   IDコールか、コメントをしてください。

④ ユゥヨがCCSデザインの変更いたします。

 

【 画像のURLを見つけれない方 】

コチラの記事を参考にしてください (^^♪

>> https://shiyuzevo.hatenablog.com/entry/2021/11/22/203859

--------------------------------------

* 実践編

具体的な説明をするために

クラス名:ユゥヨ

とさせて頂きます!

 

① 右のカテゴリーから定型文を選択し

 『吹き出し(クラス名を変更して使用して下さい)』

   を選んで、記事に張り付けて下さい。

② HTML編集画面にいき

   <p class="l-fuki クラス名">テキスト</p>

  のクラス名を変更してください。

③  ここではクラス名「ユゥヨ」としているので

   <p class="l-fuki ユゥヨ">テキスト</p>

   と変更していきます。

④ 最後に、こめんとのを消し文章を記載すれば

  完了です!

 

簡単でしょ?

 

吹き出し画像を右・左に変更する場合は、

<p class=" l -fuki クラス名">テキスト</p>

<p class=" r -fuki クラス名">テキスト</p>

に変更し使用して下さい!