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. Thank you for reading the article! Please do either share the post or click ads on this site, which will be greate help for me. Thanks in advance! 読んでいただきありがとうございました。役に立った!と思った方は記事をシェアするか、 広告をクリックして投げ銭していただけると大変助かります。 収益はサーバー維持費に充てたいと思います。


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通知を出すことができました。 一瞬どうなることかと思ったぜぃ Thank you for reading the article! […]


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

行間を調節するプロパティ line-height: via 行間の調節 CSS line-height:. 文字間の間隔を調整するのは、 letter-spacingプロパティとなっている。 Thank you for reading the article! Please do either share the post or click ads on this site, which will be greate help for me. Thanks in advance! 読んでいただきありがとうございました。役に立った!と思った方は記事をシェアするか、 広告をクリックして投げ銭していただけると大変助かります。 収益はサーバー維持費に充てたいと思います。


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

twitter bootstrapのtooltip, 下手すると、要素を出ることが出来ずに 正しく表示されなくなってしまいます。 それを解決するのが、z-index要素。 要素の重なりについて本気出して考えてみた(z-indexとか何とかとか) – No.1026. この記事を参考にすると、z-indexはpositionと 使うとのこと。 ためしに z-index: 9999 position: fixed を書き足すと、正しく表示されました!! Thank you for reading the article! Please do either share the post or click ads on this site, which will be greate help for me. Thanks in advance! 読んでいただきありがとうございました。役に立った!と思った方は記事をシェアするか、 広告をクリックして投げ銭していただけると大変助かります。 収益はサーバー維持費に充てたいと思います。


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

cssの幅の可変長についてです。 可変長の考え方ですが、 ・max-width, min-widthを設定して、そのあいだは自由に動ける ・兄弟要素の幅を設定し、親要素の幅の最大値を設定することで、  幅の上限までのあいだを自由に動ける の2つです。 今回は、max-width, min-widthで書きましたが、 後者も全然有りです。 ミドル部分を縦長可変長にするcss – Yahoo!知恵袋. Thank you for reading the article! Please do either share the post or click ads on this site, which will be greate help for me. Thanks in advance! 読んでいただきありがとうございました。役に立った!と思った方は記事をシェアするか、 広告をクリックして投げ銭していただけると大変助かります。 収益はサーバー維持費に充てたいと思います。