タグ

snsとCSSに関するk_ume75のブックマーク (2)

  • [CSS]シンプルながらバリエーションが豊富なソーシャルメディアのボタン

    デモページ:カスタム CSS Social Buttonsの使い方 このソーシャルメディアのボタンはピュアCSS3でもHTML5 Canvasでもなく、背景画像を使って実装するものです。これらのアイコンはクロスブラウザで、さまざまなデザインに利用できるよう広い用途を目的としたものです。 外部ファイル スタイルシートを外部ファイルとして記述し、画像フォルダをスタイルシートを同じ階層に設置します。 <link href="social-buttons.css" rel="stylesheet"> HTML テキストをa要素で内包し、classにボタンのスタイルを定義します。 「sb」を共通で、あとはスタイルを組み合わせて記述します。 <a href="#" class="sb orange twitter">Twitter</a> <a href="#" class="sb blue face

  • mixiのユーザースタイルシート書いてみた

    ミクシィのデザインにむかついた。 素敵さんが公開されているユーザースタイルシートをつかいたかった でもニュースと日記ランキングは表示したかった →自分でなんとかするしかないみたいだ・・・ っちゅーことでつくったcss。 人様のコードを土台にしてるしブログなんてもってないし コードは整理されてないしもうやる気は残ってないし でココで公開してしまえ ミクシィの表示を横幅720pxの2ペインにします。 主な改造点は ・全体的に行間を狭めた。 ・全体的に余白を狭めた。 ・ニュース・天気・ランキングを一番下に表示。 ・ついでに一番上のmixiロゴも控えめな大きさに。 ・一部の背景をうっすーい灰色にした。 ・さよならmikly。 ・絶対位置指定divを排除(全部は無理なので目立つ部分を適当に。) ・グローバルナビとかローカルナビとかのメニュー画像幅調整 ・広告をほどほどけした。 ・etc... 使い方

    mixiのユーザースタイルシート書いてみた
    k_ume75
    k_ume75 2008/03/21
    あとで使う
  • 1