タグ

2008年6月25日のブックマーク (4件)

  • ナイスな吹き出しパーツを作るCSSと画像セット:phpspot開発日誌

    シンプルだけど使いやすそうなフリーのXHTML/CSSテンプレート集「Mantis-a... 次の記事 ≫:ハイパフォーマンスWebサイト - woork: Nice comments counter style for your blog post This post illustrates how to design a nice comments counter for your blog post and obtain an elegant post header using just some lines of CSS code. ナイスな吹き出しパーツを作るCSSと画像セット。 次のような吹き出しパーツをつくるサンプルがダウンロード可能になっています HTMLは次のように、シンプル <div class="bubble"> <span class="count">... c

    crealive
    crealive 2008/06/25
    JSと当たらないcssのみの吹き出しセット。小さいので数字とかの表記に。
  • JavaScriptを使わずCSSのみでシンプルなツールチップ実装:phpspot開発日誌

    Easy CSS Tooltip | Kollermedia.at JavaScriptを使わずCSSのみでシンプルなツールチップ実装。 CSSの a:hover を応用して、次のようにシンプルなツールチップを実装するサンプル。 コードは以下のようにシンプルにかけます。 <html> <head> </head> <style> a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/ a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;} a.tooltip:hover span{display:inline; position:absolute; background:#fffff

    crealive
    crealive 2008/06/25
    cssのみで行うので他のJSと当たらない!がしかし画像につけるとマウスに追従しない。テキストへの注釈に有効。
  • Tooltip (nan-low study)

    リンクにマウスオーバーするだけでテキストや画像を吹き出し風に表示してくれるライブラリです。 従来のものに比べて優れている、というか格好いい点は フェードイン・フェードアウトやドロップシャドウなどの効果がつけられ、かなり自由なカスタマイズが可能なところです。 使い方は以下の通り。 1.www.walterzorn.comにアクセスします。 2.Downloadの項目のwz_tooltip.zipからファイルをダウンロード 3.ダウンロードしたファイルを解凍すると、ファイルがいくつか入っています。 今回は「wz_tooltip.js」ファイルのみを使用するので、 これをサイトの適当なディレクトリに移します。 4.HTMLソースのbodyタグ内の一番上に以下のコードを書き込みます。 <script type="text/javascript" src="[wz_tooltip.jsファイ

  • VALUE DOMAIN の Web サーバーを使う - WebOS Goodies

    また、メールの処理はすべて自宅サーバーで行い、xrea.com のメールサーバーは使わないようにします。この条件ですと、設定は以下のようになります。 a @ 219.100.235.85 a www 210.251.253.231 cname mail @ mx mail 10 それぞれの IP アドレスは、適切なものに置き換えてください。設定を変更したら、「保存する」ボタンを押してください。 ダイナミック DNS の更新スクリプトを変更する ダイナミック DNS の更新で、ホスト名を "*" としていると、www.sourcewalker.com の IP アドレスまで設定されてしまいますので、ホスト名を "@" に変更します。VALUE DOMAIN のダイナミック DNS を使う でご紹介したスクリプトを使っているのであれば、HOST 定数の値を "@" に変更してください。 ダイナ

    crealive
    crealive 2008/06/25