2008.07.03 Thursday
スポンサーサイト
この広告は60日以上更新がないブログに表示されております。
新しい記事を書くことで広告を消すことができます。
新しい記事を書くことで広告を消すことができます。
| - | | - | - |
2007.06.05 Tuesday
グーグル スプレッドシート
グーグルのスプレッドシートが公開されて一年ぐらいたつ。
別にローカルのエクセルを使っていれば何も不都合はないと思って、触ったこともなかった。ちょっと試してみるとこれが結構役に立つ。
たとえば、最近、トヨタの あしたのハーモニー というコンテンツが、どんな風に、広まっていくのか興味があって、Googleで あしたのハーモニー というキーワードの検索結果数を拾っていたりする。 これは、hatena で hatena グラフを使って行っている。googleのスプレッドシートを使うとどうなるか
スプレッドシートは公開することが可能で、変更は5分程度で反映する。 さらにエクセルのように、簡単なグラフも表示できる。 思ったよりも、簡単で、便利そうな感じがした。 表をhtmlで作成するのは、結構手間がかかるものなので、ブログなどに2006.04.10 Monday
利用できるタグ xhtml 1.0 transitional
目的
タグは、XHTML 1.0 Transitionalで使用出来るものを以下に記述します。
タグがそのまま表示されているものは、エスケープされていますから、使えないということになります。指定が反映しているものは、利用できるかもしれません。
※irameタグなどのように、トップページでは、操作が出来ないような場合もありますから、動作するかどうか、確認の上利用されることを勧めます。
2006.04.05 Wednesday
iframe と object
JUGEMでは、iframeやobjectタグの取り扱いに、特徴がある。
トップページでは、iframe のスクロールや、iframe内のリンクは、操作する事ができない。
それぞれのエントリページでは、リンクの操作やスクロールが操作できる。
jugem で 外部htmlを IFRAME で表示してみる
少なくても外部ファイルの表示には使えそうもない。
IEがプラグインを使う時に警告が出るようになったので、ダイアログが、神経を逆なでするようになった。ちょっと改造。GET easy=linkで、全てa tagで表示するようにした。
iobject tag
jugem で 外部htmlを object で表示してみる
すくなくても外部ファイルの表示には使えそうもない。
2006.03.11 Saturday
web セーフカラー
| #c0c | #c3c | #c6c | #c9c | #ccc | #cfc |
| #c09 | #c39 | #c69 | #c99 | #cc9 | #cf9 |
| #c06 | #c36 | #c66 | #c96 | #cc6 | #cf6 |
| #c03 | #c33 | #c63 | #c93 | #cc3 | #cf3 |
| #c00 | #c30 | #c60 | #c90 | #cc0 | #cf0 |
| #f00 | #f30 | #f60 | #f90 | #fc0 | #ff0 |
| #f03 | #f33 | #f63 | #f93 | #fc3 | #ff3 |
| #f06 | #f36 | #f66 | #f96 | #fc6 | #ff6 |
| #f09 | #f39 | #f69 | #f99 | #fc9 | #ff9 |
| #f0c | #f3c | #f6c | #f9c | #fcc | #ffc |
| #f0f | #f3f | #f6f | #f9f | #fcf | #fff |
| #c0f | #c3f | #c6f | #c9f | #ccf | #cff |
| #90f | #93f | #96f | #99f | #9cf | #9ff |
| #90c | #93c | #96c | #99c | #9cc | #9fc |
| #909 | #939 | #969 | #999 | #9c9 | #9f9 |
| #906 | #936 | #966 | #996 | #9c6 | #9f6 |
| #903 | #933 | #963 | #993 | #9c3 | #9f3 |
| #900 | #930 | #960 | #990 | #9c0 | #9f0 |
| #600 | #630 | #660 | #690 | #6c0 | #6f0 |
| #603 | #633 | #663 | #693 | #6c3 | #6f3 |
| #606 | #636 | #666 | #696 | #6c6 | #6f6 |
| #609 | #639 | #669 | #699 | #6c9 | #6f9 |
| #60c | #63c | #66c | #69c | #6cc | #6fc |
| #60f | #63f | #66f | #69f | #6cf | #6ff |
| #33f | #33f | #36f | #39f | #3cf | #3ff |
| #33c | #33c | #36c | #39c | #3cc | #3fc |
| #309 | #339 | #369 | #399 | #3c9 | #3f9 |
| #306 | #336 | #366 | #396 | #3c6 | #3f6 |
| #303 | #333 | #363 | #393 | #3c3 | #3f3 |
| #300 | #330 | #360 | #390 | #3c0 | #3f0 |
| #303 | #333 | #363 | #393 | #3c3 | #3f3 |
| #306 | #336 | #366 | #396 | #3c6 | #3f6 |
| #309 | #339 | #369 | #399 | #3c9 | #3f9 |
| #30c | #33c | #36c | #39c | #3cc | #3fc |
| #60c | #63c | #66c | #69c | #6cc | #6fc |
| #609 | #639 | #669 | #699 | #6c9 | #6f9 |
| #606 | #636 | #666 | #696 | #6c6 | #6f6 |
| #603 | #633 | #663 | #693 | #6c3 | #6f3 |
| #600 | #630 | #660 | #690 | #6c0 | #6f0 |
| #900 | #930 | #960 | #990 | #9c0 | #9f0 |
| #c00 | #c30 | #c60 | #c90 | #cc0 | #cf0 |
| #c03 | #c33 | #c63 | #c93 | #cc3 | #cf3 |
| #c06 | #c36 | #c66 | #c96 | #cc6 | #cf6 |
| #c09 | #c39 | #c69 | #c99 | #cc9 | #cf9 |
| #c0c | #c3c | #c6c | #c9c | #ccc | #cfc |
| #c0f | #c3f | #c6f | #c9f | #ccf | #cff |
| #f0f | #f3f | #f6f | #f9f | #fcf | #fff |
| #f0c | #f3c | #f6c | #f9c | #fcc | #ffc |
| #f09 | #f39 | #f69 | #f99 | #fc9 | #ff9 |
| #f06 | #f36 | #f66 | #f96 | #fc6 | #ff6 |
| #f03 | #f33 | #f63 | #f93 | #fc3 | #ff3 |
| #f00 | #f30 | #f60 | #f90 | #fc0 | #ff0 |
| #f11 | #f30 | #f61 | #f90 | #fc0 | #ff0 |
| #c00 | #c30 | #c60 | #c90 | #cc0 | #cf0 |
| #900 | #930 | #960 | #990 | #9c0 | #9f0 |
| #903 | #933 | #963 | #993 | #9c3 | #9f3 |
| #906 | #936 | #966 | #996 | #9c6 | #9f6 |
| #909 | #939 | #969 | #999 | #9c9 | #9f9 |
| #90c | #93c | #96c | #99c | #9cc | #9fc |
| #90f | #93f | #96f | #99f | #9cf | #9ff |
| #60f | #63f | #66f | #69f | #6cf | #6ff |
| #30f | #33f | #36f | #39f | #3cf | #3ff |
| #00f | #03f | #06f | #09f | #0cf | #0ff |
| #00c | #03c | #06c | #09c | #0cc | #0fc |
| #009 | #039 | #069 | #099 | #0c9 | #0f9 |
| #006 | #036 | #066 | #096 | #0c6 | #0f6 |
| #003 | #033 | #063 | #093 | #0c3 | #0f3 |
| #000 | #030 | #060 | #090 | #0c0 | #0f0 |
2005.12.13 Tuesday
オリジナルのレイアウトを作ってみた。
JUGEMでブログを体験してみました。
テンプレートを編集したり、スタイルを、いたずらしたりすることで、とても簡単に、オリジナルのブログが出来そうです。
今日はその体験を 備忘。
このblogサービスには、オリジナルのblogを配布したり、経験豊富な人がいると思うけど、私のやり方は、それと比べて、どうなっているのか、ぜんぜんチェックしてませんけど。
私は、IE6じゃ使いにくいので、firefox の力を借りた。
テンプレートの編集をクリックすると、スタイルシートと、テンプレート編集用のテキストエリアが見える。
私は簡単に済ませたかったので、まず、テキストエディタに、テンプレートの内容を貼り付ける。
次に、CSSのテキストエリアを全てコピーして、貼り付ける。
貼り付ける場所は、先ほどの貼り付けたテンプレートの、headタグの区間内に貼り付ける。
<head>----CSS-----</head>
さて、次の工程は、IE6では出来なかった。
もう一枚のテンプレートファイルをダウンロードする作業だ。
ヘッダー内には、外部のスタイルシートへのリンクがある。
hogehoge.css というファイルだ。
firefox で自分のページを表示して、ソースを表示する。
CSSのアドレスをクリックすると、スタイルシートファイルを保存できる。
保存したら、全て選択して、またコピーする。
さっき、スタイルを貼り付けた近くに貼り付ける。出来れば最初のほうに貼り付ける。
このとき、重複したスタイルが多分いっぱいある。
最後に貼り付けた部分を中心に、スタイルを修正していく。
実際のblogで、変更し始めると、面倒なので、ローカルのパソコンで見ることが出来るようにする。
charsetをEUC-JPに直す。ローカルでも、表示できるようになる。
何でこんなことをやるか、世の中では、テンプレート（つまりHTMLファイル）と、CSSは、別々が常識だけど、作業は、同じファイルでやったほうがとても簡単になるんだ。
blog系は、スタイルシートで見た目を調整するから、数百行もあったりする。
一枚のファイル内だと検索などがとても楽チンだから、私的には、お勧めの方法です。
さて、ちょっと疲れた。でも、このまま、だらだら、書いていこう。
改造するには、ちょっとした知識が必要になる。
スタイルが、テンプレートのどの部分と対応しているかを知る必要がある。
今まで説明をしてきたやり方をしていると、テキストファイルを、htmlで保存すると、｛＋＋＋＋＋＋}この中カッコで囲まれた文字が見えていると思う。
これが、テンプレートファイルの心臓部で、このカッコ内の名前に呼応したデータと入れ替わる部分です。これは、だから、消しちゃいけない部分です。逆に言うと、これ以外は、自由に改造できます。
中カッコが何と対応しているかは、インターネット上の自分のページを開いてみるのがいい。ローカルにあるファイルは、同じレイアウトで、中カッコが、インターネット上のファイルは、文字列が表示されているので、比較すると簡単にわかるでしょう。
書き忘れましたが、headerタグ内にある、***.cssファイルの名前があるタグの部分は削除して置いてください。
どっかに気に入ったレイアウトがあるなら、bodyからbodyの部分をコピーして、｛****｝で囲まれた部分を、当てはめていくことで、オリジナルレイアウトは完成します。
テンプレートを編集したり、スタイルを、いたずらしたりすることで、とても簡単に、オリジナルのブログが出来そうです。
今日はその体験を 備忘。
このblogサービスには、オリジナルのblogを配布したり、経験豊富な人がいると思うけど、私のやり方は、それと比べて、どうなっているのか、ぜんぜんチェックしてませんけど。
私は、IE6じゃ使いにくいので、firefox の力を借りた。
テンプレートの編集をクリックすると、スタイルシートと、テンプレート編集用のテキストエリアが見える。
私は簡単に済ませたかったので、まず、テキストエディタに、テンプレートの内容を貼り付ける。
次に、CSSのテキストエリアを全てコピーして、貼り付ける。
貼り付ける場所は、先ほどの貼り付けたテンプレートの、headタグの区間内に貼り付ける。
<head>----CSS-----</head>
さて、次の工程は、IE6では出来なかった。
もう一枚のテンプレートファイルをダウンロードする作業だ。
ヘッダー内には、外部のスタイルシートへのリンクがある。
hogehoge.css というファイルだ。
firefox で自分のページを表示して、ソースを表示する。
CSSのアドレスをクリックすると、スタイルシートファイルを保存できる。
保存したら、全て選択して、またコピーする。
さっき、スタイルを貼り付けた近くに貼り付ける。出来れば最初のほうに貼り付ける。
このとき、重複したスタイルが多分いっぱいある。
最後に貼り付けた部分を中心に、スタイルを修正していく。
実際のblogで、変更し始めると、面倒なので、ローカルのパソコンで見ることが出来るようにする。
charsetをEUC-JPに直す。ローカルでも、表示できるようになる。
何でこんなことをやるか、世の中では、テンプレート（つまりHTMLファイル）と、CSSは、別々が常識だけど、作業は、同じファイルでやったほうがとても簡単になるんだ。
blog系は、スタイルシートで見た目を調整するから、数百行もあったりする。
一枚のファイル内だと検索などがとても楽チンだから、私的には、お勧めの方法です。
さて、ちょっと疲れた。でも、このまま、だらだら、書いていこう。
改造するには、ちょっとした知識が必要になる。
スタイルが、テンプレートのどの部分と対応しているかを知る必要がある。
今まで説明をしてきたやり方をしていると、テキストファイルを、htmlで保存すると、｛＋＋＋＋＋＋}この中カッコで囲まれた文字が見えていると思う。
これが、テンプレートファイルの心臓部で、このカッコ内の名前に呼応したデータと入れ替わる部分です。これは、だから、消しちゃいけない部分です。逆に言うと、これ以外は、自由に改造できます。
中カッコが何と対応しているかは、インターネット上の自分のページを開いてみるのがいい。ローカルにあるファイルは、同じレイアウトで、中カッコが、インターネット上のファイルは、文字列が表示されているので、比較すると簡単にわかるでしょう。
書き忘れましたが、headerタグ内にある、***.cssファイルの名前があるタグの部分は削除して置いてください。
どっかに気に入ったレイアウトがあるなら、bodyからbodyの部分をコピーして、｛****｝で囲まれた部分を、当てはめていくことで、オリジナルレイアウトは完成します。
| 1/1PAGES |
SELECTED ENTRIES
- 更新しないブログには広告がつくのかぁ (07/03)
- グーグル スプレッドシート (06/05)
- 利用できるタグ xhtml 1.0 transitional (04/10)
- iframe と object (04/05)
- web セーフカラー (03/11)
- オリジナルのレイアウトを作ってみた。 (12/13)
- お初 JUGEM (12/13)
PROFILE
CALENDAR
ARCHIVES
- July 2008 (1)
- June 2007 (1)
- April 2006 (2)
- March 2006 (1)
- December 2005 (2)
CATEGORIES
- テンプレートの編集 (1)
RECOMMEND
OTHERS
