記事一覧へ戻る

かってに改造その②『吹き出し風コメント』


更新日時:18日前 投稿日時:2020-3-17 00:40:08 Author:shikask



 

使い方

このCSSは『ブラウザソース→ガジェット→吹き出し風コメント表示』に対応しています。
OBSのブラウザソース下部にあるカスタムCSSへコピー&ペーストで追加してください。
トラブル防止のため、最初から入力してあるbody~は削除せず、改行後に入力してください。

さらなる改変もご自由にどうぞ。質問等は受け付けておりません。
壊滅的な問題が発生した場合は、お手数ですがshikaskまで直接お問い合わせ願います。


 

サンプル画像とCSS




a {color: #1abc9c;} .arrow_box { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.06), 0 5px 5px rgba(0, 0, 0, 0.06); text-align: center; word-break: break-all; margin: 0; padding: 15px; width: 100% !important; min-width: 80px !important; max-width: 290px !important; height: auto !important; position: relative; background: #; background-color: rgb(0,0,0,0.7) !important; color: #f9f9f9 !important; font-weight: nomal !important; line-height: 1.2 !important; font-size: 17px !important; -webkit-border-radius: 20px !important; }
.SideBySide{ text-align: center; padding-top: 20px; background-color: #000000; background-color: rgb(0,0,0,0.0) !important; width: 100% !important; min-width: 80px !important; max-width: 290px !important; height: auto !important; -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; }
.contain_vrc { text-align: center; display: inline-block; background-color: #ccc; background-position: center center; background-repeat: no-repeat; margin: 5px; width: 150px !important; height: 150px !important; border: 1px solid #ccc; background-size: contain; }
.arrow_box:after { width: 0; height: 0; margin-left: -10px; position: absolute; border: solid transparent; border-width: 10px; border-top-color: #3e3e3e; border-top-color: rgb(0,0,0,0.7) !important; content: " "; top: 100%;
left: 50% !important; pointer-events: none; }

コメント一覧: