「CSS」の記事一覧

「CSS」の記事一覧

css アニメーションその2 ビヨーンと上や下や横から出てくるやつ

http://www.justinaguilar.com/animations/ ↑ ここのをCSSとかコピペで簡単に動きます!! IE10以降でchromeとFirefoxもOKです!

css アニメーションいろいろ

http://www.nxworld.net/tips/css-only-caption-effect.html ↑こちらを参考に!

現在開いているページをJqueryでactive(アクティブ)にCSSで表示する

以下を設置すればOK! あとは、グローバルメニューの所のulなどにgmenuのid名をつけて activeクラスがつくので、CSSで装飾すればOKです!! ルートドメインから2階層目 ○○○.com/○○○/△△△ の△・・・

<li>をfloatして数個並べて、改行している時にガタガタにならずに、要素の高さを揃える方法(javascript+css)

ワーードプレスなどで、繰り返しループ処理で、カスタム投稿の記事を一覧で表示させるときに、 サムネイル画像や、タイトルや、文章などを入れたBOXを横並びに3個とか4個とかで配置して、 横幅一杯になったら改行していくようなペ・・・

display:inline-block;で横並びの
  • リストをtext-align:centerでセンター寄せにする方法
  • リストが複数あって、そのブロック要素 とかをセンターあわせにしたい場合って多いと思います。 でも、 リストの幅が可変する場合、 たとえば、文字列などで、長さが変わる場合には、 の全体の幅も変わるので、widthが決められ・・・

  • リストをtext-align:centerでセンター寄せにする方法」の続きを読む

  • text-indent:-9999 pxで画像置き換えペナルティを回避する CSSのちがう方法ならコレ!!

    今までよーく使っているのですが、 グローバルメニューとか、画像文字のときに テキストに置き換えて画像を表示するときにいつも使っていました。 text-indent:-9999 px して背景画像で置き換える方法。 これが・・・

    chrome(クローム)だけに適用させたいハックの記述方法

    body:nth-of-type(1) #selector { property: value; } と書けばOK! chromeとOpera両方に適用じゃなくて、あくまでもchromeだけに適用させたい状況のときに役に・・・

    スマホ(iphone)で見るとフォントサイズが勝手に大きくなってしまう時の対処方法

    スマホで、勝手に文字の大きさが大きくなるときは、 CSSファイルに以下を記述すれば解決します!! body { -webkit-text-size-adjust: 100%; }

    classが何個も付いている場合のCSSでの指定の仕方

    WP(ワードプレス)などで、カスタムメニューなど作っているときに 自動にイロイロclassがWPの方で勝手についてきますよね! こんな感じ↓ テキストテキスト で、 classのgmenu01がありつつ、カスタムメニュー・・・

    タブメニューの作り方 素材 HTML パーツ 画像ボタンで切り替え

    グローバルメニューじゃなくて、トップページとかの途中に、キャンペーンや、切り替えで表示させたいときの部品的なタブメニューのパーツ素材を差し上げます! 画像を変えたり、CSSで大きさを変更すれば、オリジナルのタブメニュ・・・

    サブコンテンツ

    TOP