res さつき様

response

再度のご連絡ありがとうございます。

形状は問題ないようでなによりです。　以下今回分の回答になります。

右側の名前に色をつける

前回お渡ししたhead内CSSの、/* 右寄せ名前 */すぐ下のカラーコードを変更しても変化はありませんか？

「そういうことじゃない」と言う場合は申し訳ないですが詳細をお願いします。

発言者毎の名前部分の配色変更

head内/* -- layout -- */のすぐ上あたりに、以下を必要数分足してください。

CSS


        
          .talk > li > [data-af="名前"]::after {
          	background-color: #ff0000;/*背景色*/
          	color: #ffffff;/*文字色*/
          }

	`名前`を発言者名と置き換え
	それぞれデフォルト色で良い場合は行ごと削除

おまけ

発言者名依存ではない配色変更

body内の名前用span要素に以下の属性を追加
└class="color01"
にて以下の置き換え
└[data-af="名前"] → .color01

配色毎にクラス名を変更してください。(例：color02color03...)

ふきだしの配色

CSS


        
          .talk > li > [data-af="名前"] + .text {
          	background-color: #ffffff;/*背景色*/
          	color: #000000;/*文字色*/
          	border-color: #ff0000;/*枠色*/
          }

解説は前述した名前部分の配色変更と同様の為割愛。「発言者名依存でない～」場合も同様の処理をしてください。