ネットマニア

シンプルテキストテンプレート

Sat, 21 Jun 2008 18:07:18 +0900

ちょっとしたお知らせをさくっとホームページに載せたい時、わざわざCMSを使ってページを作るまでもない、ごちゃごちゃしたテンプレートは嫌、とにかく気軽にシンプルに情報を載せたいだけのときに役立つシンプルテキストテンプレート。

ソースは単純シンプル。でも見やすい、カスタマイズしやすい、画像も使ってない、初心者でも気軽にページが作れる、ホームページのベースとしてもＯＫなネットマニアテンプレートです。

もちろん最近流行のXHTMLコーディング・検索エンジン対策(SEO)最適化済！

こんなときに使えます。
・ちょっとしたお知らせや告知に利用する
・流行の検索エンジン用バックリンク(被リンク)用ページに
・放置ドメインなど、とりあえずトップページを表示させておきたいときに
・難しいことはわからないので、とりあえずホームページを作りたいときに
・XHTMLコーディング・検索エンジン対策最適化済ページが欲しいときに
・シンプル＆クールなページが欲しいときに

・初心者の為のテンプレートの使い方！
・テンプレート人気ランキング
・HTMLタグ人気ランキング
・ダウンロードされた方は掲示板に報告お願いします。

※著作権表示（ネットマニアへのリンク）削除は禁止します。


テンプレート#S001	テンプレート#S002


テンプレート#S003	テンプレート#S004


テンプレート#S005	テンプレート#S006


テンプレート#S007	テンプレート#S008


テンプレート#S009	テンプレート#S010


テンプレート#S011	テンプレート#S012

PHPウェブログシステム3.1

Wed, 11 Oct 2006 16:12:20 +0900

PHPWeblogSystem3.1概要

・DB不要の簡単設置！独自ブログシステムです。・サーバーにアップロードしてパーミッションを設定するだけでスグ使えます。・独自ドメインでご自身のサーバー上で運用できます。・アフィリエイトはもちろんデザイン変更も自在にできます。(CSS等の知識があれば…) ・・PHP4.2.0以上が使えるサーバーで動きます。4.2.0以下のサーバーは× ※現在はβバージョンです。随時バージョンアップします。 (μ-s ver2.09βCustomize Powerd by FLEUGELz) 前回からのバージョンアップポイント ・テキストカウンタ標準装備(PVカウントアップ) ・プロフィール欄作成・RSSの標準生成・ブログの説明装備・フリーエリア作成・最近のコメントを独立(tmp7.html追加) ・スパム対策(コメント・TB) ・曜日バグ修正・追記をjavaへ・管理画面リニューアル・カテゴリ送りのバグ修正 →サンプルはこちらからご覧になれます。 前バージョンからのアップグレード 前バージョンをお使いの方は、「log」フォルダ、カテゴリ(category.dat)・リンク(link.dat)以外全てを上書きアップロードして下さい。一度「log」フォルダ、カテゴリ(category.dat)・リンク(link.dat)以外を削除して、それら以外をアップロードするのがいいかもしれません。パーミッション（属性）の変更もお忘れなく。

設置方法

まずは「conf.php」を開いてご自身のサイトに合わせて変更しましょう。パスワードやサイト名などです。次に、アップロードしてパーミッションの変更をします。管理ページには http://www.hogehoge.com/admin でアクセスできます。設置したURLにadminをつけるだけです。 log / [777]　 (お勧め順 706,707,767,777) -- Xrea等は707です。　　　 logフォルダ内は全て「666」に設定。サンプルデータも入ってますので。　　　 recent.dat　[666]　200405　[666] image / [777] index.rdf (お勧め順 706,707,767,777) -- Xrea等は707です。 category.dat [666] count.txt [666] link.dat [666] ※他は特に変更の必要はありません。

PHP・CGIの使えるお勧めサーバー

ネットマニアで配布しているスクリプトがうまく動かない方は、ロリポップレンタルサーバーがお勧めです。月々たった263円でもちろんPHPも使えます。200MBもありますので、かなり余裕です。ネットマニア管理人がロリポップをお勧めする理由は・・・・

PHPウェブログシステム３ダウンロード 2006.10.11

○著作権表示の削除は禁止です。会社などの使用で削除したい場合は別途お問合せ下さい。
○商用利用は全て使用許諾が必要です。
○再配布は禁止です。
同意された方のみ以下よりダウンロードして下さい。メールにて添付されます。 ※以下より登録されたメールアドレス宛に更新情報が届きます。 ※フリーメールでは迷惑メール防止機能により添付のzipファイルが開けない可能性があります。　Yahoo! Hotmail 等はダメです。プロバイダのメールアドレスにしましょう。 ※ダウンロードされた方は掲示板に報告お願いします。 ※どうしてもダウンロードできない場合はお問合せフォームより相談して下さい。

ヒント

・conf.php 内のフリーエリアにお好きな項目を追加することができます。もちろんアフィリエイトなどもOKです。「$free_area = 」部分デス。予め記述してあるアドセンスコードは削除してOKです。・各ページに特定の項目を予め追加できます。(ブログランキングのリンクなど) その場合は tmp2.html / tmp6.html の

の上当たりにタグなどを追加します。・tmpフォルダ内に「sample.html」がありますが、index.php?mode=read_html&cat=sample という形で呼び出すことができます。変数が使えますのでかなり自由度があります。変数 &script・・・スクリプトのURLがここに入ります。 &resno・・・レスの番号がここに入ります。 &admin_cookie・・・HTML書き出し以外のときに勝手にアドミンパスが入ります。 &dateno・・・ログナンバー &res_pass・・・レス時のクッキーパスが入ります。 &res_subject・・・レス時に題名が入ります。 &default_nanasi・・・デフォルトの名前が入ります。 &no・・・番号が表示されます。 &date・・・投稿日時が表示されます。 &name・・・投稿者の名前が表示されます。 &com・・・コメント &sub・・・題名 &rnum・・・親記事のレス数。 &tbnum・・・トラックバックのレス数。 &host・・・投稿者のホスト情報 &trip・・・トリップです。IDとも言いますが。 &reslink・・・レス時のリンクが置き換えられます。 &tblink・・・トラックバックへのリンクが置き換えられます。 &extendlink・・・追記メッセージへのリンクとなります。設定はconf.phpで。 &excom・・・追記メッセージを表示します。 &catlink・・・カテゴリーのリンクとなります。 &category・・・カテゴリー名を表示します。

Web ページを保存させない

Wed, 02 Aug 2006 16:33:17 +0900

もちろん完璧な方法はないですが、苦労して作ったソースやスタイルシートを画像を含めて100%完全に保存させない方法の１つを紹介します。あくまでも１つのアイデアとして試して下さい。 このWEBページは保存できませんでした。 WEBページを、ファイル→名前を付けて保存をした場合、以下のエラーメッセージが出れば良いわけです。詳しい方ならこのエラーメッセージを回避できるかもしれませんが、エラーが出ると簡単には保存できませんので効果はあります。（htmlだけでしたら保存は簡単ですが、画像・CSSも含めての100%保存は難しい…） スタイルシートのインポート その方法ですが、まずキーとなるのはスタイルシートファイルです。スタイルシートファイルを外部から呼び出す際、別ドメインの架空ファイルを呼び出すのがポイントです。そうすることにより、保存しようとしても呼び出し先のCSSがありませんから、エラーが出るのです。その方法は、単純に以下タグをヘッダに挿入するだけです。これを入れると、CSSファイルを探しに行きますが、インポート先には存在しません。ですから、名前を付けて保存をしようとしてもエラーが出ます。もちろんWEBサイトは普通に表示されますので問題ありません。 全ページへ一気に導入 先程の方法であれば、全ページに挿入していく必要があるので面倒です。そんな時は、全ページ共通のCSSファイルの一番上に以下を記述します。 @import "http://"; すると、スグに全ページ保存エラーが出るようにできます。このページもエラーがでるようにしていますので、名前を付けて保存をしてみて下さい。 ※あくまでも１つの方法です。個人の判断で導入して下さい。。

トップページテンプレート

Wed, 31 May 2006 17:25:23 +0900

初心者にも改造しやすいテンプレート集です。
あえて難しいスタイシートデザインや高度なテクニックは使用しておりません。
あくまでも改造する際、わかり易いように仕上げています。
特にホームページ作成ソフトで編集すると視覚的にスグにカスタマイズすることができます。

・初心者の為のテンプレートの使い方！
・テンプレート人気ランキング
・HTMLタグ人気ランキング
・ダウンロードされた方は掲示板に報告お願いします。

※著作権表示（ネットマニアへのリンク）削除は禁止します。


テンプレート#142	テンプレート#143


テンプレート#139	テンプレート#140	テンプレート#141


テンプレート#137	テンプレート#138


テンプレート#134	テンプレート#135	テンプレート#136


テンプレート#131	テンプレート#132	テンプレート#133


テンプレート#128	テンプレート#129	テンプレート#130


テンプレート#125	テンプレート#126	テンプレート#127


テンプレート#122	テンプレート#123	テンプレート#124


テンプレート#119	テンプレート#120	テンプレート#121


テンプレート#116	テンプレート#117	テンプレート#118


テンプレート#113	テンプレート#114	テンプレート#115


テンプレート#110	テンプレート#111	テンプレート#112


テンプレート#108	テンプレート#109

CustomFields で入力項目の追加

Tue, 09 May 2006 17:15:10 +0900

MovableTypeを使ってデーターベース的な使い方をしたい場合は「CustomFields plugin」が威力を発揮します。タイトル・エントリーの内容・概要・キーワードが基本的な入力項目ですが、欲しい項目を自由にプラスできるのがこのプラグインです。

データーベースとして使用

入力項目を自由に追加でき、入力された項目も個別で自由に配置することができます。その為、書籍のデーターベースや映画データーベースなどMTの用途が広がります。また、天気アイコンの追加や広告の掲載など工夫次第で便利に使えます。

CustomFields を導入する。

まずはこちらからCustomFields pluginをダウンロード。名前とURLを登録すると、メールでダウンロードURLが送られてきます。一番最初のURLをクリックすると、ダウンロード画面にいけます。ダウンロードして解凍すると以下のフォルダが現れます。これをそのままMTをインストールしているフォルダへアップします。その後、 plugins/CustomFields/ 以下の author_archive.cgi authors.cgi categories.cgi entries.cgi パーミッションを755に設定。これでインストールは完了です。次に、メイン・メニュー > システム・メニュー > プラグインを確認します。上記が確認できればプラグインのインストールは完了です。

Edit Custom Entry Fields

次は項目の追加です。ブログトップに下記のようなメニューが出現しますので、Edit Custom Entry Fieldsをクリックします。 Edit Custom Entry Fields のページは全て英語ですが、Create New Fieldを押して新規作成をします。新規作成画面では、いくつかの入力項目があります。１．フィールド名英語で記述します。項目の英語名。２．Description フィールド名の説明のような項目。　　→日本語をそのまま入力するとエラーになりますので、私は数値実体参照に変換しました。３．テンプレートタグ。自動入力されます。４．入力欄のタイプです。用途に合わせて使います。５．必須項目にするか？のチェックボックスです。一通り入力が終わったらCreate a Field を押して完了です。任意の項目が追加されました。いくつか登録すると以下のようになります。

新規エントリー

ここまでできたら、新規エントリーをクリックします。すると、入力欄の下の方に追加された項目が出現します。 ※項目を出すには、エントリー画面の「画面の表示設定を変更」のCustomにチェックを入れましょう。あとは、入力して保存するだけでデータに追加されます。表示がズレる場合は、FireFoxを使った方がいいかもしれません。また、入力項目部分はCSSでデザイン変更ができます。

テンプレートに追加

入力したデータを実際のブログに反映させるには、テンプレートに項目を追加する必要があります。追加方法は以下のようなタグをテンプレートに入れるだけです。 Field名を変更することで任意の項目を反映できます。出版社： ISBN： HP： ■を活用すると、データがあるときだけ表示させることができます。例）

出版社

あとがき

CustomFields はMTを拡張させる素晴らしいプラグインです。実際に導入テストをして、うまくいかない点としては、・書き出しには追加項目が反映されない。・追加項目はサイト内検索の対象外。などです。ただ、これらは改造で対処できそうな感じです。まだ深く使いこなしていませんが、色々可能性があるプラグインです。 ●技術メモ エントリー画面の「Fields marked with an asterisk * are required」を消すには /plugins/CustomFields/lib/CustomFields/ Entries.pm の該当部分を消す。エントリー画面の入力部分のカスタマイズは、 /plugins/CustomFields/tmpl/ list-custom-fields.tmpl ○参考絵文禄ことのは：デーサイに一歩近づけるMovable TypeプラグインRightFields Movable Type 4989：CustomFields plugin はカスタマイズ界の Bigbang

エラーページテンプレート

Fri, 24 Mar 2006 12:02:33 +0900

・初心者の為のテンプレートの使い方！
・テンプレート人気ランキング
・HTMLタグ人気ランキング
・ダウンロードされた方は掲示板に報告お願いします。

エラーページのテンプレートです。「.htaccess」も入っていますので、ダウンロードして、URL・エラーページを変更しサーバーにアップするだけでＯＫです。詳しくは、コラムをご覧下さい。「エラーページをカスタマイズする！」
自動でページを飛ばしたい場合は、～内に

を入れて下さい。CONTENT="5; は何秒後に飛ばすか？です。

※著作権表示（ネットマニアへのリンク）削除は禁止します。


テンプレート#020	テンプレート#021	テンプレート#022


テンプレート#017	テンプレート#018	テンプレート#019


テンプレート#014	テンプレート#015	テンプレート#016


テンプレート#011	テンプレート#012	テンプレート#013


テンプレート#001	テンプレート#002	テンプレート#003


テンプレート#004	テンプレート#005	テンプレート#006


テンプレート#007	テンプレート#008	テンプレート#009

飾り枠テンプレート(CSS版)

Thu, 23 Mar 2006 11:45:18 +0900

TEXT TEXT …	TEXT TEXT …	TEXT TEXT …	TEXT TEXT …	TEXT TEXT …
<div style="padding:5px;border-color:#333333;border-width:1px;border-style:solid;height:50px;width:80px;">TEXT<br>TEXT<br>…</div>	<div style="padding:5px;border-color:#cccccc;border-width:1px;border-style:solid;height:50px;width:80px;">TEXT<br>TEXT<br>…</div>	<div style="padding:5px;border-color:#009900;border-width:1px;border-style:solid;height:50px;width:80px;">TEXT<br>TEXT<br>…</div>	<div style="padding:5px;border-color:#990000;border-width:1px;border-style:solid;height:50px;width:80px;">TEXT<br>TEXT<br>…</div>	<div style="padding:5px;border-color:#999933;border-width:1px;border-style:solid;height:50px;width:80px;">TEXT<br>TEXT<br>…</div>
TEXT TEXT …	TEXT TEXT …	TEXT TEXT …	TEXT TEXT …	TEXT TEXT …
<div style="padding:5px;border-color:#333333;border-width:1px;border-style:solid;height:50px;width:80px;background:#cccccc;">TEXT<br>TEXT<br>…</div>	<div style="padding:5px;border-color:#cccccc;border-width:1px;border-style:solid;height:50px;width:80px;background:#F7F7F7;">TEXT<br>TEXT<br>…</div>	<div style="padding:5px;border-color:#009900;border-width:1px;border-style:solid;height:50px;width:80px;background:#ADFEAD;">TEXT<br>TEXT<br>…</div>	<div style="padding:5px;border-color:#990000;border-width:1px;border-style:solid;height:50px;width:80px;background:#FEC6C6;">TEXT<br>TEXT<br>…</div>	<div style="padding:5px;border-color:#999933;border-width:1px;border-style:solid;height:50px;width:80px;background:#F9F9BA;">TEXT<br>TEXT<br>…</div>
TEXT TEXT dotted	TEXT TEXT dotted	TEXT TEXT dotted	TEXT TEXT dotted	TEXT TEXT dotted
<div style="padding:5px;border-color:#333333;border-width:1px;border-style:dotted;height:50px;width:80px;">TEXT<br>TEXT<br>…</div>	<div style="padding:5px;border-color:#cccccc;border-width:1px;border-style:dotted;height:50px;width:80px;">TEXT<br>TEXT<br>…</div>	<div style="padding:5px;border-color:#009900;border-width:1px;border-style:dotted;height:50px;width:80px;">TEXT<br>TEXT<br>…</div>	<div style="padding:5px;border-color:#990000;border-width:1px;border-style:dotted;height:50px;width:80px;">TEXT<br>TEXT<br>…</div>	<div style="padding:5px;border-color:#999933;border-width:1px;border-style:dotted;height:50px;width:80px;">TEXT<br>TEXT<br>…</div>
TEXT TEXT dashed	TEXT TEXT dashed	TEXT TEXT dashed	TEXT TEXT dashed	TEXT TEXT dashed
<div style="padding:5px;border-color:#333333;border-width:1px;border-style:dashed;height:50px;width:80px;">TEXT<br>TEXT<br>…</div>	<div style="padding:5px;border-color:#cccccc;border-width:1px;border-style:dashed;height:50px;width:80px;">TEXT<br>TEXT<br>…</div>	<div style="padding:5px;border-color:#009900;border-width:1px;border-style:dashed;height:50px;width:80px;">TEXT<br>TEXT<br>…</div>	<div style="padding:5px;border-color:#990000;border-width:1px;border-style:dashed;height:50px;width:80px;">TEXT<br>TEXT<br>…</div>	<div style="padding:5px;border-color:#999933;border-width:1px;border-style:dashed;height:50px;width:80px;">TEXT<br>TEXT<br>…</div>
TEXT TEXT …	TEXT TEXT …	TEXT TEXT …	TEXT TEXT …	TEXT TEXT …
<div style="padding:5px;background:#cccccc;height:50px;width:80px;">TEXT<br>TEXT<br>…</div>	<div style="padding:5px;background:#EFEFEF;height:50px;width:80px;">TEXT<br>TEXT<br>…</div>	<div style="padding:5px;background:#B3D9BA;height:50px;width:80px;">TEXT<br>TEXT<br>…</div>	<div style="padding:5px;background:#B3C5D9;height:50px;width:80px;">TEXT<br>TEXT<br>…</div>	<div style="padding:5px;background:#D9D1B3;height:50px;width:80px;">TEXT<br>TEXT<br>…</div>
TEXT TEXT …	TEXT TEXT …	TEXT TEXT …	TEXT TEXT …	TEXT TEXT …
<div style="padding:5px;background:#cccccc;height:50px;width:80px;border-color:#333333;border-width:0 0 3px 0;border-style:solid;">TEXT<br>TEXT<br>…</div>	<div style="padding:5px;background:#EFEFEF;height:50px;width:80px;border-color:#cccccc;border-width:0 0 3px 0;border-style:solid;">TEXT<br>TEXT<br>…</div>	<div style="padding:5px;background:#B3D9BA;height:50px;width:80px;border-color:#40A352;border-width:0 0 3px 0;border-style:solid;">TEXT<br>TEXT<br>…</div>	<div style="padding:5px;background:#B3C5D9;height:50px;width:80px;border-color:#2B609C;border-width:0 0 3px 0;border-style:solid;">TEXT<br>TEXT<br>…</div>	<div style="padding:5px;background:#D9D1B3;height:50px;width:80px;border-color:#9C8223;border-width:0 0 3px 0;border-style:solid;">TEXT<br>TEXT<br>…</div>
TEXT TEXT …	TEXT TEXT …	TEXT TEXT …	TEXT TEXT …	TEXT TEXT …
<div style="padding:5px;background:#cccccc;height:50px;width:80px;border-color:#333333;border-width:0 0 0 3px;border-style:solid;">TEXT<br>TEXT<br>…</div>	<div style="padding:5px;background:#EFEFEF;height:50px;width:80px;border-color:#cccccc;border-width:0 0 0 3px;border-style:solid;">TEXT<br>TEXT<br>…</div>	<div style="padding:5px;background:#B3D9BA;height:50px;width:80px;border-color:#40A352;border-width:0 0 0 3px;border-style:solid;">TEXT<br>TEXT<br>…</div>	<div style="padding:5px;background:#B3C5D9;height:50px;width:80px;border-color:#2B609C;border-width:0 0 0 3px;border-style:solid;">TEXT<br>TEXT<br>…</div>	<div style="padding:5px;background:#D9D1B3;height:50px;width:80px;border-color:#9C8223;border-width:0 0 0 3px;border-style:solid;">TEXT<br>TEXT<br>…</div>
TEXT TEXT …	TEXT TEXT …	TEXT TEXT …	TEXT TEXT …	TEXT TEXT …
<div style="padding:5px;background:#cccccc;height:50px;width:80px;border-color:#333333;border-width:0 0 3px 0;border-style:solid;">TEXT<br>TEXT<br>…</div>	<div style="padding:5px;background:#EFEFEF;height:50px;width:80px;border-color:#cccccc;border-width:0 0 3px 0;border-style:solid;">TEXT<br>TEXT<br>…</div>	<div style="padding:5px;background:#B3D9BA;height:50px;width:80px;border-color:#40A352;border-width:0 0 3px 0;border-style:solid;">TEXT<br>TEXT<br>…</div>	<div style="padding:5px;background:#B3C5D9;height:50px;width:80px;border-color:#2B609C;border-width:0 0 3px 0;border-style:solid;">TEXT<br>TEXT<br>…</div>	<div style="padding:5px;background:#D9D1B3;height:50px;width:80px;border-color:#9C8223;border-width:0 0 3px 0;border-style:solid;">TEXT<br>TEXT<br>…</div>
TEXT TEXT …	TEXT TEXT …	TEXT TEXT …	TEXT TEXT …	TEXT TEXT …
<div style="padding:3px;background:#EBFCCE;height:46px;width:76px;"><div style="padding:5px;background:#EBFCCE;height:40px;width:70px;border-color:#FFFFFF #8CA85A #8CA85A #FFFFFF;border-width:1px;border-style:solid;">TEXT<br>TEXT<br>…</div></div>	<div style="padding:3px;background:#E1CBF7;height:46px;width:76px;"><div style="padding:5px;background:#E1CBF7;height:40px;width:70px;border-color:#FFFFFF #6A35A0 #6A35A0 #FFFFFF;border-width:1px;border-style:solid;">TEXT<br>TEXT<br>…</div></div>	<div style="padding:3px;background:#AFCBD2;height:46px;width:76px;"><div style="padding:5px;background:#AFCBD2;height:40px;width:70px;border-color:#FFFFFF #358BA0 #358BA0 #FFFFFF;border-width:1px;border-style:solid;">TEXT<br>TEXT<br>…</div></div>	<div style="padding:3px;background:#AFD2C5;height:46px;width:76px;"><div style="padding:5px;background:#AFD2C5;height:40px;width:70px;border-color:#FFFFFF #52937A #52937A #FFFFFF;border-width:1px;border-style:solid;">TEXT<br>TEXT<br>…</div></div>	<div style="padding:3px;background:#FAFCC7;height:46px;width:76px;"><div style="padding:5px;background:#FAFCC7;height:40px;width:70px;border-color:#FFFFFF #9C9F44 #9C9F44 #FFFFFF;border-width:1px;border-style:solid;">TEXT<br>TEXT<br>…</div></div>
TEXT TEXT …	TEXT TEXT …	TEXT TEXT …	TEXT TEXT …	TEXT TEXT …
<div style="padding:3px;background:#EBFCCE;height:46px;width:76px;border-color:#8CA85A;border-width:1px;border-style:solid;"><div style="padding:5px;background:#EBFCCE;height:40px;width:70px;border-color:#8CA85A;border-width:1px;border-style:dotted;">TEXT<br>TEXT<br>…</div></div>	<div style="padding:3px;background:#E1CBF7;height:46px;width:76px;border-color:#6A35A0;border-width:1px;border-style:solid;"><div style="padding:5px;background:#E1CBF7;height:40px;width:70px;border-color:#6A35A0;border-width:1px;border-style:dotted;">TEXT<br>TEXT<br>…</div></div>	<div style="padding:3px;background:#AFCBD2;height:46px;width:76px;border-color:#358BA0;border-width:1px;border-style:solid;"><div style="padding:5px;background:#AFCBD2;height:40px;width:70px;border-color:#358BA0;border-width:1px;border-style:dotted;">TEXT<br>TEXT<br>…</div></div>	<div style="padding:3px;background:#AFD2C5;height:46px;width:76px;border-color:#52937A;border-width:1px;border-style:solid;"><div style="padding:5px;background:#AFD2C5;height:40px;width:70px;border-color:#52937A;border-width:1px;border-style:dotted;">TEXT<br>TEXT<br>…</div></div>	<div style="padding:3px;background:#FAFCC7;height:46px;width:76px;border-color:#9C9F44;border-width:1px;border-style:solid;"><div style="padding:5px;background:#FAFCC7;height:40px;width:70px;border-color:#9C9F44;border-width:1px;border-style:dotted;">TEXT<br>TEXT<br>…</div></div>
TEXT TEXT …	TEXT TEXT …	TEXT TEXT …	TEXT TEXT …	TEXT TEXT …
<div style="padding:2px;background:#EBFCCE;height:46px;width:76px;border-color:#8CA85A;border-width:1px;border-style:solid;"><div style="padding:5px;background:#FFFFFF;height:40px;width:70px;border-color:#8CA85A;border-width:1px;border-style:dotted;">TEXT<br>TEXT<br>…</div></div>	<div style="padding:2px;background:#E1CBF7;height:46px;width:76px;border-color:#6A35A0;border-width:1px;border-style:solid;"><div style="padding:5px;background:#FFFFFF;height:40px;width:70px;border-color:#6A35A0;border-width:1px;border-style:dotted;">TEXT<br>TEXT<br>…</div></div>	<div style="padding:2px;background:#AFCBD2;height:46px;width:76px;border-color:#358BA0;border-width:1px;border-style:solid;"><div style="padding:5px;background:#FFFFFF;height:40px;width:70px;border-color:#358BA0;border-width:1px;border-style:dotted;">TEXT<br>TEXT<br>…</div></div>	<div style="padding:2px;background:#AFD2C5;height:46px;width:76px;border-color:#52937A;border-width:1px;border-style:solid;"><div style="padding:5px;background:#FFFFFF;height:40px;width:70px;border-color:#52937A;border-width:1px;border-style:dotted;">TEXT<br>TEXT<br>…</div></div>	<div style="padding:2px;background:#FAFCC7;height:46px;width:76px;border-color:#9C9F44;border-width:1px;border-style:solid;"><div style="padding:5px;background:#FFFFFF;height:40px;width:70px;border-color:#9C9F44;border-width:1px;border-style:dotted;">TEXT<br>TEXT<br>…</div></div>
TEXT TEXT …	TEXT TEXT …	TEXT TEXT …	TEXT TEXT …	TEXT TEXT …
<div style="padding:2px;background:#EBFCCE;height:46px;width:76px;border-color:#8CA85A;border-width:1px;border-style:solid;"><div style="padding:5px;background:#F5FDE5;height:40px;width:70px;border-color:#8CA85A;border-width:1px;border-style:solid;">TEXT<br>TEXT<br>…</div></div>	<div style="padding:2px;background:#E1CBF7;height:46px;width:76px;border-color:#6A35A0;border-width:1px;border-style:solid;"><div style="padding:5px;background:#EFE3FB;height:40px;width:70px;border-color:#6A35A0;border-width:1px;border-style:solid;">TEXT<br>TEXT<br>…</div></div>	<div style="padding:2px;background:#AFCBD2;height:46px;width:76px;border-color:#358BA0;border-width:1px;border-style:solid;"><div style="padding:5px;background:#D1E3E7;height:40px;width:70px;border-color:#358BA0;border-width:1px;border-style:solid;">TEXT<br>TEXT<br>…</div></div>	<div style="padding:2px;background:#AFD2C5;height:46px;width:76px;border-color:#52937A;border-width:1px;border-style:solid;"><div style="padding:5px;background:#D1E7DF;height:40px;width:70px;border-color:#52937A;border-width:1px;border-style:solid;">TEXT<br>TEXT<br>…</div></div>	<div style="padding:2px;background:#FAFCC7;height:46px;width:76px;border-color:#9C9F44;border-width:1px;border-style:solid;"><div style="padding:5px;background:#FCFDE0;height:40px;width:70px;border-color:#9C9F44;border-width:1px;border-style:solid;">TEXT<br>TEXT<br>…</div></div>
TEXT TEXT …	TEXT TEXT …	TEXT TEXT …	TEXT TEXT …	TEXT TEXT …
<div style="padding:1px;background:#999999;height:42px;width:72px;border-color:#333333;border-width:1px;border-style:solid;"><div style="padding:5px;background:#EFEFEF;height:40px;width:70px;border-color:#FFFFFF #CCCCCC #CCCCCC #FFFFFF;border-width:1px;border-style:solid;">TEXT<br>TEXT<br>…</div></div>	<div style="padding:1px;background:#B27C7C;height:42px;width:72px;border-color:#511A1A;border-width:1px;border-style:solid;"><div style="padding:5px;background:#F4E9E9;height:40px;width:70px;border-color:#FFFFFF #DABABA #DABABA #FFFFFF;border-width:1px;border-style:solid;">TEXT<br>TEXT<br>…</div></div>	<div style="padding:1px;background:#7CB2B2;height:42px;width:72px;border-color:#1A5151;border-width:1px;border-style:solid;"><div style="padding:5px;background:#E9F4F4;height:40px;width:70px;border-color:#FFFFFF #BADADA #BADADA #FFFFFF;border-width:1px;border-style:solid;">TEXT<br>TEXT<br>…</div></div>	<div style="padding:1px;background:#7CB27C;height:42px;width:72px;border-color:#1A511A;border-width:1px;border-style:solid;"><div style="padding:5px;background:#E9F4E9;height:40px;width:70px;border-color:#FFFFFF #BADABA #BADABA #FFFFFF;border-width:1px;border-style:solid;">TEXT<br>TEXT<br>…</div></div>	<div style="padding:1px;background:#B2B27C;height:42px;width:72px;border-color:#51511A;border-width:1px;border-style:solid;"><div style="padding:5px;background:#F4F4E9;height:40px;width:70px;border-color:#FFFFFF #DADABA #DADABA #FFFFFF;border-width:1px;border-style:solid;">TEXT<br>TEXT<br>…</div></div>

タイトルテンプレート(CSS版)

Wed, 22 Mar 2006 16:46:23 +0900

タイトル	タイトル	タイトル
<div style="padding:3px 5px;border-color:#cccccc;border-width:1px 1px 1px 7px;border-style:solid;">タイトル</div>	<div style="padding:3px 5px;border-color:#39B530;border-width:1px 1px 1px 7px;border-style:solid;">タイトル</div>	<div style="padding:3px 5px;border-color:#6AA2DB;border-width:1px 1px 1px 7px;border-style:solid;">タイトル</div>
タイトル	タイトル	タイトル
<div style="padding:3px 5px;border-color:#cccccc;border-width:1px 1px 1px 7px;border-style:solid;background:#F8F8F8;">タイトル</div>	<div style="padding:3px 5px;border-color:#39B530;border-width:1px 1px 1px 7px;border-style:solid;background:#EAFEE8;">タイトル</div>	<div style="padding:3px 5px;border-color:#6AA2DB;border-width:1px 1px 1px 7px;border-style:solid;background:#EEF6FF;">タイトル</div>
タイトル	タイトル	タイトル
<div style="padding:3px 5px;border-color:#990000;border-width:0 0 1px 7px;border-style:solid;background:#F8F8F8;">タイトル</div>	<div style="padding:3px 5px;border-color:#997E00;border-width:0 0 1px 7px;border-style:solid;background:#F8F8F8;">タイトル</div>	<div style="padding:3px 5px;border-color:#0B0099;border-width:0 0 1px 7px;border-style:solid;background:#F8F8F8;">タイトル</div>
タイトル	タイトル	タイトル
<div style="padding:4px 5px;border-color:#990000;border-width:0 0 0 6px;border-style:solid;">タイトル</div>	<div style="padding:4px 5px;border-color:#997E00;border-width:0 0 0 6px;border-style:solid;">タイトル</div>	<div style="padding:4px 5px;border-color:#0B0099;border-width:0 0 0 6px;border-style:solid;">タイトル</div>
タイトル	タイトル	タイトル
<div style="padding:4px 6px;background:#CCCCCC;">タイトル</div>	<div style="padding:4px 6px;background:#ABCEF1;">タイトル</div>	<div style="padding:4px 6px;background:#FDD077;">タイトル</div>
タイトル	タイトル	タイトル
<div style="padding:4px 6px;background:#C1BFBF;border-color:#FFFFFF #555555 #555555 #FFFFFF;border-width:1px;border-style:solid;">タイトル</div>	<div style="padding:4px 6px;background:#ABCEF1;border-color:#FFFFFF #555555 #555555 #FFFFFF;border-width:1px;border-style:solid;">タイトル</div>	<div style="padding:4px 6px;background:#FDD077;border-color:#FFFFFF #555555 #555555 #FFFFFF;border-width:1px;border-style:solid;">タイトル</div>
タイトル	タイトル	タイトル
<div style="padding:4px 5px;border-color:#666666;border-width:1px;border-style:solid;background:#F8F8F8;">タイトル</div>	<div style="padding:4px 5px;border-color:#ABCEF1;border-width:1px;border-style:solid;background:#F8F8F8;">タイトル</div>	<div style="padding:4px 5px;border-color:#990000;border-width:1px;border-style:solid;background:#F8F8F8;">タイトル</div>
タイトル	タイトル	タイトル
<div style="padding:4px 5px;border-color:#666666;border-width:0 0 1px 0;border-style:solid;">タイトル</div>	<div style="padding:4px 5px;border-color:#0220B6;border-width:0 0 1px 0;border-style:solid;">タイトル</div>	<div style="padding:4px 5px;border-color:#990000;border-width:0 0 1px 0;border-style:solid;">タイトル</div>
タイトル	タイトル	タイトル
<div style="padding:4px 5px;border-color:#666666;border-width:0 0 1px 0;border-style:dotted;">タイトル</div>	<div style="padding:4px 5px;border-color:#0220B6;border-width:0 0 1px 0;border-style:dottedd;">タイトル</div>	<div style="padding:4px 5px;border-color:#990000;border-width:0 0 1px 0;border-style:dotted;">タイトル</div>
タイトル	タイトル	タイトル
<div style="padding:4px 5px;border-color:#666666;border-width:0 0 2px 0;border-style:solid;background:#F2F2F2;">タイトル</div>	<div style="padding:4px 5px;border-color:#0220B6;border-width:0 0 2px 0;border-style:solid;background:#E3F0FD;">タイトル</div>	<div style="padding:4px 5px;border-color:#990000;border-width:0 0 2px 0;border-style:solid;background:#FECACA;">タイトル</div>
タイトル	タイトル	タイトル
<div style="padding:4px 5px;border-color:#666666;border-width:1px 0 2px 0;border-style:solid;background:#F2F2F2;">タイトル</div>	<div style="padding:4px 5px;border-color:#0220B6;border-width:1px 0 2px 0;border-style:solid;background:#E3F0FD;">タイトル</div>	<div style="padding:4px 5px;border-color:#990000;border-width:1px 0 2px 0;border-style:solid;background:#FECACA;">タイトル</div>
タイトル	タイトル	タイトル
<div style="padding:4px 5px;border-color:#666666;border-style:double;background:#F8F8F8;">タイトル</div>	<div style="padding:4px 5px;border-color:#ABCEF1;border-style:double;background:#F8F8F8;">タイトル</div>	<div style="padding:4px 5px;border-color:#990000;border-style:double;background:#F8F8F8;">タイトル</div>
タイトル	タイトル	タイトル
<div style="padding:3px 5px;border-color:#990000;border-width:0 0 1px 7px;border-style:solid;background:#F8F8F8;">タイトル</div>	<div style="padding:3px 5px;border-color:#997E00;border-width:0 0 1px 7px;border-style:solid;background:#F8F8F8;">タイトル</div>	<div style="padding:3px 5px;border-color:#0B0099;border-width:0 0 1px 7px;border-style:solid;background:#F8F8F8;">タイトル</div>
タイトル	タイトル	タイトル
<div style="padding:3px 5px;border-color:#E5E3E3;border-width:0px 20px 0px 0px;border-style:solid;background:#CCCCCC;">タイトル</div>	<div style="padding:3px 5px;border-color:#A6D7A1;border-width:0px 20px 0px 0px;border-style:solid;background:#B2E2AE;">タイトル</div>	<div style="padding:3px 5px;border-color:#6AA2DB;border-width:0px 20px 0px 0px;border-style:solid;background:#98C5F3;">タイトル</div>
タイトル	タイトル	タイトル
<div style="border-bottom:#777777 1px solid;width:164px"><div style="border-bottom:#999999 2px solid;width:60px;padding:3px">タイトル</div></div>	<div style="border-bottom:#A6D7A1 1px solid;width:164px"><div style="border-bottom:#B2E2AE 2px solid;width:60px;padding:3px">タイトル</div></div>	<div style="border-bottom:#6AA2DB 1px solid;width:164px"><div style="border-bottom:#98C5F3 2px solid;width:60px;padding:3px">タイトル</div></div>

CSSで画像にフィルタをかける

Sat, 11 Mar 2006 10:46:09 +0900

画像をPhotoshopなどのソフトで加工しなくてもスタイルシートでフィルタをかけることができます。まずは以下サンプルの上にマウスを重ねて下さい。マウスを重ねると、写真がカラーになります。これは通常の考えでしたら、２枚の画像を用意してロールオーバーを作りますが、これは１枚の画像を使ってスタイルシートの記述のみでロールオーバーをさせています。続いて効果の違うサンプル。最初の白黒からカラーへのロールオーバーでは、画像に直接CSSを指定しています。以下のような感じです。ロールオーバーにしない場合は以下のタグです。「gray」の部分が白黒のフィルタです。この部分を変えることにより様々な変化を出すことができます。フィルタとロールオーバーを使えばこんなボタンもできますね。 フォルタサンプル Normal Alpha(opacity=30) Blur FlipH Xray

mt.cgi のファイル名を変更する。

Thu, 26 Jan 2006 13:49:52 +0900

Movabletype の管理画面入り口のパスは、インストールディレクトリ/mt.cgiとわかり易い。その為、セキュリティ上、脆弱になる場合があります。そこで以下にmt.cgiのファイル名変更を記述します。１．まず「mt.cgi」を任意の名称に変更します。　　ここでは、「blog777.cgi」に変更してみます。２．mt-config.cgiの378行目付近を変更 # AdminScript mt.pl 　　　　↓ AdminScript blog777.cgi ３．/lib/MT/App.pm ファイルのmt.cgi部分をblog777.cgiに置き換え。４．/search_templates/default.tmpl の<$MTEntryEditLink$>を削除。５．/search_templates/comment.tmpl の<$MTEntryEditLink$>を削除。 ※公式な変更方法ではありませんので完璧ではないかもしれません… 参考・hxxk.jp ・SAKSAK RECORDS WEB SITE

私がお勧めするレンタルサーバー

Wed, 18 Jan 2006 13:45:08 +0900

私はこれだけの理由があるから、このサーバーをお勧めします。 どこのサーバーが良いかわからない方はとりあえず「ロリポップ」。初心者にも、ホームページを運営している方にもお勧めなのがロリポップレンタルサーバー。もちろんお勧めする私はネットマニア・ホームページマニアその他に４個レンタルしています。（他は秘密ということで。）「ユーザーの８割が女の子」と宣伝してますが、女の子の為にサーバーを運営しているわけではなく、男性でも快適に使えますのでご安心を。

DELLを買ってみた。デルが届くまで。

Wed, 18 Jan 2006 12:45:08 +0900

半年前、現在使っているパソコンが５年も前のパソコンだった為、パソコンの買い替えを検討し始めました。５年前のパソコン市場と言えば、CPUが700とか800が最高位の時代であり、1000を超える。つまり1Ghzのパソコンは憧れでした。メモリも64MBが主流であり液晶ディスプレイも出始めた頃です。

お勧めツール・本！

Wed, 18 Jan 2006 12:40:08 +0900

ツールを使いこなせ！ WEB作成にはツールが欠かせない。作成時間を短縮するばかりか、より高度なページ作成を実現させる。ツールについては、一度使い始めるとそのツールに慣れてしまい、なかなか他のソフトを使う気にはならない。だからこそ、最初に選択するツールが大切なのだ。

設置予定URL
E-Mail：

ネットマニア

シンプルテキストテンプレート

PHPウェブログシステム3.1

最新のお知らせ

PHPWeblogSystem3.1概要

設置方法

PHP・CGIの使えるお勧めサーバー

PHPウェブログシステム３ダウンロード 2006.10.11

ヒント

Web ページを保存させない

トップページテンプレート

CustomFields で入力項目の追加

データーベースとして使用

CustomFields を導入する。

Edit Custom Entry Fields

新規エントリー

テンプレートに追加

あとがき

エラーページテンプレート

飾り枠テンプレート(CSS版)

タイトルテンプレート(CSS版)

CSSで画像にフィルタをかける

mt.cgi のファイル名を変更する。

私がお勧めするレンタルサーバー

DELLを買ってみた。デルが届くまで。

お勧めツール・本！