Skip to content

symfony、cssでデザイン変更したいけど…

symfony、cssでデザイン変更したいけど… published on symfony、cssでデザイン変更したいけど… へのコメントはまだありません

CSSでデザインを変更したいと思って、$PROJ_DIR/web/css/の下にmain.cssというファイルを置いて、デザインをカスタマイズしようと思ったけど上手く行かない。

原因はそこで何を書いても、それより前にデフォルトmain.cssが読み込まれてしまい、そこでの設定が優先されるため。同じ問題を抱えている人が書いたブログの記事の方が分かりやすいと思う。

結局やった事は、view.ymlのstylesheetsという項目でfooという名前を設定し、$PROJ_DIR/web/css/foo.cssというファイルを作成。foo.cssはmain.cssをコピーしてそれをカスタマイズすればok。

ちょっと分かりにくい説明だなぁ…ま、備忘録という事で。

CSS、複数のクラスが指定された要素を扱う

CSS、複数のクラスが指定された要素を扱う published on CSS、複数のクラスが指定された要素を扱う へのコメントはまだありません

以下のようなCSSの複数のクラスが指定されたタグを考える。
<div class=”foo bar” >
あるクラスを指定されたタグを取得するには
prototype.jsのdocument.getElementsByClassName
を使えばいいけど、複数クラスを指定されている場合には上手く行かなかった(最近のバージョンでは違うかもしれないけど)。
なので、このページに書かれていることを参考にした。

Google Docsで見出しに項番を付ける

Google Docsで見出しに項番を付ける published on Google Docsで見出しに項番を付ける へのコメントはまだありません

Google DocsのDocument機能(Microsoft Wordに相当)は、ちょっとした文章を書くには便利なんだけど、H1, H2, H3といった見出しに項番を付けたい。
はじめに
ではなくて
1.はじめに
って感じで。
で、結局CSSを変更する事により実現した。counter-incrementなどのキーワードで検索すると、色々情報が出てくるが、なんか上手く行かなかったのでちょっと変更したりした。

Continue reading Google Docsで見出しに項番を付ける

Flexで背景をタイル状にする

Flexで背景をタイル状にする published on Flexで背景をタイル状にする へのコメントはまだありません

FlexではCSSが使えるんだけど、HTMLで使えるのとちょっと違うってのが結構えぐい。
Flexではbackground-repeatが使えなくて困った。結構基本的な機能だから当然入っていてもよさそうなんだけど。同じような事を思った人は結構いる。ここの122番とか。

Continue reading Flexで背景をタイル状にする