[tips]Welcartで「カートに入れる」ボタンをCSSで画像に変更する方法 Welcartの「カートに入れる」ボタンをCSSで設定する方法。 .skubutton{ background-image: url(images/cart_btn.png); //使う画像を指定 background-repeat: no-repeat; width: 176px; //画像の幅 height: 56px; //画像の高さ padding: 0px; margin: 0px; border:none; cursor:pointer; overflow:hidden; display: block; text-indent: 500px; //テキストを画像エリアから飛ばす } inputに指定されているクラスskubuttonを上記のように設定する。 text-indentで、テキストを画像
一時期「年金記録問題」がニュースになったことがありました。この問題は旧社会保険庁時代、公的年金の加入・納付記録が長年にわたってずさんに管理されていたというもので、現在も誰のものか特定できない年金記録が約2200万件あると言われています(2013年3月18日産経ニュースより) 。社会保険料が毎月の給与明細から天引きされているのは事実ですし、自分の年金の納付記録がきちんとデータとして残っているのか把握しておきたいところです。 私も自分の年金記録を調べてみようと思いネットで調べてみたところ、「日本年金機構」というサイトから自分の記録を照会できることがわかりました。というわけで、今回はウェブサイトから自分の年金記録を調べる方法を紹介します。 1. 日本年金機構のページから「ねんきんネット」にアクセス まずは日本年金機構にアクセスします。画面右側に「ねんきんネット」というバナーがあるので、こちらをク
jQuery Mobile Flat UI ThemeはjQuery Mobile用のフラットUIテーマです。 スマートフォン向けのWebサイトをjQuery Mobileで構築しているなら試したいのがjQuery Mobile Flat UI Themeです。最近流行のフラットなUIをサポートしたテーマです。 ボタン類。アイコンも使えていい感じです。 リストと見出し付きコンテンツ。見出しをクリックすると内容が表示されます。 アイコンやツールバー。スライダーもあります。 主なカラーは黄色、緑系2色、赤、青そして白黒となっています。色を使いすぎないシンプルさ、影などがないフラットな見た目が好感です。 jQuery Mobile Flat UI ThemeはjQuery Mobile用、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る 有名なフレームワーク
この前「CSSだけで作る動きのあるドロップダウンメニュー|Webpark」という記事を書きました。jQueryでしそうなことをCSSのみで作ったのですが、これはマウスを乗せたとき動くようにしたいのでhoverを使いました。 今回はクリックで開閉するということで、hoverは使えません。では何を使うのか。 ラジオボタンを使います。ある項目にチェックするとそれまでチェックされていた項目のチェックが外れる。アコーディオンメニューと仕組みが一緒です。 今回もサンプルを用意していますのでご覧ください。 IE8以下の場合「:checked」が非対応なのでうまく表示されません。しかし、CSS3セレクタはSelectivizrを使えば簡単に対応できます。使い方は「CSS3を使うにあたって知っておきたいIE対策のまとめ|Webpark」をご参考に。 それではHTMLから紹介します。 HTML <div id
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く