[過去ﾛｸﾞ] =＾・ω・＾= ぬこリゾート Part5 (636ﾚｽ)
上下前次1-新
抽出解除 ﾚｽ栞 あぼーん
このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索 歴削→次ｽﾚ 栞削→次ｽﾚ 過去ﾛｸﾞﾒﾆｭｰ
62(1): ◆xIcROaHbuQ [sage] 2015/04/19(日) 20:00:43.91 ID:kbuzAK+10(1/5) AAS
>>59来た！
常々、classを充実させてほしいと思ってました
現在、スレタイ、板タイトル、トリップ、キャップしか無いから…
スマートフォンは持ってないんだけど、CSSで諸々の設定をするうえで不便な点が多かったので、classやIDを増やすのは大賛成です
以下の点を改良してもらえると嬉しいな
・スレの上や下にある「板」とか「写」とかのリンクに、それぞれID割り振り
・それらについて、スレ上部にあるリンク一括指定とか出来るように、上部メニューと下部メニューにclass割り振り
（例えば、上部にあるものは全部 CLASS="top"、下部にあるものは全部 CLASS="bottom" とか）
・1レス単位で、＜div＞ 〜〜 ＜/div＞ で挟む
省7
75(1): ◆xIcROaHbuQ [sage] 2015/04/19(日) 23:25:13.59 ID:kbuzAK+10(3/5) AAS
>>6767(3): 以下、VIPにかわりましてパー速民がお送りします [sage] 2015/04/19(日) 21:31:03.73 ID:+ODtUXIr0(1) AAS
タブレット向け。サイズオーバーなので外部サーバーにおいて参照させてる。
font{font-size: 22px; font-family: "Meiryo UI";}
input,select {font-size: 22px;background-color: #FFFFCF;}
a[href] {padding: 0.1em 0.1em 0.1em 0.1em; outline: 1px dotted; background-color: #e0F0e0; }
a {text-decoration: none;}
body {padding:2px 32px; line-height: 2.4em; background-color: #FEFEFD; position: relative}
a:hover {color:#ffffff; background:#0000cc;}
a[ACCESSKEY="2"]{width:2em;height:2em;font-size:13px;font-weight:bold;text-align:center;display:block;border:1px solid #225588;padding:8px 0 8px 0;position:fixed;top:1em;left:1px}
a[ACCESSKEY="8"]{width:2em;height:2em;font-size:13px;font-weight:bold;text-align:center;display:block;border:1px solid #225588;padding:8px 0 8px 0;position:fixed;top:5em;left:1px}
a[ACCESSKEY="7"]{width:2em;height:2em;font-size:13px;font-weight:bold;text-align:center;display:block;border:1px solid #225588;padding:8px 0 8px 0;position:fixed;top:10em;left:1px}
省2
ごめん、無駄に長いのが気になったからダメ出しさせてｗｗ
・} で閉める直前はセミコロンを付けなくていいよ
・「background-color」は「background」でも反映させられるよ
・「padding: 0.1em 0.1em 0.1em 0.1em」
→上下左右がそれぞれ違うなら4つの指定が必要になるけど、全方向が同じなら「padding: 0.1em」だけでおｋ
・「padding:8px 0 8px 0」
→[上下]と[左右]がそれぞれ同じなので、「padding:8px 0」でおｋ
・「color:#ffffff」、「background:#0000cc」、「border:1px solid #225588」
→RGB値が3か所とも、左右の値が同じなら、3桁表記の「color:#fff」と「background:#00c」と「border:1px solid #258」でおｋ
省19
77(2): ◆xIcROaHbuQ [sage] 2015/04/19(日) 23:38:42.70 ID:kbuzAK+10(4/5) AAS
>>7070(2): 以下、VIPにかわりましてパー速民がお送りします(埼玉県) [sage] 2015/04/19(日) 22:18:59.48 ID:Xa1jVCpV0(1) AAS
スマホ用にカスタマイズするなら上下メニューのリンク間の半角スペース挿入設定の幅を今より広げられたらいいなと思うことが多々
タブレットの時は平気なんだけど(横画面で使ってるのもあって)、スマホだと次を押そうとして1-を誤爆しまくるんだよね…
文字サイズ大きくしても駄目だった
CSSの設定でリンクの間隔を広げられるよ
[HREF] {margin: 8}
これは、リンクの左右に8ピクセルの余白を作るという指示
（特に小細工をしてないと、リンクに上下の余白は設定できません）
数値はお好みでどーぞ
78(1): ◆xIcROaHbuQ [sage] 2015/04/19(日) 23:43:20.63 ID:kbuzAK+10(5/5) AAS
連投失礼…
>>7676(1): ぬこ ◆nuko.1qHFY [sage] 2015/04/19(日) 23:33:58.17 ID:oc5fSyfDO携(4/5) AAS
上部のメニュー
<a class="mt mxp">前</a>
<a class="mt mxn">次</a>
下部のメニュー
<a class="mb mxp">前</a>
<a class="mb mxn">次</a>
こんな感じでよいのかな？
いいですね！
下部メニュー2段目にある「ｽﾚ情報」 「自ID抽出」……にも全部、
その感じでクラスを割り振ってもらえると、CSSで出来ることが広がります♪♪
81(1): ◆xIcROaHbuQ [sage] 2015/04/20(月) 00:18:29.38 ID:OZDi9hmO0(1/3) AAS
>>79さ、さあ……
下部メニュー1段目全部と2段目の「スレ情報」は、表示/非表示の設定が出来ないからみんな順番は一緒だけど、
それ以外は人によって歯抜け番号も出てくることですから、
左右から順番に割り振ることの利用法が今のところ思いつきませんねー
連番があれば役に立つことも、もしかしたら出てくるのかもしれませんが…
それよりも、下部1段目と2段目でクラス名を分けてくれる方が助かります
1段目は押しやすいように大きめのサイズに指定したりボタン状に変えてみたり、
2段目は通常サイズのリンクのままにしたりとかして、使い分けたいです
あと、CSSとは関係ないですけど、
省2
83: ◆xIcROaHbuQ [sage] 2015/04/20(月) 00:50:46.99 ID:OZDi9hmO0(2/3) AAS
>>82上部メニューにも、下部メニューの位置に応じた区別を付けてくれるのは助かりますね
上部メニューが長くて目的のリンクを探してウロウロ〜っとしてしまうから、
[HREF^= "/h/" ][HREF*= "end=1&guid"] {margin-right: 30}
を記述して、見やすいように「歴」と「情」の間は広げてました
一括指定できるようになれば、「情」から先はリンクの色を変えるとか、まとめて移動するとかしてみようかな
86: ◆xIcROaHbuQ [sage] 2015/04/20(月) 06:32:44.45 ID:OZDi9hmO0(3/3) AAS
>>8585(2): 以下、VIPにかわりましてパー速民がお送りします [sage] 2015/04/20(月) 03:04:13.30 ID:obqRp5810(1) AAS
>>77
そのやり方だとメニュー以外のリンクまで空白増えてフガフガにならない？
レス番とかIDや鳥がリンクになる設定になってたらメニュー押しやすくなるくらいの行間作るとレス表示崩れちゃいそう
スマートフォン持ってないから、どの程度まで広げると押しやすくなるのか分からないけど、
メニュー関連を押しやすくなるまで広げると、他の部分はフガフガ(？)ｗｗになっちゃうのかー
今のところ、上下のメニューだけを完璧にピンポイントで指定することが出来ないから、
（いや、やろうと思えば出来なくもないけど、CSSが尋常じゃないほど猛烈に長くなる…）
現状で、もうちょっとマシになる事をやろうとするなら、
.ttitle + font br ~ a:nth-of-type(-n+■) , [NAME= "b"] ~ a:not([HREF*= "c="]):not([HREF*= "rss"]) {margin: 15}
こうすればいいかなー
■の部分には、自分が画面構成設定で「ﾚｽ表示(ﾍﾟｰｼﾞ上部)」にチェックを入れているリンクの数を入れて下さい
ただ、この方法だと、「自ID抽出」と「履歴追加」にチェックを入れてる場合には
省7
137(1): ◆xIcROaHbuQ [sage] 2015/04/26(日) 18:56:35.67 ID:mHPNw8ESO携(1/6) AAS
>>134134(2): ぬこ ◆nuko.1qHFY [sage] 2015/04/26(日) 16:10:32.92 ID:uYYuTLenO携(1/2) AAS
ぬこ改良
・ユーザ設定にCSS設定を追加しました
・CSS設定の最大文字数を4096文字に拡大しました
・CSS設定を5つまで保存できるようにしました
・栞歴を共有している端末でCSS設定を共有できるようにしました
・レス表示の上下メニューにCLASSを割り当てました
ｷﾀ━━━(ﾟ∀ﾟ)━━━!!!!
待ってました、CSSの改良
しかも、保存できる設定は3つまでなのかと思ってたけど5つもあるし、
改良ついでに入力できる文字数がもし2倍になったらいいな♪と思ってたら、まさかの4倍て！
これは嬉しすぎるサプライズ
もう、文字数制限に悩まされて泣く泣く削らざるを得なかった設定もふんだんに盛り込める！
ぬこさん、超グッジョブ
ありがとう！！
あ、「複数端末でログ共有」の説明が、スキン設定は共有できないままになってて、
省1
138: ◆xIcROaHbuQ [sage] 2015/04/26(日) 19:40:24.52 ID:mHPNw8ESO携(2/6) AAS
>>134
本日のCSSに関する機能改良について皆さんに補足します
端末やブラウザごとに表示の特性が異なるため内容も異なるものにせざるを得ないCSSですが、
例えば、「設定1にはガラケー用CSS」、「設定2にはスマートフォン用CSS」、「設定3にはFirefox用CSS」、「設定4にはGoogle Chrome用CSS」、「設定5にはタブレット用CSS」といったように、
それぞれ使い分けて入力し、別々にCSSを適用させられます。
栞/歴を共有している端末で、最大5種類の設定を一括管理することが出来るようになりました。
今までは、スキンとCSS関連については各ブラウザのCookieによる保存に依存していたため、
うっかりブラウザのCookieを削除してしまった場合は内容が消えてしまい、ゼロから書き直さなくてはなりませんでしたが、
ぬこの共有URLによって管理され、ぬこ鯖に保存されるようになったのだと思われます。
（3月10日の vip2chｽﾚ:part4vip で、
省6
141: ◆xIcROaHbuQ [sage] 2015/04/26(日) 21:32:55.83 ID:mHPNw8ESO携(4/6) AAS
連投失礼…
>>136136(1): 以下、VIPにかわりましてパー速民がお送りします(沖縄県) [] 2015/04/26(日) 17:56:40.73 ID:E6Pp9UjK0(1/3) AAS
書や写ボタンをスマホで押しやすくするように大きくするCSSが
レス検索後の画面で正常に表示されなくなってんぞ
今日の改良でメニューのリンクにclassが新たに割り振られたから、
HTMLの記述変更に伴い、セレクタの記述方法によっては適用されなくなったのかもしれないね
スマートフォンを持ってないから、どの程度の数値にすればいいかよく分からないけど、
「書」と「写」ボタンを上下ともに大きくすればいいのなら、
.mbwri , .mbcpy {font-size: 20; margin: 12}
こうすると、その２つのボタンのサイズが20ピクセルになり、
ついでに隣のリンクとの間に12ピクセルの余白を空ける、という指示
自分の端末に合うように数値の微調整を
省7
144: ◆xIcROaHbuQ [sage] 2015/04/26(日) 22:58:01.95 ID:mHPNw8ESO携(5/6) AAS
>>143143(1): 以下、VIPにかわりましてパー速民がお送りします(沖縄県) [] 2015/04/26(日) 21:49:27.97 ID:E6Pp9UjK0(2/3) AAS
CSSまとめられてた掲示板のリンクがテンプレから消えてるからそのままコピペするがこのCSSの動作がおかしい
普通にスレ見てる時は今まで通りサイズが大きくなって機能してるが
レス検索や
18 (4) : 名無し
の↑この()の部分クリックしたりしてレス抽出すると
部分的にしかボタンが大きくならず反映されないボタンは小さいままとかアンバランスでレイアウトが崩れる
a[NAME="b"]~ a{
width:19%;
color:#0000ff;
background:#ffffff;
省24
ぬこスレのテンプレからは何ヶ月も前から消えちゃってるけど、
CSS設定画面の「設定1〜5」を押せば、その先の画面に
外部ﾘﾝｸ:nanos.jp
へのリンクはちゃんと存在してるから大丈夫
そのCSSには、触れてみたことのないプロパティも含まれてるので、解決まで少々お時間を下さい。
空いてる設定番号にそれを丸々ぶちこんで、とりあえず自分の端末に反映させてみました。
今からいろいろ動作確認したり弄ってみます。
ぬこの手や、ぬこTOPへのリンクは、ボタン状になっていなくてもいいかな？
146(1): ◆xIcROaHbuQ [sage] 2015/04/26(日) 23:55:14.08 ID:mHPNw8ESO携(6/6) AAS
>>145これでどうかな
body {padding: 15 15; line-height: 28px}
[HREF] {margin: 3; padding: 1}
.mrb1 , .mrb2{
width:19%;
color:#00f;
background:#fff;
font-size:15px;
font-weight:bold;
省33
153: ◆xIcROaHbuQ [sage] 2015/04/27(月) 13:22:17.97 ID:aw7AKZbSO携(1/2) AAS
>>152152(1): 以下、VIPにかわりましてパー速民がお送りします(沖縄県) [sage] 2015/04/27(月) 07:54:03.07 ID:x5sbYINR0(1) AAS
>>146
改行表示のせいで画面の情報量が少なくなってるし
以前のCSSは画面幅に合わせてボタンが並んでたのが
今のやつはボタン化された項目が
上 下 前
次 1- 新
書 関 写
と言うように3つずつ並んで右部分にスペース空くようになって見映え悪くなってるし
スレ一覧の画面ではボタン化されなくなってるしぶっちゃけ前のより改悪になってる
前より改悪！？
oh...
これ、スマートフォン用のCSSなのかな？
昨日も書いたけど、スマートフォンは持ってないんだよねー
スマートフォンの特性ってあまり知らないから、やれることに限界がある
それに>>152が、どんな感じの画面を理想としていて、どうしたいかがよく分からない
「上」から「歴」までを1行で表示させたいってこと？
2行くらいにはなってもいいの？
とりあえず、今回は146番の内容のうち2ヶ所に修正を加えてみよう
省9
157: ◆xIcROaHbuQ [sage] 2015/04/27(月) 13:49:38.71 ID:aw7AKZbSO携(2/2) AAS
>>155155(1): 以下、VIPにかわりましてパー速民がお送りします [sage] 2015/04/27(月) 13:30:41.54 ID:YloqghtB0(1) AAS
画面にどう表示されているか見えないと伝わらないだろうから
画面コピーをアップロードしてみるという手もあるかも。
そうだね
今、どんなふうに表示されてるか知りたいから、できれば沖縄さんに画面をアップロードしてほしいです
>>156最初とはいつかな？
今初めて聞いたよ
ただのCSS好きが高じたボランティアで相談に乗ってるだけなので、もちろん実機を用意する気は毛頭なしだよ
「お悩みの方はどうしたいか書き込んで下さい」
って書いたら舞い込んできた案件に宣言通り対応してるまでだし、
実機が無いと全く何も出来ないってことはないから中断する気もないよ
上下前次1-新書関写板覧索設栞歴
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.330s*