私のメモ書きとしてのホームページ改造やパソコンに関する日記です


[
新着] [ワード検索]
*--- Contents ---*
1.パソコンの組み立て  ■ ビデオ編集用パソコン  ■ プルダウンメニューの改良  ■ 写真サムネイルの変更  ■ Intel HD Graphics 530のドライバー  ■ さくらネットのレンタルサーバーの変更  ■ Windows 10 Anniversary Update  ■ Windows10 インストール  ■ windows10 インストール  ■ ページの自動更新
2.EDIUS Pro8のQSV効果  ■ キャッシュの件  ■ ビデオ作品のメニュー変更  ■ 再生リスト 追加  ■ EDIUSで一部のフォントが表示されない  ■ QSVのトラブル 原因究明  ■ ビデオ編集用パソコンの組み立て  ■ 項目ごとの掲載件数を表示  ■ ビデオ編集ソフト EDIUS Pro 7  ■ 再びQSVについて
3.Youtubeへのアップでトラブル  ■ プロジェクトの設定  ■ EDIUS Neo3.5 とQSV  ■ EDIUS Neo3.5に更新  ■ QSVについて  ■ USB3.0 Ports  ■ 常用PCのSSD化  ■ ビデオ用PCグレードアップ  ■ ビデオ編集用PCのHDD増設  ■ YouTubeの再生リスト
4.再びEDIUS Neo 3.05に  ■ カレンダーの祝日修正  ■ 1080/60p での撮影  ■ EDIUS Neo 3.53  ■ Internet Explorer 10への対応  ■ バックグラウンドプログラムの終了  ■ YouTubeの画面を最背面に表示  ■ Google Toolbarの漢字入力  ■ 親ウインドウからIFRAMEの関数を使う  ■ 画面の拡大・縮小
5.Windows 7 再インストール  ■ ページ検索 リニューアル  ■ カラオケ文字の作成  ■ EDIUS プリセットの違い  ■ YouTubeお気に入り作品集  ■ YouTubeでの再生  ■ バグ修正  ■ YouTubeの再生  ■ iPad用に修正  ■ iPad用に修正したが・・・
6.iPadとホームページ  ■ ディスクの書き込み速度  ■ 拡大写真の表示サイズ  ■ EDIUS Neo3 タイトラー  ■ ビデオ編集ソフトの変更  ■ EDIUSでjpgの読み込み  ■ おもしろいマウス  ■ メニュー名変更  ■ 「ページ検索」の重複登録  ■ 再度「ページ検索」の改良
7.ページ検索の検索精度  ■ ページ検索 再修正  ■ フォントについて  ■ ページ検索 修正  ■ 修正1 新着項目の文字数  ■ USB3.0のドライバー  ■ プルダウンメニュー  ■ 画像が移動するアニメーション  ■ ビデオと写真のリンク  ■ 「裸族の集合住宅」って何?
8.YouTube埋め込み表示  ■ YourTubeへの投稿  ■ 文字サイズの切り替え  ■ ウインドウ7の再インストール  ■ マザーボードの交換  ■ pdfファイルのオープン  ■ パソコンのグレードアップ  ■ パソコン上でcgi、phpの実行  ■ Windows 7 インストール  ■ ノートパソコン
9.キーボード・マウス新調  ■ Opera のエラー  ■ 画像の上に画像・文字を表示  ■ マーキーを用いて画像の反転・移動  ■ 選択中のサムネイルの枠  ■ サムネイルを影付きに  ■ スライドショウにおける背景色の変更  ■ ホームページ リニューアル  ■ 新着・更新情報の改良 その他  ■ HDDの高温対策
10.photo_slide.jsの修正  ■ photo_slide.js の修正  ■ ページ検索のバグ  ■ スタイルシートの整理と書き換え  ■ 音声で挨拶  ■ 蝶のスライドショウ 並び替え  ■ 写真集の表示修正  ■ 掲載ページ一覧について  ■ ページ検索 改良  ■ プルダウンメニューの改良(2)
11.パソコンへのビデオの取り込み  ■ 「鉄道写真集」新設  ■ 「○○写真集」の中の検索について  ■ プルダウンメニューの改良  ■ 写真集に「我が町の風景」を新設  ■ ページタイトル変更  ■ パソコン製作奮戦記外  ■ ビデオ編集・BGM etc  ■ ビデオ編集用パソコンの製作  ■ 「私の雑記帳」を白系に
12.スタイルシートの切り替え  ■ joyfullyyの修正  ■ プルダウンメニューの項目  ■ トップページのデザイン変更  ■ スライドショウ 改良  ■ デフラグ  ■ 写真・スライドショウ 公開  ■ トップメニューの表示位置  ■ スライドショウ改良(Firefox対応)  ■ スライドショウ改良
13.ビデオのこと  ■ 蝶のページの修正  ■ 複数頁の合体作業  ■ スライドショウ 完成  ■ EDIUS Neo2 によるビデオ編集  ■ スライドショウのマスキング完成  ■ スライドショウ  ■ ビデオ編集・その後  ■ ビデオの編集(1)  ■ ビデオ編集用のPC
14.スライドショウへの適用  ■ 擬似フレームのスクロール  ■ ジャンプメニューの改良  ■ ページの印刷  ■ TerapadでFirefoxを起動  ■ メニュー固定方式 2  ■ メニュー固定方式  ■ タイトル・メニュー位置の固定表示  ■ Joyfulyyのスクロール  ■ Joyfulyyの改造
15.URLの珍現象  ■ アナログ時計と時報  ■ タイトル・メニューの位置にアナログ時計を表示  ■ joyfulyyの改造  ■ メニュー固定表示解除  ■ メニューの固定表示  ■ 謹賀新年  ■ script type='text/javascript'に修正  ■ 年末年始の挨拶を自動で・・・  ■ 今年のクリスマス
16.Ads by Googleを設置  ■ 文字のプログレッシブ表示  ■ サーバーの大移動  ■ スライドショウ改良  ■ レンタルサーバーの速度  ■ 35ミリ フィルムサイズ  ■ リンクについて  ■ 独自ドメインの取得  ■ 掲載写真一覧の表示  ■ SDメモリカードのトラブル対策
17.スライドショウ画面の変更  ■ サムネイルの半透明化  ■ 写真説明文の表示  ■ スライドショウ Ver3 完成  ■ スライドショウ Ver3 その4  ■ スライドショウ Ver3 その3  ■ スライドショウ Ver3 その2  ■ スライドショウ Ver3  ■ data.js の作成  ■ 「写真日記」掲載写真一覧 その7
18.「写真日記」掲載写真一覧 その6  ■ 「写真日記」掲載写真一覧 その5  ■ 「写真日記」掲載写真一覧 その4  ■ 「写真日記」掲載写真一覧 その3  ■ 「写真日記」掲載写真一覧  ■ 撮影地などの地図表示  ■ BBSを新設  ■ 写真ページの表示  ■ IPアドレス  ■ リンク情報の整理
19.スライドショウ修正  ■ 掲載ページ一覧を改良  ■ スライドショウの操作修正  ■ 「私の雑記帳」のデザイン変更  ■ プルダウンメニュー固定の問題点  ■ 雑記帳のプルダウンメニューを固定  ■ 「私の雑記帳」のデザイン変更  ■ 写真を静止してみたい・・・  ■ 海外旅行の写真集にも適用  ■ バグ対策
20.写真の表示方法(Ver2)  ■ 写真集の表示方法を変更  ■ 新方式による写真表示  ■ カウント27万件  ■ CATV(LCV-Net)解約  ■ Bフレッツ開通  ■ お気に入りアイコンの設定  ■ WindowsXP再インストール  ■ トップページのカレンダー  ■ ビデオ作品のページ変更
21.ホームページのアドレス変更  ■ Bフレッツ開通に備えて  ■ NHK時計  ■ トップページ及びプルダウンメニューの追加  ■ 写真表示のページ改造  ■ スライドショウにおけるツールメニューの非表示  ■ アドレスを変更した場合  ■ エラー対策(2)  ■ カウンターが25万件に・・・  ■ エラー対策
22.画像の拡大表示  ■ サーバーの容量  ■ 「現在の訪問者数」を削除  ■ カウンターの表示2  ■ 新規開設  ■ Exif情報  ■ 著作権の表示  ■ カウンター  ■ プルダウンメニュー 改良  ■ 写真集の表示
23.写真の保存とBig Drive  ■ 今年初めての書込み  ■ プルダウンメニュー Ver2  ■ トップページの修正  ■ 「ご感想」のページ  ■ 記事の行間設定  ■ ホームページのバグとり  ■ Windows XPとメモリー  ■ 2006年のクリスマス  ■ ホームページの細かな修正
24.ホームページ リニューアル  ■ 日本語入力の切替  ■ プルダウンメニュー  ■ Windows Vista  ■ トラブル解決  ■ ホームページの改造 その2  ■ ホームページの改造  ■ スイス掲載写真一覧  ■ バージョンアップ  ■ 表示方法改造
25.写真日記リニューアル
 新着の期間  [3ページまでの表示] [新着一覧





スタイルシートの切り替え2009/11/19(木曜)

こんな記事をWeb上から見つけた
http://allabout.co.jp/internet/hpcreate/closeup/CU20070711A/

この目的はページ印刷に使用できないかと言うことである
私のページの「疑似フレーム方式」では印刷が出来ない。このために疑似フレームを解除したスタイルシートを使用して index_print.html を起動して印刷していた
スタイルシートが切り替えられればわざわざ印刷専用ページを作らなくてすむ
各ページには次のようにスタイルシートを設定している
<LINK rel="stylesheet" href="header.css" type="text/css" id="print_style">
ここで id="print_style" を追加する
右上の「ページ印刷」をクリックすると

 document.getElementById('print_style').href = pass + "print.css" ;//-- スタイルシートの変更
 print()
 document.getElementById('print_style').href = pass + "header.css" ;//-- スタイルシートを元に戻す

を実行する
print.css は印刷専用のスタイルシート
印刷が完了したら元の疑似フレーム方式のスタイルシートに書き換えればいい・・・ということだ
これで一つまた新しい知識が増えた。このスタイルシートの切り替えはいろいろに使えそうだ


 

joyfullyyの修正2009/11/17(火曜)

写真日記、画像掲示板等々で joyfulyy を使用しているが「投稿画像の表示サイズを変更できます」の右側のところで選択できない
また投稿画像数の選択も出来なかった
この事は
http://izu22.cool.ne.jp/y-pg/
で説明されている

私の使用しているバージョンは y24m45 であるが y24m72 の最新バージョンを調べてみた
そうするとIE7については対策をしてあるが、IE8では駄目であることが判った

そこで y24m45 についても調べた見たら joyfulyy.cgi の中にマウスonの時の設定があった
これを $on_mouse1 = ""; $on_mouse2 = ""; に変更した
こうすると、それぞれの項で選択できることが判った


 

プルダウンメニューの項目2009/11/10(火曜)

ウインドウの幅を縮小していくと左の写真のように、プルダウンメニューの項目が折り返されてしまう
少し気になっていたが、今日これを修正した
右の写真では項目名が折り返されない

これは表のセルの中に
<TD nowrap> を付け加えれば解決できる
nowrap は表の中の文字を折り返さないで表示するための命令文


 

トップページのデザイン変更2009/11/04(水曜)

トップページのデザインを少し変更した
1.プルダウンメニューの縦幅を少し大きくした。気持ち見やすくなった
2.「新着情報」に名称変更 あわせて [Up_Date] のアニメーションを設置

あとプルダウンメニューの見直しをしなくては・・・と。
「私の雑記帳」では題名と内容がどうも一致しない
「JavaScript小技集」など
またこの中にクリスマス関係のページがあるので、これも別なところに移動しなくては・・・
「BGM」のアクセス数は非常に少ないので削除してもいいのでは・・・

・・・といろいろ改良しなくてはならないだろう
これからまた考えましょう

タイトルの文字を影付きに2009/11/06(金曜)

タイトルの文字を影付きにしてみた
影を付けるスタイルシート filter:Shadow はIE専用なので、IE以外では今まで通りの色で表示した

タグは
<FONT style="font-size:26pt ; color : #ffffff ; width : 100% ; filter:Shadow(color=#553311 , direction=135)">
□ホームページ改造日記□
<FONT style='font-size:1px;'>.</FONT>
</FONT>

□は全角のスペース
<FONT style='font-size:1px;'>.</FONT>の部分はタイトル右端の全角スペースを有効にするための処置
これで、このページのタイトルのように表示することが出来た

タイトルを中心に表示 ?2009/11/07(土曜)

目の錯覚だろうか、どうもタイトルが中心に表示されていないような・・・
そこでスケールで計ってみた。5ミリ右寄りだったり・・・で、非常に細かなことではあるがきちんと中央に表示されるように改良した
右端に「ページ印刷」の文字がある
これと同じスペースを左側にも設置する
「ホームに戻る」これがトップページでは表示されない
したがってタイトルの左側のアイコンのサイズ、つまり「ホームに戻る」の部分を右の時計と同じにした

設定する場合は1x1ピクセルの透明画像を使う。この様な場合には非常に都合がいい
これでタイトルがきちんと中央に表示されるようになった

 

スライドショウ 改良2009/10/19(月曜)

スライドショウではじめにサムネイル(120x80ピクセル)が表示される
このサムネイルにマウスを置いたら拡大表示できないかと・・・
そんなことを考えて改良してみた
1.拡大画像のサイズはウインドウの30%、ウインドウが大きくなった場合は最大400x266ピクセルとする
2.表示位置はサムネイルが重ならない位置、つまりマウスの座標を計算して右上または左上等々とした

これで取りあえずは最大400ピクセルの拡大画像が表示できる


 

デフラグ2009/08/30(日曜)

デフラグって誰でも一度は耳にしたことがあると思う
つまりHDDにファイルを追加・削除を繰り返しているとファイルが断片化してアクセスが遅くなる現象である
この断片化したファイルを連続したファイルに書き直すことを一般に「デフラグ」という
たまたま私のHDDを見てみたらだいぶ断片化していた
Windowsに付属の「デフラグ」ではだいぶ時間がかかるのでもっと高速のツールはないものかと探していた
その中でユニークなのは「UltimateDefrag」というフリーのソフトだ
下記にその説明がある
http://kumalog.com/2009/05/11124948.php
赤い部分が断片化されたファイルである

この「デフラグ」のソフトには高速化させるために常時使うファイルはディスクの外側に配置するという機能もある

ちなみにCドライブをこの方法で高速化してみたのが下記の写真だ
確かに数値的にはわからないが「体感的」にアクセスが早くなった
いままで漠然と「デフラグ」を考えていたがだいぶ勉強ができた


 

写真・スライドショウ 公開2009/07/27(月曜)

今までいろいろと試行錯誤して作成してきた「スライドショウ」を公開することにしました
具体的な設置については下記に説明してあります
http://onohp.com/sonota/zatuki/photo_disp/slideshow/index.html
どうぞ活用してみた下さい

 

トップメニューの表示位置2009/07/25(土曜)

一時トップメニューを中央に表示していた
ところが、例えばスライドショウのページに移動した時「▼(↓)」の位置が変わってしまう
これではいつもマウスはメニューを追いかけてクリックしなければならない
そこでトップメニューを右寄せで表示するように改良した
さらに「表示」と「非表示」の文字数が異なるためにやはり1文字分左右にメニューが移動する
何とか2文字で・・・と考えた末「非表示」を「消去」におきかえた
これでどのメニューをクリックしても左右に移動しないように改良できた

よく、写真表示のページで「前」「次」のボタンが写真の下側にある場合で写真の縦サイズが異なるとクリックの都度、上下をスクロールしなければならない
これほど不便なことはない。


 

スライドショウ改良(Firefox対応)2009/07/20(月曜)

7月1日No278で「リストスクロール方式」に全面的に切り替えた
その後、Firefox、Operaでサムネイルをクリックしても拡大表示されないことに気が付いた(IEでは問題なかった)
これでは右端にサムネイルを表示する意味が全くない・・・
しかし原因がどうしても判らず未解決のままだった

試行錯誤すること2週間、やっとこの問題が解決できた
ここにメモとして記しておこう
タイトル、スライドショウ等々の表示位置は下記で設定している
-----------------------------------------------------------
 var op=""
 op +="<DIV id='Header_title'>"
 op +="<SPAN id='Title'></SPAN>"  タイトル表示部
 op +="<SPAN id='Setumei'></SPAN>" ページ情報表示部
 op +="<SPAN id='Slide'></SPAN>"  スライドショウ
 op += help_disp()         Help表示部
 op +="</DIV>"

 op +="<DIV id='Main_area'>"
 op +="<SPAN id='List'></SPAN>"  最初のリスト及びスクロールリスト
 op +="</DIV>"
-----------------------------------------------

ここで問題はスライドショウの表示方法だった
今までは普通に「表示」していた
これを
------------------------------------------
 cc +="<DIV style='position:absolute; left:0px; top:" + title_css_height + "px ;'>"
 ーーー この間は今までのスライドショウの部分 ーーー
 cc +="</DIV>"
-----------------------------------------
title_css_heightはタイトル部分高さで50px
つまり 'Header_title' 部分で、この範囲以外に表示する場合は <DIV> で表示位置を指定する必要がある
今考えてみれば、「蝶の写真集」等ではジャンプメニューはすべて <DIV>で位置を指定している

判らなくなるとこんな単純なことでも見逃してしまう

■ もう一つの改良
半透明化は実施しているが、思い切ってサムネイルのスクロール部分を非表示に出来ないか ?
と言うことで左上の「非表示」をクリックするスクロール部分が消えてしまう
すっきりした画面でスライドショウが見られる

いずれにしても問題解決が出来たときは嬉しいものだ


 

スライドショウ改良2009/06/28(日曜)

スライドショウには様々な方式がある
1.スクロール方式 http://onohp.com/test/slideshow/index_scroll.html
2.頁分割方式 http://onohp.com/test/slideshow/index_p12.html
3.リスト・スクロール方式 http://onohp.com/test/slideshow/index_list_slide.html

スクロール方式も頁分割方式もそれぞれ特徴がある
それでは1.と2.を合体したようなスライドショウが出来ないものかと試作していた
今日、「3.リスト・スクロール方式」に全部の頁を書き換えた

次の箇所を改良2009/07/01(水曜)

さらに改良を重ねた
1.すべてテンキー(Ten key)で操作ができるようにした
特に最初の画面から写真を選択するとき番号を入力して、 Enter Key でその番号からスライドショウが開始される
2.その他のキーの操作は左上のアイコンにマウスを置くと表示される
3.スライドショウの時キー[M]で半透明化されるが、このとき写真の説明部分は半透明化しないようにした
4.半透明化の時マウスを非表示とした
ただしマウスを動かすと半透明が解除されて、マウスも表示される
下記に解説されている
http://html-time.com/css/cursor4.htm#


[直接移動] [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18] [19] [20] [21] [22] [23] [24] [25]
投稿画像の表示サイズを変更できます
管理者用

- Joyful Note -
- JOYFULYY v2.50y24m45 :Edit by Yamamoto -
< Edit by michi >