未分類

ラジオボタンをつかったFont AwesomeのRating StarとCSS自動ナンバリング

投稿日:

 

今のところCSSが嫌いな言語ナンバーワンです.

エラーも吐かずにシレーっと変な表示をするから.

Rating Star

Accessible star rating widget with pure CSS

stackoverflow.com/questions/11875088/use-fontawesome-or-glyphicons-with-css-before

HTML

タイトルは適宜変えたほうがいい

SCSS

こういうときSCSSはコピペできるからいいよね

Font Awesomeのcontentの番号の調べ方はStackOverflowに書いてあるとおり、公式ページに行って知りたいアイコンをFireBugとかで調査すれば、CSSのところにcontent:指定があるのでわかります

 

 

screenshot

 

参考

jQuery Star Rating Plugin

Counter

こんな便利なのがあったとは

www.tohoho-web.com/css/reference.htm

counter(名前, 形式) は、名前で指定したカウンター値を挿入します。形式には decimal(数値)、lower-roman(小文字ローマ数字)、upper-roman(大文字ローマ数字)、cjk-ideographic(漢数字)、hiragana(あ、い、う・・・)、katakana(ア、イ、ウ・・・)などが定義されています。省略時は decimal になります。カウンター値は counter-increment: で増加させ、counter-reset: でリセットすることができます。下記の例では、章や節の前に、自動的に章番号、節番号を表示します。

 

-未分類
-

執筆者:

関連記事

JavaでExcelにHello World〜Apache POI

環境 Mac OSX Lion java version “1.6.0_33” Java(TM) SE Runtime Environment (build 1.6.0_33- …

Windows7にcygwinとjrubyをインストールする

cygwinはwindowsで使えるlinux類似のコマンド群 jRubyはJava実行環境上で動くRuby jRubyを使えば、Railsとかの多くのRuby Gemsも使えるし、Javaの豊富なラ …

no image

Ubuntu server12.04にPostgreSQLをインストールする

参考 UbuntuでPostgreSQLを使ってみよう 目次1 インストール2 postgresユーザー設定3 データベース管理4 psqlコンソールの使い方 インストール [crayon-5953b …

jRubyでExcelファイルをつくる〜Apache POI

前提 jRubyでexeファイル作成~rawr 目次1 ライブラリファイル2 サンプル3 コンパイル4  実行 ライブラリファイル rawrの環境では、build_configulation.rbに設 …

jRubyとSwingでWindowsのGUIアプリをつくる(2)~メモ帳

jRubyとSwingでメモ帳をつくってみた 環境 jRubyでexeファイル作成~rawr 参考 Swingを使ってみよう   目次1 プロジェクトを作成する2 テキストエリアを作成する3 …