タグ

cssに関するsusieqのブックマーク (3)

  • CSSで角がまるい吹き出しを作る「CSS Speech Bubbles」とか吹き出しいろいろ - GIGAZINE

    CSSを使って吹き出しを作成することができるCSSファイルとJSファイル、それから画像ファイルをひとまとめにしたセットです。XHTML1.0準拠で、Internet Explorer 6 と 7、Firefox 2.0、Safari 2.0、Opera 9.0で動作確認ができています。 ダウンロードは以下から。 willmayo.com >> CSS Speech Bubbles 実際のサンプルは以下にあります。 CSS Speech Bubbles 角をまるくしているのは、「curvyCorners」を使用しているとのこと。 ほかにもこの吹き出し方のものは以下に多くあります。 入力欄(フォーム)部分をマウスでクリックすると吹き出しが出てくるタイプ Tooltip for forms リンクの上にマウスを乗せると吹き出しが表示されるタイプ Ajax tooltip リンクの上にマウスを乗せ

    CSSで角がまるい吹き出しを作る「CSS Speech Bubbles」とか吹き出しいろいろ - GIGAZINE
  • MTで印刷用ページを作成するには? - いっしきまさひこBLOG

    Movable Typeで、印刷用ページを作成する方法を紹介します。 (Movable Typeを使っていなくても、CSSを使っていれば同様のことができます。) 次の画面のようなWebページをそのまま印刷すると、不要なものが印刷されたり、用紙からはみ出てしまう場合があります。 そこで、印刷の時だけ印刷用のページ レイアウトで表示するようにします。 次の画面は、その例です。余分な項目は削除され、固定幅だとはみ出る場合があるので、固定幅が解除されています。 (なお、今、参照しているサイトのページを印刷プレビューすると、印刷ページとWebページのレイアウトの違いを実際に確認できます。) 印刷用のページ レイアウトを作成するのはとても簡単です。 Movable Typeは、もともと「データのXHTML」と「デザインのCSS(スタイルシート)」が分離されています。 よって、既存のWebページを印刷

    MTで印刷用ページを作成するには? - いっしきまさひこBLOG
  • bodyに設定しておくと便利な3つのポイントとおまけ|CSS HappyLife

    CSS(スタイルシート)でbodyに設定しておくと便利な5つのポイント - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記を読んで、ボクなりな最初に指定して置くと良いポイントを上げたくなったので書いちゃいます。 むしろこのサイトの方向性的に有った方が便利だよなーと。 書くきっかけを頂き、感謝いたします。 ちなみに、最初に指定しておくポイントってそれぞれだと思うので、一つの参考として読んでいただければ幸いです。 最初にbodyに指定しておくと便利だと思う3つを。 body { background:#FFF url(../img/share/bg.gif) no-repeat left top; font-family:Verdana, "MS Pゴシック", sans-serif; font-size:80%; } じゃあ、詳細について色々書

    bodyに設定しておくと便利な3つのポイントとおまけ|CSS HappyLife
  • 1