他山之石～跡地 -Cyprus on the Web-

記事一覧

Diary Top > 小技 > Web Diary Pro > ナビゲーション部項目内にスクロールバーを表示する。

ナビゲーション部項目内にスクロールバーを表示する。

　'Web Liberty'様のサポート掲示板ネタ。
　ご本人は解決！となったよーだけども、blockクラス自体にスクロールバーを付けるのって自分としてはあまり好みではない。
　あまり需要は無いがウチならこーするかなー...な方法をメモ。

　'Web Diary Professional'のナビゲーション部項目内にスクロールバーを表示する方法
　▼skin/common.css
　　任意の場所に以下を追記。

div#navigation .hogehoge {
height: 250px;
overflow: auto;
}

　class名(上の例だとhogehoge)は適当に好きなものに変えて。
　heightの値もお好みで。
　'overflow-x'と'overflow-y'はIE専用なので使わないほうがベター。

　▼skin/navigation.html
　　スクロールを表示したい項目の<h2>タグの下あたりにある
　　<ul>もしくは<dl>にクラス定義を与える。

　例えば

<!--SKIN_PAST_HEAD_START-->
<div class="block">
<h2>過去ログ</h2>
<ul>
<!--SKIN_PAST_HEAD_END-->

　を

<!--SKIN_PAST_HEAD_START-->
<div class="block">
<h2>過去ログ</h2>
<ul class="hogehoge">
<!--SKIN_PAST_HEAD_END-->

　とする。

　これだけでいける筈ー。
　まぁ色々スキン弄ってるヒトはclassの兼合い調整とか他にもなんだかんだと必要だろーけどｗ
　動作確認してないから適当云ってるカモ♥

　ウルザ from '戦国ランス'
　格好がなんだかエロいヒト。強い～。
　前作やってない人間なのでさっぱり関連性がわかりませんでした...（苦笑

tags：戦国ランス版権

<< 社会復帰は困難で。｜ Diary Top ｜忘れてゆくためにいつも。 >>

TRACKBACKs

この記事にトラックバックを送信する

COMMENTs

この記事にコメントを投稿する

はじめまして、こんばんわ
サポート掲示板にスクロールバーについて問い合わせをした者です。

スクロールバーの解説とても参考になりました。
ありがとうございました。

by YASU | Commented : 2007/03/04 01:05 EDIT・DEL

▼YASUさん、はじめましてー。
　こんな辺境の地までよーこそ。
　検証もせずに適当に書いてますが、お役に立てたのでしたら何よりです（笑
　カスタマイズ頑張ってくださいね～♪

by fana | Commented : 2007/03/04 12:51 EDIT・DEL

応援ありがとうございます。
右も左もわからないまま、すこしだけ思った形になりました。実はかなり苦労したんです（＾＾；；；
皆さんのWeb Diary Professional'を設定を参考にし何度サーバーにＵＰしたことやらです。また、お恥ずかしい限りなんですが、常にナビゲーションを表示することも今日気が付いたのです。しかしながらWeb Diary Professional'は素晴らしいCGIです。
巡り合えて本当に良かったと思っています。

by YASU | Commented : 2007/03/04 22:48 EDIT・DEL

▼YASUさん、コメントありがとーございます。
　BLOG拝見しましたー！
　無事にスクロールバー表示も出来てるよーでなによりです。
　カスタマイズはやってみると面白い＆勉強になるので色々取り組んでみて下さいませ。

　なにより素晴らしいCGIを提供して下さってるないとさんに感謝ですよね♪
　こんな機能が欲しいっ！なんて要望にも応えて頂いてるのでホント頭下がる思いです、はぃ。

by fana | Commented : 2007/03/05 23:58 EDIT・DEL

こんばんわ、
なんとも恥ずかしい限りですが、funa様に頼って質問をしても宜しいでしょうか？
ここ１週間ほど迷路に入り込んだのはRight Bowerさんの素晴らしいネタバレボタンについてです。
お忙しいとは思いますがもし質問にお受け頂けるようでしたら本当に助かります。
何卒宜しくお願い申し上げます。

by YASU | Commented : 2007/05/11 22:14 EDIT・DEL

　はぃ、こんばんわ。

　別段、簡単に分かる話なら構いませんが。
　Javascriptがどーこーって話になってくると怪しいですヨ？
　大元のkirijiさんに質問はされてみたのでしょーか？

　ちなみに僕は「fana」で「鮒」ぢゃなぃですー。

by fana | Commented : 2007/05/12 14:36 EDIT・DEL

すみません、お名前を間違えてしまいごめんなさい。
改めてfana様、宜しくお願いします。

ご紹介されているネタバレボタンとネタバレリンクを設置しました。とても便利に使わせて頂いております。
今回、新たにネタバレ短文用とネタバレ長文用の設置を試みたのですが、動きません。
私の記述方法の誤りが原因かと思います。
しかし、分からないのです。
http://www.takinoya.com/takinoya/diary/skin/header.html
ttp://www.takinoya.com/takinoya/diary/skin/admin_form.html

本来であれば大元のkiriji様へ質問をするのが筋道かと思いますが・・・余りにも恥ずかしい質問になる恐れがあります。
ご面倒かと存じますが何卒宜しくお願い致します。

by YASU | Commented : 2007/05/12 16:20 EDIT・DEL

▼YASUさん
　ソース拝見しましたが...
　気になった点だけ取り急ぎメモしときます。

①header.html
16行目：
> .nbtn{ background:#eee; border:double 3px #000; }
　→指定しているclassが違います。
　　正しくは「.nbtnc」です。

43～44行目：
> </style>
> .nbtnc{ display:none; }
　→スタイル指定は<style>～</stryle>の中に記述します。
　　43行目と44行目を入れ替えます。

7～46行目：
　→そもそもの記述位置が違います。
> <meta http-equiv="Content-Script-Type" content="text/javascript" />
　　以降に記載すると良いです。
　　まとめて</head>の直前に全て移しましょう。

②admin_form.html
186～192行目：
　→「function sfield_btn_vcng()」はネタバレ短文用の関数です。
　　204～210行目と重複してるので消しましょう。

352～353行目：
　→name要素の指定が抜けてます。（不要なのかも？）
　　念の為、元ページのソースをそのままコピーした方が無難。
> <input type="button" name="secretButton" value=" ネタバレ短文用（ボタン） " onclick="sfield_btn_vcng();return false;">
> <input type="button" name="secretButton" value=" ネタバレ長文用（ボタン） " onclick="sfield_btn_longvchg();return false;">

　どーしても動かない or 分からないよーであれば、僕が検証に使ったソースをアップしますが...？
　一度お試しあれ～。

　それでは、頑張ってくださいね～。

by fana | Commented : 2007/05/15 13:06 EDIT・DEL

fana様
本当にありがとうございます。

色々とミスがあり、やはり我が身が恥ずかしい限りです。

今回友人からの要望が切っ掛けで長文ネタバレをと考えました。
続きを読む（-----）をクリックした場合、同じ文でありながら個々のhtmlへ移りまた戻るのが面倒である、しかも固まることもしばしばだと。
固まることは別にしても戻ることに抵抗を感じる方は少なくないなーと思いました。
また、
友人曰く、コメントを読む際も同じページ（ＴＯＰのＵＲＬのまま）の方が便利だと言います。
たしかにブログによってはコメント欄をクリックしても同じURLのところもあります。先に表示してしまえばいいのですが・・・。
今回の長文ネタバレを活用すれば「続きを読む」は避けられます。
本当に助かります

質問を二点ほど、宜しくお願い致します。
長文＆短文ネタバレの場合、投稿ページの確認が反映されません。
何かミスがあるのでしょうか？

投稿後、長文ネタバレの下の閉じるをクリックしたときだけURLの最後にdiary/diary.cgi#x1179213165750oが加わります。この数字は何か意味があるのでしょうか？

本当にありがとうございました。

by YASU | Commented : 2007/05/15 17:23 EDIT・DEL

▼YASUさん
　上手く動作したようで何よりです～。
　少しはお役に立てたのかな？

　画面遷移に関しては各個人の好みが分かれるところですから難しいですね。
　別画面大好き！ってヒトも、別画面ウザッ！ってヒトもいます。
　正直云うと、ネタバレ釦自体、僕自身は使う必要性感じてないですし...
　JavascriptをOFFにしてたら全然意味無い機能ですから、素直に「続きを読む」でいーぢゃんとか思ってます（苦笑
　正に「好み」ですねｗ

　さて、ご質問の件ですが。。。

> 長文＆短文ネタバレの場合、投稿ページの確認が反映されません。

　[確認]押下時に表示される部分でって事ですかね？
　WDPの処理として、Javascriptで記事欄に記載した文章を整形して表示してるだけなので、その部分では動作しないと思います。

> URLの最後の数字

　数字はネタバレ釦作成時に自動付与されるID(名前付け)です。
> <a href="●●●.html#ABC">●●●のABCにジャンプ</a>
　のようにリンクに記載すると、ページの特定場所にジャンプさせる事が可能です。
　ネタバレ釦の場合、CLOSE時にネタバレ釦がある部分を画面最上部に持ってくるような動作をさせています。
　コレも好み、って処ですね。
　どーしても気になるようならリンク生成部からIDを削っちゃえばOKですが、その場合、記事のトップに画面遷移します。

　でわでわ、引き続き頑張ってくださいね～。

by fana | Commented : 2007/05/16 11:13 EDIT・DEL

fana様ありがとうございます。

質問をすればするほどこのcgiのスクリプトを考えた方を尊敬します。
確かに下の「閉じる」をクリックすると次の記事の頭に移動しています。
素晴らしいです。

＞その部分では動作しないと思います。
安心しました、心置きなく末永く活用したいと思います。
初めに紹介されているネタバレとネタバレリンクは管理人投稿ページの確認で反映されていましたので、何かしら私の記述ミスがあるのかと不安を覚えていました。

今回、本当にお手数をお掛けしありがとうございました。
実は内心、fana様でしたら解決していただけるものと思っておりました。
なぜ、そんな迷惑な事を勝手に思ったのかはfana様が描かれる可愛い女の子の絵です。
こんな可愛い女の子が描ける人なら安心だなーって・・いやホントに失礼致しました。
そして感謝、感謝です。
ありがとうございました。

by YASU | Commented : 2007/05/16 16:15 EDIT・DEL

▼YASUさん
　お疲れ様でした～。
　無事、終了ですねー。良かった良かった♪

　スキンの作成や、各種カスタマイズは面白いですし勉強にもなります。
　CGIの提供元であるないと様に感謝しつつ、これからも色々やってみて楽しんでくださいね。

　絵は...まぁ趣味ですので（笑
　まだまだ試行錯誤中ですけど、褒めて頂くと素直に嬉しいです♪

　それでは、また～。

by fana | Commented : 2007/05/17 11:14 EDIT・DEL

В настоящий момент игра в покер онлайн околдовала человечество и стала солидной частью современного инета, миллионы поклонников покера день за днем борются в многообразные виды игры в покер. Большая часть сражается в покер во имя развлечения, многие играют для ублаготворения личной увлеченности к азарту, а для некоторых покер уже стал источником значительных денежных средств. Чтобы удачно играть в покер нужно изучить специфику игры, выковать свою стратегию ведения игры и отыскать наилучший Покер-Рум, потом обрести добротный бонус и инициировать личный путь формирования в покерном мире. Все эти проблемы детально описываются на ресурсе http://poker--strategy.ru где любой фанат покера выищет для себя множество полезной информации.