忍者ブログ

CriCri

クリエイティブになりたいクリクリ工房

   
カテゴリー「テクニカルデータ」の記事一覧
  • « PREV
  •  | HOME | 
  • NEXT »

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

デモランキングバナー

HTML + CSSを一新しました

初心者クラス脱出を図るためにずっと勉強していましたが、2009年9月公開の「桔梗」からHTMLとCSSを一新しました。
仕様が変わったのに伴って、目に見える変更が出てきていますので、ここで報告しておきます。
  1. コメントフォームに使われているテーブルタグを取っ払いました。これに伴って、テンプレート編集エディターではフォームの変更はできなくなりました。フォーム部分のカスタマイズはCSSにじかに書きこんでください(フォームブロックの背景は、今までどおり編集エディターが使えます)
  2. 他の部分はだいたい編集エディターに対応しています。エディターを使っても変化しないところは、CSSに書きこんでください。
  3. その時の気分で変わることがあるかもしれませんが、IE6とIE7でもユーザー側で文字の大きさを変更できるようにしました。IE8はまだ有効なハック(特定のブラウザに言うことを聞かせる術)がないため、ズームで画面自体を大きくする方式にしています。
  4. 主要なリンクにタイトルを入れました。リンクの上にマウスを持っていくと、そのリンクに関する案内が出ます。ブログのタイトルに持っていくと、「ブログのトップへ」という案内が出ます。
  5. すでに取り入れてはいましたが、カテゴリーとアーカイブ検索ページに加えて、キーワード検索ページにも記事リストが出ます。
  6. コメント投稿者のメールアドレスを非表示にしました。メールアドレスがある場合は、コメント一覧リストの投稿者名にリンクが表示されますので、そちらで確認してください。
  7. 記事内のアクセサリーをCSSで指定してあります。どのタグがデザイン指定されているのかは、CSSの記事ブロックを見てください(HTMLタグが分かる人向け)

拍手[1回]

デモランキングバナー

コメント投稿者のメールアドレスについて

書くのが遅すぎるんですけど(汗)、コメント欄の投稿者のメールアドレスについて説明しておきます。

コメントフォームには投稿者のメールアドレスと、HPのURLを記入する場所があります。
リンクがある所は色が違うのですが、メールアドレスのリンクが貼ってある投降者名の色は変わりません。
これには意味があります。

投稿者のアドレスがはっきり分かってしまうと、そちらにスパムメールが舞い込む可能性が高くなるため、パッと見にはリンクされていないように見せています。
ブログ管理者はいろいろなテンプレートのプレビューを見ているので、ここにリンクが来ることを知っているはずですよね。

マウスを投降者名の上に持っていくと、リンクがある場合は色が変わります。
この動作をしないとリンクがあるかどうか分らないのが短所ではありますが、コメントをしてくださる皆さんをスパムメールから守るためですので、ご協力をお願いいたします。

追記:
2009年9月公開の「桔梗」より、メールアドレスは非公開に変更しました。
コメント一覧の投稿者名に、アドレスがある場合はリンクが付きますので、そちらで確認してください。

拍手[1回]

デモランキングバナー

使用 Java Script

Java Script はお借りしているものと、自前工作品があります。
お借りしているのは下記のとおりです。サイトリンクはプラグインのテクニカルリンクにあります。
他のカスタマイズ用スクリプトも紹介されてていますので、参考にしてください。
私の工作品は、あちこちのサイトのスクリプトを参考にしています。

Customize in Ninja Blog様
►プラグイン開閉

ニンブロラボ様
►追記開閉

Leigeber様
ドロップダウンメニュー (IE8でバグが発生しました)

Java Script ライブラリー JQuery
ドロップダウンメニュー(Droppy)
ドロップダウンメニュー(multilebel Dropdown menu)

自前工作品(保障はしませんが、使用はご自由に) 
画像のループ文
プラグインの切り替え

拍手[0回]

デモランキングバナー

使用HTMLと表示確認データ

2009年9月 更新
2011年7月 更新


表示確認環境は次の通りです
記述HTML : XHTML 1.0 Transitional
OS : Windows 7、Windows XP、Windows 用 Mac
ブラウザ : IE6、IE7、IE8、IE9、Firefox、Opera、Safari、Google Chrome
モニター : 1024×768、1440×900

各ブラウザはIE6、IE7を除いて、常に更新しています。
古いバージョンでのサポートはしていませんので、お使いのブラウザを常に最新版にされることをお勧めします。

忍者のプレビューはXHTML+Safari の条件が重なると表示崩れを起こすバグがあるので、Macご使用の方はFirefox で表示確認されることをお勧めします。

拍手[1回]

デモランキングバナー
  

カレンダー

11 2017/12 01
S M T W T F S
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 26 27 28 29 30
31

AD

PR

ブログ内検索

素材サイト様

White Board様
White Board Banner
妙の宴様
妙の宴 Banner
もずねこ様
Mozneko Banner
押し花とアイコン様
押し花 バナー
petit sozai emi様
petit sozai emi
幕末維新新選組様
幕末維新新選組
The Heart of Eternity 様
thoe バナー
Crambon様
Crambon バナー
DragonArtz Design 様

プロフィール

メール de コンタクト

このブログへのリンク

Firefoxを支援しています

管理人はFirefoxの愛好者です。Internet Explorer は大嫌い。IEよりはるかに優れたFirefoxをお試しあれ。ダウンロードは下のバナーから無料でできます。
Firefox ブラウザ無料ダウンロード

現在の閲覧者

Copyright ©  -- CriCri --  All Rights Reserved

Design by CriCri / material by DragonArtz Desighns / powered by NINJA TOOLS / 忍者ブログ / [PR]