「得」のファビコン

「安」のファビコンをダウンロードしてくださった方がいらしゃるので(ありがとうございます)

調子に乗って作ってしまった「得」のファビコン!

toku1toku2toku3toku4toku5toku6

色合いは「安」と微妙に変えてあるので、これで12色!(※ちなみにここに貼ってあるのはjpg画像です。これをコピペしてもファビコンにはなりません)

ダウンロードはこちらから
「得」ファビコン「得」ファビコン

※ファビコンの使い方

htmlの<head>タグの中に(cssの記述がある辺り)

<link rel=”shortcut icon” type=”image/x-icon” href=”保存先/アイコン名.ico” />

と記入します。

********************

次回は確定申告が終わったころに、新しいシリーズのテンプレートをアップする予定です。

カテゴリー: ファビコン | コメントは受け付けていません。

「安」のファビコン

今年はアフィリエイト、ドロップシッピングに適した素材もご紹介したいな、と思っておりまして、第一弾は「安」のファビコンです。

※ファビコンとは……「お気に入り」やブラウザのタブでサイトタイトルの前につく小さい画像です。
タブ式ブラウザで何店舗か見比べているときなど、目立つファビコンがついていると、威力を発揮するでしょう。

yasu1yasu2yasu3yasu4yasu5yasu6

の6色です。ちなみにこの画像はjpgなので、これをコピーしてもファビコンにはなりません。jpg画像のままサイト内でアクセントに使えると思われたかたは、どうぞ自由にコピってください。

なんだか品のないファビコンですが……、でもシンプルで、ストレートな方が販売サイトにはいいかなぁ、と思いまして……。

あと「得」くらい作っておこうかな。

ダウンロードはこちらから
「安」ファビコン「安」ファビコン

 

※ファビコンの使い方

htmlの<head>の中に(cssの記述がある辺り)

<link rel=”shortcut icon” type=”image/x-icon” href=”保存先/アイコン名.ico” />

と記入します。

カテゴリー: ファビコン | コメントは受け付けていません。

3カラム均等版テンプレート

sc0000

テンプレート第3弾は
ただの箱シリーズ、3カラム均等幅版です。
350pxずつ3つに分かれています。

3カラム均等版XHTML3カラム均等版XHTML サンプルページ

3カラム均等版html53カラム均等版html5 サンプルページ

sc0000

利用規約

基本的にに1枚で使うイメージで作りました。
プロバイダーから無料でもらったサーバースペースなど、あいているところに1枚いれて、テキストリンクを並べたり、バナーを少し貼ったり。
小さな隙間で効率よくテキストリンクを貼って行けたら、無料HPサービスなどももう少し使いこなせるかな、と思いました。

幅350px1種類しかないので、深く考えずエクセルなどで作ったアフィリエイトリンクを一気に貼り、間にバナーを挟んでいく…だけで1ページがすぐに作れます。

 

3カラムの中には5色のボックスをいれています。

ID=p1からp5まであり、増やして色とりどりにすることも可能です。

この5色ボックス以外、ほとんどcssは触っていません。
pタグ、リストタグを左寄せ、画像を中央にしたくらいです。

 

-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
「XHTML版」は「.htaccess」等でhtmlファイルでもPHPが動くように設定していると、エラーがでて表示されません。その場合、index.htmlの1行目を

「<?php echo ‘<?xml version=”1.0″ encoding=”Shift_JIS”?>’.”\n” ?>」

に書き換えてください。(今回から「index-PHPエラー版.html」もいれてあります。ファイル名を書き換えてご利用ください)

二つのテンプレートの違いはこちらをご覧ください。

HTML5版のサンプルサイトを見て表示が崩れている場合

ご利用のブラウザが「html5」に対応していない可能性があります。対応しているブラウザをご利用ください。特にご希望がない場合「ちょろめ」をおすすめします。

Google Chrome

カテゴリー: ただの箱シリーズ | コメントは受け付けていません。

今後の予定

おかげさまで、本業の制作の方が忙しく、なかなかこちらにまで手が回りません。

なので、まず計画だけでも書いておこうと思います。

次に作りたいもの

まず「とりあえず1ページシリーズ」という単ページのテンプレートを作りたい考えています。

たとえば

・プロバイダーから契約時にもらった無料HPスペース
・ドメインとったらおまけでもらったHPスペースやサブドメイン
・IP分散だ!と張り切ってたくさん作った無料HPサービス

など、いろんな隙間にちょこっとした空間を持っている人も多いはず。
でも「無料スペース」の多くはCGIに制限があったり、PHP・データベースが不可で「通常使い」はなかなかできないので、気が付くと「ほったらかし~で勿体ない」

そういう部分こそ、配布されてるテンプレートでまかなえるといいのに、
配布されているテンプレートの多くは、ヘッダの下にメニューバーがあったり「複数ページ仕様」
無理やりメニューバーを外すとデザイン全体が崩れてボロボロ…。

とまあ、そういう経験を踏まえて

・ちょっとしたサーバーの隙間を埋められて、更新不要のアフィリエイバナーを貼って置いておける
1ページ仕様のテンプレート
をいくつか作りたいな、と思っています。

上手く使えばそのまま404なんかのエラーページにもできるような……。


カテゴリー: お知らせ | コメントは受け付けていません。

Webデザインプロフェッショナルワークフロー・バイブル

分厚い本です。でも大半はイメージ画像。

こう、デザインセンスを養うというか、目で見て楽しむ的な要素がふんだんに取り入れられています。

面白かったのはCSS3についていろいろ書かれている部分。
新機能である
・角丸背景の設定の仕方
・リストタグで偶数行と奇数行で背景色を変える方法
が具体的に表示されています。

が、角丸背景……、とても面倒そうで、よさそうな感じがしない…。

あまり角丸背景は使わないんですが、もうテーブルのままでいいかな、と改めて思ってしまった。でもそういうのこそ、テンプレートで配布するといいんでしょうね。

カテゴリー: 参考図書 | コメントは受け付けていません。

XHTML+CSS 100の疑問に答えます。 外間 かおり

XHTML+CSS なんてタイトルですが、初版が2010年4月なので「html5」の説明がたっぷり載っています。

「HTML5で追加予定の要素」や「THML5で使用に制限のある属性」など一覧があります。

分かりやすいです。見やすくて。Web標準に準拠したHTMLとCSSを、Q&A形式でやさしく説明しています。

図というか表が多いのも魅力!
文章がつらつらと並んでいるだけだと、後から読み返すときに、探すのが大変ですが、表だとすぐ目に留まるので、何度も読み返すのに向いています。

カテゴリー: 参考図書 | コメントは受け付けていません。

ただの箱シリーズ 2カラム

sc0002

テンプレート第2弾は
全く装飾していない「いれもののみ」のテンプレートの2カラム版です。
続きを読む

カテゴリー: ただの箱シリーズ | タグ: , | コメントは受け付けていません。

XHTMLとHTML5のテンプレートの違い

全く装飾のないテンプレート「ただの箱シリーズ」

「XHTML版」と「HTML5」を同時にダウンロードしている方もいらっしゃるようなので、

「どこが違うか?」

まとめておきます。というほどたくさんないですけど。

続きを読む

カテゴリー: 雑記 | コメントは受け付けていません。

ただの箱シリーズ 3カラム

sc0000

テンプレート第一弾は
全く装飾していない「いれもののみ」のテンプレートです。

続きを読む

カテゴリー: ただの箱シリーズ | タグ: , | コメントは受け付けていません。

HTML5タグ事典

HTMLの基本的な説明から始まり、主要要素のわかりやすい説明が続きます。

とてもわかりやすく、読みやすいので「事典」として手元において置き調べ物に使うもよし、読み物としてじっくり読むもよし!すぐれモノの一冊だと思います。

220ページほどなので、内容量が限られているといえば限られているのですが、それでもフォーム関連の要素は充実していますし、軽く持ち運べるサイズの上、要素ごとに区分けが細かいので、通勤・通学にもぴったり。いつでもどこでも読み進めることができます。

図や表もふんだんに使われていてわかりやすいので、いままでなんとなくHTMLを触ってきたけれど、これを機にしっかり勉強しなおそうという方はぜひ読んでみてください。

 

カテゴリー: 参考図書 | コメントは受け付けていません。