Category Archives: CSS


twitter bootstrapのnavbarがcollapseするサイズを変更する 0

twbsのnavbar, スマホサイズにならないと 縮まないんですが、メニューの数が多い場合には それでは困るんすよね。 そこで検索した結果、下記の結果を得ることができました。 coderwall.com : establishing geek cred since 1305712800. このサイトのサンプルに従ってmedia queryを用いることで、 自分の好きなWindow幅のときにnavbarを縮めることが出来ます。 bootstrap 3.2.2あたりで動作確認できました。 ちなみに日本語ドキュメント発見したので貼っておきます。 Twitter Bootstrap使い方-コンポーネント-v2.0.4. こちらも合わせてどうぞ: wordpressに「あとで読む」を追加する| TowardSomethingNew Railsバグ出すぎだ、このやろう[3hours passed…] | TowardSomethingNew


Growlでスタイルを個別指定する方法 0

**発端 railsアプリでgrowlが挟まっていて、 特定の場合にのみstyleを変えたかったんですね。 **調べたら そこで、growlドキュメントみながら 方法を考えたら、 classがオプションで指定できるとのことでした。 **要素を調べたら .gritter-notice-wrapperの中に 全てのnotificationが乗っかっていきます。 その中で、1つ1つの通知に .gritter-item-wrapper が大元のクラスとして付与されていて、 その中に具体的なスタイルを指定する .gritter-itemのdivisionが生成されます。 **スタイルを変えるためにやること class付与は、.gritter-item-wrapperに 対してします。 なので、cssでは.grittre-item-wrapper.CLASS_NAME に対してスタイルを指定してオーバーライドしましょう そのクラス名を$.gritter.add({class: ‘CLASS_NAME’}); で指定したら完了です。 ** sample code

*** gritter部分

boedesign – canadian based web developer eh » Blog Archive » Gritter for jQuery (Growl) **結果 元がピンクの警告のときに、 緑のOK通知を出すことができました。 一瞬どうなることかと思ったぜぃ こちらも合わせてどうぞ: wordpressに「あとで読む」を追加する| TowardSomethingNew Railsバグ出すぎだ、このやろう[3hours passed…] | […]


行間、文字間の間隔調整 0

行間を調節するプロパティ line-height: via 行間の調節 CSS line-height:. 文字間の間隔を調整するのは、 letter-spacingプロパティとなっている。 こちらも合わせてどうぞ: wordpressに「あとで読む」を追加する| TowardSomethingNew Railsバグ出すぎだ、このやろう[3hours passed…] | TowardSomethingNew


twitter bootstrapのtooltipを正しく表示したい 0

twitter bootstrapのtooltip, 下手すると、要素を出ることが出来ずに 正しく表示されなくなってしまいます。 それを解決するのが、z-index要素。 要素の重なりについて本気出して考えてみた(z-indexとか何とかとか) – No.1026. この記事を参考にすると、z-indexはpositionと 使うとのこと。 ためしに z-index: 9999 position: fixed を書き足すと、正しく表示されました!! こちらも合わせてどうぞ: wordpressに「あとで読む」を追加する| TowardSomethingNew Railsバグ出すぎだ、このやろう[3hours passed…] | TowardSomethingNew


ミドル部分を縦長可変長にするcss 0

cssの幅の可変長についてです。 可変長の考え方ですが、 ・max-width, min-widthを設定して、そのあいだは自由に動ける ・兄弟要素の幅を設定し、親要素の幅の最大値を設定することで、  幅の上限までのあいだを自由に動ける の2つです。 今回は、max-width, min-widthで書きましたが、 後者も全然有りです。 ミドル部分を縦長可変長にするcss – Yahoo!知恵袋. こちらも合わせてどうぞ: wordpressに「あとで読む」を追加する| TowardSomethingNew Railsバグ出すぎだ、このやろう[3hours passed…] | TowardSomethingNew