Quantcast
Channel: 日々の覚書…日常のことも少しだけ » css
Browsing latest articles
Browse All 8 View Live

Image may be NSFW.
Clik here to view.

デザインに便利な「Twitter Bootstrap」というものを使ってみました。

Bootstrap 最近知ったのですが、 Twitter Bootstrapという CSSのフレームワークというものを使ってみました。 これは便利です。 スポンサードリンク Twitter Bootstrapとは Twitter Bootstrapは、そのままの通り、ツイッターを作っている米ツイッター社が 無償で提供しているCSSのフレームワークです。 見た目のデザインを簡単に調整してくれる...

View Article



Image may be NSFW.
Clik here to view.

Twitter Bootstrapで検索ボックスにアイコンを付ける場合

Bootstrap Twitter Bootstrapでinputボタンにアイコンを付ける方法です。 ちょうどいいものがありましたので その紹介です。 スポンサードリンク Bootstrapで検索コントロール内にアイコン(虫眼鏡)を表示させるには こちらにやり方が載ってました。 Bootstrapで検索コントロール内にアイコン(虫眼鏡)を表示させるには CSS .navbar-search {...

View Article

Image may be NSFW.
Clik here to view.

Google Maps API V3でコントローラが表示されない。

GoogleMap Google Maps API V3を使って地図を表示するときに コントローラーが崩れて表示されないことがありました。 これを直す方法です。 スポンサードリンク コントローラーがない Google Map API V3を使って地図を表示させると コントローラがありません。 崩れたコントローラー 設定を見直しても間違ってる様子はありません。 地図のサイズを変えてみたり...

View Article

Image may be NSFW.
Clik here to view.

(Bootstrap)リンクの後ろにURLが表示される

Bootstrap たまたま、会社の人が印刷した紙を見せてくれたので 気づいたのですが、 印刷したら、リンク先のURLがすべて表示されていました・・・ なんで?と思いながら調べたら 原因はBootstrapでした。 スポンサードリンク BootstrapのCSSの設定を外す こちらに詳しく載ってました。 Twitter...

View Article

Image may be NSFW.
Clik here to view.

「Twitter Bootstap」がフラットデザインになりました。

Bootstrap3 以前使っていたTwitter Bootstrap デザインに便利な「Twitter Bootstrap」というものを使ってみました。 新しくなってフラットデザインになったみたいです。 スポンサードリンク Twitter Bootstrap3.0を設置 まずBootstrapをダウンロードします。 Twitter Bootstrap Bootstrapダウンロード...

View Article


Image may be NSFW.
Clik here to view.

ボタンを作成するのに便利な「CSS Button Generator」

CSS Button Generator CSSでボタンを作成するときに 便利なCSS Button Generatorです。 CSSでボタン作成するとき 面倒くさいので、利用させてもらってます。 スポンサードリンク 簡単にボタンのCSSが作成できる ボタン作成 WEB上で簡単にボタンが作成できます。 一番上にあるボタンがプレビューになっていて リアルタイムで変更を反映してくれるので...

View Article

Image may be NSFW.
Clik here to view.

Bootstrapにも使えるアイコン「Font Awesome」の使い方

Font Awesome 便利に使えるBootstrapですが、 元々用意されている標準アイコンでは 使いたいものがない場合に 「Font Awesome」というものを使うと アイコンが増やせます。 スポンサードリンク Font Awesome Font Awesome Font AwesomeはWebフォントなので、 CSSで色を変えたり、大きさを変えたりできます。...

View Article

Image may be NSFW.
Clik here to view.

(WordPress) 自作のプラグインを作ってみる~その4:プラグインの画面にCSSを使用する

wordpress 前回はプラグインの中身を作成したました。 今回はこのプラグインの画面に CSSを適用して 表示を少し変えてみましょう。 スポンサードリンク 使用するCSSを作成する 追加させたいCSSを作成します。 ファイル名は「csv-upload.css」をして作成します。 CHARSET "UTF-8"; .f10{ font-size: 10px; } .table{ width:...

View Article

Browsing latest articles
Browse All 8 View Live




Latest Images