メッセージの編集
タイトル
お名前
本文
似たようなトピがなかったので、新規に作成させていただきました。 現在小説サイトを2つもっております。 そのうち1つはテンプレを使用し、一定の文字数で改行され見やすいのですが、もう1つの方も同じようにしたく思います。 HEAD内を見てみたのですが、どの部分をコピーすればよいのかよく分かりません。 よろしければお知恵を貸してください。 以下HEAD内のタグです。 一定改行される方↓ <style type="text/css"> * { padding : 0px ; margin : 0px ; } html,body,td { font-family:'Century Gothic',Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HGゴシックM","Meiryo","メイリオ",sans-serif; line-height: 1.5; letter-spacing: 2px;} a { text-decoration: none; border-bottom: 1px dashed #000000;} h1{ display: inline; text-align:left; color:#c85179; padding:4px 6px; } .desc { margin:5px 0 0 8px; color:#999; font-size:0.7em; //通常のpに対して70%サイズ } .counter { display: inline} ul li { display: inline; } ul li:after { margin-left: 3px; } } #site-box { width:px; margin : 10px auto } #a-box { padding : 20px 0 0 0px; margin : 0px 0 0 18px; width: px; font-size: px; } #c-box { clear: both; width: px; background-color : #c85179; padding : 0px; margin : 0px; color:#fdeff2 } <pc_only> br { letter-spacing: normal;} h1{ display: inline; text-align:left; color:#c85179; padding:4px 6px; } .counter { display: inline} #site-box { width:700px; margin : 10px auto } #a-box { padding : 20px 0 0 0px; margin : 0px 0 0 180px; width: 700px; font-size: px; } #c-box { clear: both; width: px; background-color : #c85179; padding : 0px; margin : 0px; color:#fdeff2 } a:hover{ position:relative; top: 1px; left: 1px;} </pc_only> </style> 今回折り返しをしたい方↓ <style type="text/css"> body {/*=ベース=*/ text-align: center; margin: 0; padding: 0; } a {/*=リンク_総合=*/ text-decoration: none; } a:hover {/*=リンク_マウスオーバー時=*/ color: #ffffff; position: relative; top: 1px; left: 1px; } p { margin: 0; } #layout {/*=枠=*/ margin: 5px ;/*外側_余白*/ padding-top: 2em !important;/*内側_上余白*/ padding-bottom: 1em !important;/*内側_下余白*/ background-color: #ffffff;/*背景色*/ border: 1px solid #cccccc;/*枠線*/ font-family: 'メイリオ', 'Meiryo', sans-serif;/*フォント*/ color: #000000;/*文字色*/ } #layout a { color: #000000;/*枠内_リンク色*/ } p.title {/*=全体のタイトル=*/ margin: 1em 0;/*余白(上下 左右)*/ font-size: large;/*文字サイズ*/ } ul.list {/*=リスト=*/ margin: 2em 0 1em;/*余白(上 左右 下)*/ padding: 0; list-style: none; } ul.list li.none , ul.list br { display: none; } ul.list li.set {/*=『設定』へのリンク=*/ margin: 2em 0 1em !important;/*余白(上 左右 下)*/ } <nopc> /* ==ガラケー向け== */ #layout{ padding: 25px;/*枠内_余白(左右)*/ } </nopc><pc> /* ==pc,sp向け== */ #layout{ margin-top: 2em;/*枠外_上余白*/ margin-bottom: 1em;/*枠外_下余白*/ } @media only screen and (min-width: 332px) { /*=== ブラウザ幅332px( 下記の最低幅 + 枠内外左右余白合計 + 枠線太さ左右分 )以上でリスト部分を5列に ===*/ ul.list { width: 25%;/*pc向け幅*/ min-width: 300px;/*最低幅*/ margin-right: auto; margin-left: auto; text-align: left; } ul.list li { display: inline-block; margin-top: 15;/*行毎の余白*/ width: 20%;/*5列で100%*/ text-align: center; } ul.list li.ext { margin-top: 15;/*あとがき_上部余白*/ } ul.list li.block { display: block; width: auto; } } </pc> </style> よろしくお願いします。 この他、文章画面レイアウトなども必要でしたら提示します。
編集パス
編集
記事削除
×
「#エロ」のBL小説を読む
BL小説 BLove
- ナノ -