(助け合い板より)小説機能の余白

408 views
  1. コメントする
  2. 記事検索
  3. 更新

0
匿名 iPhone 2018/07/09 03:11
助け合い掲示板の方にて、小説機能での余計な余白についてスレ立てした者です。
他サーバーでお借りしたテンプレートをこちらで使用したところ、表紙と目次の右側に余計な余白が出てきてしまっていました。CSSは齧った程度でほぼさっぱりなので、お手数ですが御指南の程よろしくお願いします。


残り997件書き込み可

3
スレ主 iPhone 2018/07/10 05:09
>>2
お返事ありがとうございます。
アドバイス通りにやってみたところ前と同じ状態に作ることができました。
この度は本当にありがとうございました。
2
ななし SOV33 2018/07/09 11:10
>>0
<pc_only>
<smartphone>
は他サーバーの独自タグでAlice+では使えないです。
もし本文側でも使っていれば全てAlice+の独自タグに書き換えてください。
編集画面に独自タグ一覧ページのリンクがあるので参考になるかと。

その際CSSは独自タグの書き換えではなく、元々PC用のCSS入力欄やスマホ用のCSS入力欄が用意されているので、それぞれのstyleタグの中
body{略;}
から
input,略{略}
までを入力してください。

恐らくこれでスマホで見た際class="all"のwidth:600pxが適用されず解決するのではないかと。
解決しなかったら本文側もコピペしてください。
CSSだけ見ても推測で答えるしかないので……
1
スレ主 iPhone 2018/07/09 03:12
>>0
字数制限のためこちらにCSSコピペします。

<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>
1ページ中1ページ目

関連スレッド

関連スレッド



Back to Top