sikaku

既読、時刻表記の設定追加

head内

<style>要素間最下部に以下を追加

CSS
  1. /* ■既読,時刻表記設定■ */
  2. <nopc>
  4. /* 携帯閲覧時用 */
  5. #left .side{
  6. /*左寄せ文字色*/
  7. color: #cccccc ;
  8. }
  10. #right .side{
  11. /*右寄せ文字色*/
  12. color: #8afe7e ;
  13. }
  15. .side{
  16. text-align: right ;
  17. }
  19. </nopc>
  20. <pc>
  22. .side{
  23. position: absolute ;
  24. display: inline-block ;
  25. width: 4em ;
  26. bottom: 0 ;
  27. }
  30. #left .side{
  31. right: -4.5em ;
  32. text-align: left ;
  33. }
  35. #right .side{
  36. left: -4.5em ;
  37. text-align: right ;
  38. }
  39. </pc>

全体レイアウト

吹き出しに入れる文章末尾に以下を追加

既読、時刻両方込
  • <div class="side">既読<nopc>&nbsp;</nopc><pc><br /></pc>【時刻】</div>
既読のみ
  • <div class="side">既読</div>
時刻のみ
  • <div class="side">【時刻】</div>

スクショ