soycatのブログ

PR

×

プロフィール

s0ycat

s0ycat

カレンダー

バックナンバー

2026.08
2026.07
2026.06
2026.05
2026.04

コメント新着

コメントに書き込みはありません。

キーワードサーチ

▼キーワード検索

2021.05.20
XML
テーマ: チャレンジ(47)
カテゴリ: ブログのhtml/環境

諦めず吹き出しデザインに再挑戦しました。

これの続きの巻です。

ブログの吹き出し設定が難しかったのでアイビスでソレっぽく書いてみました


(注意)楽天ブログでは使用できないタグが含まれているようなので、

もしくは私のレベル限界により。



紹介されている方法をいろいろ読んでみたところ、どうやらCSSに書き加える必要がある模様。


開発者向けらしい、どうしよう。




少しビビりつつも試して見たところ、タブレットからではうまいことコピペできず。

この方法は断念しました。

もともと書いてあるコードを消しちゃうとヤバかったみたいなので、それをしでかさなかっただけでもGJ?。

 もう少し検索を続けてみるとCSS設定無しでもできそうな記事を発見。

HTMLのみでオケーなこの方(フジブロっ!さん)のブログを参考にしました。

コピペして定型文に登録するだけ!見たまま編集で使える吹き出しや便利なコード集

  • 画像を用意しUP、URLを取得
  • コードを定型文にコピペ
  • 注意点あり

 前回使った画像があるので、Upload。



さっそくコピペし定型文に登録。

吹き出し背景色を選び設定、説明文などを編集しました。

 いったれっ


▽これはスクショです(前述注)



 何とかできました。

最初にUPした画像が1:1じゃなかったので楕円ぽくなったので修正してUPしたらきれいな円になりました。

これでにゃんこたちの活躍の場が広がります。

フジブロっ!さん、ありがとうございました。






お気に入りの記事を「いいね!」で応援しよう

最終更新日  2023.06.24 16:25:15
コメント(0) | コメントを書く


【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! -- / --
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
X

© Rakuten Group, Inc.
X
Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: