Follow Us.RSS

2008年9月12日(金)縦書きもできるアクセスカウンター

  • CMONOS.JP のアクセスカウンターには、縦書き画像も用意されています。もちろん自作の画像で縦書き画像を作成することも可能。GIF画像の特性を活かして毎回色を変えられるなど、ユニークな機能がたくさんありますよ。

  • (2008年9月12日(金) 午後5時45分22秒 更新)
  • このエントリーをはてなブックマークに追加TweetBuzzurlにブックマークBuzzurlにブックマーク

横にも縦にもつながります

CMONOS.JP のアクセスカウンター画像は横にも縦にもつながります。数字画像などを自作する場合は、必ずGIF形式にしてください。GIF形式以外の画像は使用できません。

ただ、縦書き画像は横書きのウェブページにはなじみにくいかも知れません。そこで、縦書きアクセスカウンターのサンプルではカウンター画像をスタイルシートで絶対配置しています。

<img id="tategaki-counter" src="/cgi/accesscounter/counter.cgi?image=2&amp;kirilevel=2&amp;id=fieldsample" />

アクセス画像呼び出しタグに id="tategaki-counter" を設定して...

img#tategaki-counter {
position: absolute;
top: 150px;
right: 10px;
}

CSS で、縦書き画像を、ウェブページの右端から10px、上端から150pxの位置に絶対配置するよう指定しました。こんなふうにすると、横書きベースのウェブページでも縦書き画像アクセスカウンターを使いやすいのではないでしょうか。和風サイトによく合いそうです。

上記の設定でこんな表示になります。

GIF形式を活かしたカラフルカウンター

GIF画像では画像中で使用される色について、R(赤)、G(緑)、B(青) の三つの色成分が 0〜255 の値で指定され、画像データとは別に、配色表としてまとめられています。GIF画像では、この配色表のみを変更することで画像の色を変更できます。

また、GIF画像は一つの画像ファイルの中に複数のGIF画像を持つことができます。たとえば、よく使われるGIFアニメでは複数の画像を同じ場所で順番に表示していますが、それぞれの画像の位置を指定することで、複数の画像を並べて同時に表示することもできます。

アクセスカウンター画像はこれらGIF形式ならではの特性を利用して表示されます。GIF形式だから、画像データをいじったり再圧縮したりすることなく、ちょっとした目印をつけてあげるだけで、複数の画像をつないだり画像の色を変えたりできるわけです。さまざまなアクセスカウンターCGIでGIF画像が使われるのには、こういう事情があるからなのでした。

毎回色が変わるアクセスカウンターのサンプル

別のサーバにあるウェブページのアクセスをカウントするには?

CMONOS.JP のアクセスカウンターは、デフォルトの状態では、同じサーバから呼び出された場合に限り、アクセスをカウントします。別のサーバにあるウェブページのアクセスをカウントしたい場合や、アクセスカウント対象ページをもっと厳格に制限したい場合は、基本設定ファイルを書き換えます。

くわしくはマニュアルの「カウント対象 URL を指定する」をお読みください。

コメント

トラックバック

関連記事

[画像]

CMONOS.JP | 開発者ブログ | iPhone から画像をアップロードしよう

2011年4月26日 ... iPhone の Safari には一つだけ大きな弱点があります。それは、未だにファイル アップロードが無効化されていること。CMONOS.JP の最新版では写真共有サービスを 中継することでこの問題を解決しました。
https://cmonos.jp/blog/2011042602/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | NicEdit 日本語版

2010年1月8日 ... nicEditorIcons.gif が nicEdit.js と同じ階層にあるとき、自動的に nicEditorIcons.gif の パスを取得します。 ... XHTML 変換機能を有効にすると、XHTML 変換時に画像タグが 消えてしまう不具合を修正しました(lenoaさんご指摘ありがとうござい ...
https://cmonos.jp/blog/2010010800/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | アクセス解析で足跡チェック!

2008年9月19日 ... iPhone から画像をアップロードしよう · 「ファイル添付」フィールドに追加された外部 コンテンツ読み込み機能 · Twitterアプリを利用したアップロード. 2011年4月26日(火). PayPal API 実装 TIPS · PayPalアカウントなしにクレジットカード決済を ...
https://cmonos.jp/blog/2008091900/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 特集!超オススメ無料背景素材

2010年3月15日 ... Photoshop のパターンとして配付されていますが、サンプルとして JPEG 画像が同梱 されていますので、それらのサイズや圧縮率を調整するとウェブサイトの背景にも手軽に 使えることと思います。継ぎ目なくパターンが繰り返すのがうれしい ...
https://cmonos.jp/blog/2010031504/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | ナビゲーションでイメチェン!

2010年3月23日 ... イメージタブ」を選択。 すると、こんなふうなタブナビゲーションになります。タブ画像は「 アイコンライブラリ編集」「タブ画像」で追加・変更することができます。 イメージタブ ナビゲーション. 立体感のある画像でタブを表現。 いかがだったでしょうか。
https://cmonos.jp/blog/2010032300/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | デフォルトのテンプレートを一新!

2010年3月15日 ...画像はデフォルトのサイトテンプレートに「コミック」と「ブックス」が追加されたサイト テンプレート「コミック・サークル」のサンプルです。このサンプルから「コミック」と「 ブックス」を除くとデフォルトのサイトテンプレートとほぼ同じ状態になります。
https://cmonos.jp/blog/2010031500/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | ギャラリーもテーブルメーカーで!

2008年11月6日 ... ぜひ「採点」フィールドの目的にあった棒グラフ画像を作ってみてください。 初めから用意 されている画像を使う場合は、良い評価を表す棒グラフ画像は星型やハート型の 棒グラフが、悪い評価を表す .... iPhone から画像をアップロードしよう.
https://cmonos.jp/blog/2008110600/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 日中韓ウェブをまるっと縦書き化

2011年9月14日 ... 2008年9月12日 ... CMONOS.JP のアクセスカウンターには、縦書き画像も用意され ています。もちろん自作の画像で縦書き画像を作成することも可能。GIF画像の特性を 活かして毎回色を変えられるなど、ユニークな機能がたくさんありますよ.
https://cmonos.jp/blog/2011091400/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | ファイル添付、必須項目切り替え、送信先 ...

2014年1月20日 ... rcsettings. 条件をうまく設定して、思い通りの切り替えを実現しましょう。初期状態で 必須項目に指定されているかどうかも、設定のポイントとなります。上画像では、広く 必須項目に指定した上で、選択された項目と関係ないものを必須項目から ...
https://cmonos.jp/blog/2014012000/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | ウェブにも縦書きを!「竹取JS」公開

2010年7月5日 ... 2008年9月12日 ... CMONOS.JP のアクセスカウンターには、縦書き画像も用意され ています。もちろん自作の画像で縦書き画像を作成することも可能。GIF画像の特性を 活かして毎回色を変えられるなど、ユニークな機能がたくさんありますよ.
https://cmonos.jp/blog/2010070500/1.shtml

更新情報

最近の記事

RSS

カレンダー



[日]
[月]
[火]
[水] 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
[土]


[日]
[月] 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
[水]
[木]
[金]
[土]


[日]
[月]
[火]
[水]
[木]
[金] 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
[月]
[火]
[水]
[木]
[金]
[土]

最近のコメント

RSS

最近のトラックバック

RSS

このページのトップへ

© CMONOS Co. Ltd.


PC 向けページに移動する