メッセージの編集
タイトル
お名前
本文
LINE風に吹き出しをつけて登場人物同士が会話しているようにみせたいのですが、上手く設定できません。いろいろ調べたのですがどうもわからないので教えて頂きたいです。 小説ページはテンプレ使用で、ネットで調べたLINE風吹き出しをHEAD/HTML詳細に追加でいれたのですが、デザインに収まらず崩れてしまいます。 どうすれば良いでしょうか? HEAD/HTMLはこうなっています。 <!--検索避けタグ--> <META NAME="ROBOTS" CONTENT="NOINDEX"> <META NAME="ROBOTS" CONTENT="NOFOLLOW"> <META NAME="ROBOTS" CONTENT="NOARCHIVE"> <META NAME="ROBOTS" CONTENT="NOINDEX,NOFOLLOW,NOARCHIVE"> <META NAME="ROBOTS" CONTENT="NONE"> <meta name="robots" content="noindex"> <meta name="robots" content="nofollow"> <meta name="robots" content="noarchive"> <meta name="robots" content="noindex,nofollow,noarchive"> <meta name="robots" content="none"> <META NAME="GOOGLEBOT" CONTENT="NOINDEX"> <META NAME="GOOGLEBOT" CONTENT="NOFOLLOW"> <META NAME="GOOGLEBOT" CONTENT="NOARCHIVE"> <META NAME="GOOGLEBOT" CONTENT="NOINDEX,NOFOLLOW,NOARCHIVE"> <MATA NAME="GOOGLEBOT" CONTENT="NONE"> <meta name="googlebot" content="noindex"> <meta name="googlebot" content="nofollow"> <meta name="googlebot" content="noarchive"> <meta name="googlebot" content="noindex,nofollow,noarchive"> <meta name="googlebot" content="none"> <META NAME="LIBWWW-PERL" CONTENT="NOINDEX"> <META NAME="LIBWWW-PERL" CONTENT="NOFOLLOW"> <META NAME="LIBWWW-PERL" CONTENT="NOARCHIVE"> <META NAME="LIBWWW-PERL" CONTENT="NOINDEX,NOFOLLOW,NOARCHIVE"> <META NAME="LIBWWW-PERL" CONTENT="NONE"> <meta name="libwww-perl" content="noindex"> <meta name="libwww-perl" content="nofollow"> <meta name="libwww-perl" content="noarchive"> <meta name="libwww-perl" content="noindex,nofollow,noarchive"> <meta name="libwww-perl" content="none"> <!--検索避けタグ--> <pc_only><style type="text/css"><!-- body{ text-align:center; scrollbar-face-color:#ffffff; scrollbar-3dlight-color:#dddddd; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#ffffff; scrollbar-darkshadow-color:#dddddd; scrollbar-arrow-color:#dddddd; scrollbar-track-color:#ffffff; font-family:メイリオ, Verdana, Arial, Osaka, Helvetica, sans-serif; font-size:82%;} br {letter-spacing:0;} .all{ width:600px; text-align:left; padding:0% 0%; margin:0 auto; border:solid #ffffff 0px; line-height:1.8; letter-spacing:2px; font-family:メイリオ, Verdana, Arial, Osaka, Helvetica, sans-serif;} .top{ padding:2% 5%; margin:0 auto; font-family:Times New Roman, Arial; font-size:190%; letter-spacing:3px;} .main{ margin:1% 5%;} .side{ border-left:solid #555555 5px; padding:0% 0% 0% 2%;} .midashi{ margin:0% 0% 2% 0%; font-family:Arial; font-size:110%;} .line01{ border-bottom:dashed #999999 1px; margin:0% 0% 2% 0%; font-family:Arial; font-size:110%;} .line02{ border-top:dashed #999999 1px; border-bottom:dashed #999999 1px; margin:0% 0% 2% 0%; font-family:Arial; font-size:110%;} span.line{ padding:0.1em 0.1em; border-bottom:dashed #bbbbbb 1px;} span.subhead{ padding:0.1em 2.5em 0.15em 0.8em; margin:2% 0%; font-family:Arial; background-color:#000000; color:#ffffff;} h1{ text-align:right; padding:1% 0% 0% 0%; margin:0% 0% 2% 0%; font-size:100%; font-weight:normal; border-top:double #cccccc 3px;} a{ text-decoration:none; border-bottom:dotted 1px #000000;} a:link{ text-decoration:none;} a:visited{ text-decoration:none;} a:hover{ text-decoration:none; color:#cccccc;} input,textarea,select,option{ padding:1px 3px; margin:1px 1px; font-family:メイリオ; font-size:92%; color:#555555; background-color:#ffffff; border:solid 1px #cccccc;} --></style></pc_only> <smartphone><style type="text/css"><!-- body{ text-align:left; line-height:1.7; letter-spacing:1px; font-size:82%;} .top{ padding:2% 4%; font-family:Times New Roman, Arial; font-size:150%; letter-spacing:2px;} .main{ margin:1% 4%;} .midashi{ margin:0% 0% 2% 0%; font-family:Arial; font-size:110%;} .line01{ border-bottom:dashed #999999 1px; margin:0% 0% 2% 0%; font-family:Arial; font-size:110%;} .line02{ border-top:dashed #999999 1px; border-bottom:dashed #999999 1px; margin:0% 0% 2% 0%; font-family:Arial; font-size:110%;} span.line{ padding:0.1em 0.1em; border-bottom:dashed #bbbbbb 1px;} span.subhead{ padding:0.2em 2.5em 0.2em 0.8em; margin:2% 0%; background-color:#000000; color:#ffffff;} h1{ text-align:right; padding:1% 0% 0% 0%; margin:0% 0% 2% 0%; font-size:100%; font-weight:normal; border-top:double #cccccc 3px;} a{ text-decoration:none; border-bottom:dotted 1px #000000;} a:link{ text-decoration:none;} a:visited{ text-decoration:none;} a:hover{ text-decoration:none; color:#cccccc;} input,input[type="text"],input[type="number"],input[type="password"],input[type="submit"]{ width:auto; padding-right:8px; padding-left:8px; margin:1%; color:#555555; background-image:none; background-color:#ffffff; border:solid 1px #cccccc;} textarea,select,option{ color:#555555; background-image:none; background-color:#ffffff; border:solid 1px #cccccc;} --></style></smartphone> <nopc><style type="text/css"> body{ text-align:left; line-height:105%; letter-spacing:1px; font-size:82%;} .top{ padding:2% 5%; font-size:120%; letter-spacing:2px;} .main{ margin:1% 5%;} .midashi{ margin:0% 0% 2% 0%; font-family:Arial; font-size:90%;} .line01{ border-bottom:dashed #999999 1px; margin:0% 0% 2% 0%; letter-spacing:1px;} .line02{ border-top:dashed #999999 1px; border-bottom:dashed #999999 1px; margin:0% 0% 2% 0%; letter-spacing:1px;} span.line{ padding:0.1em 0.1em; border-bottom:dashed #bbbbbb 1px;} span.subhead{ padding:0.1em 2.0em 0.1em 0.8em; margin:2% 0%; background-color:#000000; color:#ffffff;} h1{ text-align:right; padding:1% 0% 0% 0%; margin:0% 0% 2% 0%; font-size:100%; font-weight:normal; border-top:double #cccccc 3px;} a{ text-decoration:none; border-bottom:dotted 1px #000000;} a:link{ text-decoration:none;} a:visited{ text-decoration:none;} a:hover{ text-decoration:none; color:#cccccc;} input,textarea,select,option{ color:#555555; background-image:none; background-color:#ffffff; border:solid 1px #cccccc;} </style></nopc> 長々と申し訳ないですが、宜しくお願い致します。
編集パス
編集
記事削除
×
人気急上昇中のBL小説
BL小説 BLove
- ナノ -