macha1990のブックマーク (67)

  • CSSで指定するロールオーバー(1)|CSSの小技(指定テクニック)

    グローバルナビゲーションやローカルナビゲーションに画像を使用してボタン化しているサイトがあります。特にホームページビルダーを利用されている方、ホームページを制作されて間もない方のほとんどがjavascriptで指定していると思いますが、ここでは同じ仕組みをスタイルシートで指定する方法の紹介です。 下記のCSS指定は一番簡単な方法となります。もうひとつの方法はロールオーバー(2)を参照して下さい。こちらの方が画像入れ替えがスムーズに行えます。 ロールオーバーサンプル Home menu menu menu menu (X)HTML <ul id="globalnavi"> <li id="menu1"><a href="#">Home</a></li> <li id="menu2"><a href="#">menu</a></li> <li id="menu3"><a href="#">me

    macha1990
    macha1990 2011/12/26
  • ロールオーバー

    \閉鎖予定のサイトも売れるかも?/ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう

    macha1990
    macha1990 2011/12/26
    CSSロールオーバー
  • HTML5ホームページテンプレート無料配布 [Cool Web Window]

    404 Not Found お探しのファイルは見つからないようです。 お手数ですが、下記リンクからトップページへお戻りください。 CoolWebWindow Copyright (C) Cool Web Window All Rights Reserved

    macha1990
    macha1990 2011/12/21
    CSS SEO HP作成 ホームページ
  • https://www.volute.org/2009/06/cssonmouse.html

    macha1990
    macha1990 2011/12/17
    CSS OnMouse
  • スタイルシート[CSS]/フォーム/テキストエリアのスクロールバーの色を変える - TAG index

    scrollbar-***-color は、スクロールバーの色を指定するプロパティです。(*** の部分には、base、face、track、arrow、highlight、shadow、3dlight、darkshadow が入ります) このプロパティをtextarea要素に対して設定すると、テキストエリアのスクロールバーの色を指定することができます。 基色だけで指定する場合 textarea.example1 { width: 300px; height: 7em; scrollbar-base-color: #ff0000; } 細かく設定する場合 textarea.example2 { width: 300px; height: 7em; scrollbar-face-color: #ff8c00; scrollbar-track-color: #fff8dc; scrollba

    スタイルシート[CSS]/フォーム/テキストエリアのスクロールバーの色を変える - TAG index
    macha1990
    macha1990 2011/12/17
    CSS テキストエリアボックス指定
  • Webウェブデザインレッスン

    Webデザインレッスントップページ このサイト「Webデザインレッスン」は、Webサイトを作成するための基的な知識と、より良いサイトにするためのヒントやコツを紹介しています。実際のサイト作成に役立つように、できる限り多くの例を紹介しています。 各セクションの説明 このサイトは大きく分けて次の3つのセクションからなっています。 はじめに Webサイトを作成する前に知っておいてもらいたいこと、用意するものや作成についての基的な流れを紹介しています。 HTMLとXHTML Webサイト作成において最も基となるHTMLとXHTMLについて紹介しています。入門講座や資料などがあります。 CSS Webサイトのビジュアル面に影響を与え、華を添えるCSSについて紹介しています。入門講座、資料があります。 このサイトを作ることになったキッカケ このサイトを作成したのは、友人、知人から 「ホームページ

    macha1990
    macha1990 2011/12/14
    Webデザインレッスン
  • MdN Design|総合情報サイト

    第16回(最終回) 最新のデザイン表現を適用する ここまで紹介してきたCSSのレイアウトや装飾テクニックは、現在利用者の多いInternet Explorer 7や8、Safari、FirefoxなどのWebブラウザでほぼ問題なく動作するものでした。連載の最終回は、未来に向けた準備として現在策定中の「CSS 3」の中からモダンブラウザで既に適用可能なスタイルをいくつか紹介します。 (公開日:2010年4月16日 解説:こもりまさあき) 現在策定中のCSS 3について CSSで指定したスタイル指示は、WebブラウザのCSSサポートの度合いによって適用できるかどうかが異なります。例えば、今現在の主流であるブラウザの多くではCSSレベル2(CSS 2)をサポートしているものがほとんどです(特定のプロパティだけ未サポートも含め)。その一方、現在CSSの次のバージョンにあたるCSSレベル3(CSS

    MdN Design|総合情報サイト
    macha1990
    macha1990 2011/12/14
    リストタグ横並べ CSS 指定