FC2ブログ

11 | 2004/12 |  01

  1. 無料サーバー

User forum-FC2BLOG-Info-Edit Template-Post-Edit-Upload-LogOut

CSSやJavascript自習の苦闘史を綴っていきたい。恐縮ですがJavascriptを有効にしてご覧ください。
2005年12月から社会問題も掲載!


ブログタイトルを画像化してみた。

 それなりに時間を掛けて作った画像ではあるが、自分でも思う、余り良い出来ではないと。
 それでも一歩前に進んだという点において、自分を褒めてあげるべきであろう(笑)。
 ところで、このタイトル部分のCSSはかなり凝ったつもりだ。
 或る書籍を読んで作成したもので、H1としてタイトル文字(このブログの場合には単変数<%blog_name>)を入れてあると共に、画像をその上にぴったりと載せてタイトル文字を隠すように配置しているのだ。従って画像を表示しないように設定されたブラウザやテキストブラウザでも、しっかりタイトルがH1として表示され、かつ通常の表示の場合には画像が表示されるという仕掛けになっている。
 見よう見まねでやっと完成したのだから、その意味でも褒めてやらねばならない!!(爆笑)
スポンサーサイト



・・・・・・★Things to Do!★・・・・・・

           ■Things to Do!(順不同)■

  1. タイトル、カレンダー及び時計を一体的に見せる背景画像を作る。

  2. カレンダーのリンク関連色が「どぎつい」のでもっとスマートにする。

  3. もう暫くしたらブログタイトルをコンテンツにふさわしいものに変更する。

  4. cookieの仕組みを活用して、コメント欄の氏名、メルアド及びurlを自動的に入力するようする。

  5. 過去の投稿済みエントリイから他の方の参考になりそうなもの、あるいは自分でも時々見返すもの等を抽出し、新サイドバー内にリストを貼る。

  6. 一定時間経過後に、自らの苦闘の歴史(苦笑)を振り返り、HTML/CSSの学習参考サイトリストのエントリイを作り、それへのリンクを新サイドバーに貼る。

  7. -----------------------------------------
  8. タイトルを画像化する。

  9. IEの タグ等に用いられる title 属性は、Popup後暫くすると消えてしまう。このためちょっと長い文章は落ち着いて読めないので、これを改善する Popup Windowを独自に作る。12月4日完成!

  10. 独自のLinksを作成する。階層的に分類し分かりやすいものにする。(工事中)

  11. FC2への要望に関して、実現済みリストと未実現リストを作成し、サイドバー内にそのエントリイへのリンクを掲載する。工事中

  12. 展開した階層メニュー部のPopupWindow内の閉じるボタンを操作しやすいように最上部に移動する。

  13. Popupウィンドウ内の文字のレイアウトをもう少し考える(笑)。

  14. 現在の右サイドバーにある情報の一部を画面最下部に移動する。これまでは右サイドバーを消去し段組を解消するつもりであったが、考えを改めトピックス欄的なコンテンツ(12~15等)を集めて左サイドに移動する。右よりも左側にある方が横書き文章の場合は適切だと思う。

  15. よくあることですが...お勧めフリーソフト(あるいは私が使用している愛着のあるフリーソフトのリストを作成し、それへのリンクをサイドバーに掲載する。整理用)

  16. FireFoxで閲覧するとレイアウトが崩れてしまう事態を改善する。

  17. メニュー用ジャバスクリプトがIE用にしかなっていない事態の改善

  18. コメント欄のレイアウトをもっとすっきりさせる。(現状は野暮ったいし、HTMLにどうもバグがありそう。)

  19. その他今後気づくこと。

エントリイの簡単編集

 カスタマイズ掲示版において「投稿済みエントリイの編集をもっと簡単に出来ないか」との問い合わせがあり、それに対してsugさんから次のような回答があった。
<!--topentry--> ~ <!--/topentry-->
の間に以下のように記述してください。その記事の編集画面を開けます。
<a href="<%url>admin.php?mode=editentry&no=<%topentry_no>" title="「<%topentry_title>」の編集">編集</a>

 この回答は言われてみればなるほど、という内容であるが、思いつくことが難しいのであってsugさんに感謝!感謝である。
 早速活用させて戴き、エントリイタイトル部の右サイドに当該エントリイの編集機能を設置したのであった。

この続きを読む

firefox で表示が乱れる件

 左側のブロックをfloat leftで配置、右側のメインブロックをfloat rightで配置してやっと安定的な配置が完了した───と思っていた。だから、カスタマイズ一段落とばかりに書き込みもまばらとなり、実際にカスタマイズを行うことはほとんどなくなっていた。
 ところが、昨日久しぶりにFIREFOXで我がブログを覗いてみたところ、メインブロックがどうもおかしいのである。エントリイのタイトル部分にマウスオーバーすると、リンクが貼られているわけではないのに、まるでそうであるかのようにタイトルの表示が変化し、その幅まで変わってしまう。borderが動的に変化してしまうのだ。当然のようにエントリイ本文も幅が変化してしまう。エントリイフッター部の「URL」や「コメント」文字の上にマウスを置いても同じような動的変化が起こってしまう。
 その原因を数時間掛けて解明しようとしたのだが結局分からず仕舞いである。困惑!!

 90%近いシェアを握っているインターネットエクスプローラの描画エンジンを利用したタブbrowser。沢山のタブbrowserがあるが、多機能、カスタマイズフリー、スクリプト利用等で一日の長がある。Gekkoエンジンへの対応も行われ、IEからの自立独立の方向に向かっている。2005年7月にはIE7が登場する見通しの中で、今後の発展が望まれる。

 多様なCSS作成支援機能を備えた、タグ入力式 HTML&CSS作成支援エディタ。スキンデザインもすっきりしている。テキストエディター上で作成するよりも確実で安全にタグ打ちが出来る。
文字コードを選べないのが欠点。

 StyleNote同様のタグ入力式 HTML&CSS 作成支援エディタ。長年使用してきたが現在StyleNoteに乗り換えつつある。

 クリップボード履歴情報を活用する為のソフト。画像まで履歴を取ってくれるのが嬉しい。このソフトを使わない日は絶対ない程に重宝し、愛用している。

 起動中のウィンドウの「コピーできない」説明文などの文字列を取得し、コピー可能な文字データにするツール。何かと便利。

 ストリーミングデータを保存することが出来るソフト。動画利用には不可欠なソフトだ。

 無料ながらレイヤー機能を有し、スクリプトによる拡張も可能な、sleipnir作者が提供している優れもの画像編集ソフト。

 画面キャプチャソフトと言えばこれに勝るものなし、ではないだろうか? 様々な取得方法を有しており、ブログ作成にもHomepage作成に不可欠だ。Jtrimと並んでWoodyBellsの作品。

 複数ファイルの同時編集は出来ないが、透過pngも作れる画像編集ソフト。
(以下当該サイトから抜粋)初心者にも簡単に操作が出来るフォトレタッチソフトです。多くの加工機能で画像に様々な効果を与えることができます。非常に軽快に動作するため、ストレスなく操作できます。

 Animation Gifファイルを作れる無料ソフト。

 キャプチャソフト。画面内にサイト全体が表示しきれない場合でも、これを使えば全体をキャプチャすることが出来る。

 画像処理。画像のフォーマット変換のみならず、色数やサイズ、圧縮率の変更まで一括処理できてしまう『BatchGOO!』は、大量の画像をまとめて処理したいときに大変便利なソフト。BMP, TIFF, JPEG, PCX, PNG の相互変換をはじめ、色数・サイズ・解像度の統一、JPEG圧縮率の調節など、ホームページ用の画像や携帯電話用の壁紙を揃えるのに抜群の相性を見せる。(Vectorの当該ソフト紹介頁より抜粋引用)

 名前から直ぐに想像が付くように画像のサイズを測るためのソフトだ。Homepage作成には欠かせない。2カラム、3カラムのレイアウトを行う場合に大変重宝する。

 ランチャーソフトは沢山あるが、中でもこれが一押しだ。2年以上使ってきたがその操作性には毎日満足している。これを使い始めてからデスクトップには一切のアイコンを表示することをやめてしまった。

 AdobeReader7によって、起動時間が長すぎるという長年のユーザーの不満はある程度解消した。そのためこの高速化ソフトは存在価値が低下してしまったかもしれない。AdobeReader6迄はこのソフトによる起動高速化で恩恵を受けてきた。

 IE専用が難点だが、様々なサイト内でIDやパスワードを入力するのに重宝するソフト。コンテキストメニューから簡単に起動できるのがGood! sleipnir等のIEの描画エンジンを利用しているブラウザでも使える。

 利用しているパソコンの諸元値を取得するには、このソフトがベストだ。インストール済みソフトの一覧が取得できるのも嬉しい。

 WMPは機能が豊富なだけ重い。RealPlayerも同様だ。そこでMedia Player Classicを使いたい。動作が軽快なだけではなく、対応しているファイル形式もすこぶる多く、これひとつで、wmvもrmも表示できてしまうのだから凄い! 数多あるMedia Playerの王様と言えるだろう。

 自宅でPCを起動しているときには必ず起動しているメディアプレーヤー。何かと過剰なWinampよりも、起動も速くスキンはシンプルだ。

 DivX, Xvid, Mov, Vob, Mpeg, Mpeg4, avi, wmv, dv, などの動画をDVD-Video形式に変換できるフリーソフト。クリックするとDVD関連ソフト紹介サイト=「DVDなToolたち」なるHomepageが開きます。