CSS 一覧

【続】横幅いっぱいのヘッダーやフッターにするCSSテクニック

【続】横幅いっぱいのヘッダーやフッターにするCSSテクニック

ヘッダーやフッターなどがブラウザの横幅いっぱいに広がっているウェブサイトをよく見ると思います。そういった表現を実現しようという趣旨です。スタイルシートを活用して、画面いっぱいに広げたいと思います。 以前、どのような考え方でCSSを変更し横を画面いっぱいに広げればいいのかということをまとめたのですが、実はある問題が発生していました。 ...

記事を読む

アイキャッチに個別記事へのパーマリンクを貼る方法

アイキャッチに個別記事へのパーマリンクを貼る方法

トップページの記事一覧。今まではアイキャッチを表示させているだけでしたが、アイキャッチにパーマリンクを埋め込もうと思い、設定してみました。さらにアイキャッチ画像ロールオーバーした際に、発光したような感じになるようにもしてみたいと思います。 なぜ、こんなことをするのかと言うと、アイキャッチをクリックした際に記事一覧から個別記事へとリン...

記事を読む

メニューやヘッダー背景だけをブラウザの横幅いっぱいに広げる方法

メニューやヘッダー背景だけをブラウザの横幅いっぱいに広げる方法

これ、よく使う CSS テクニックなのでメモしておきます。サイトの横幅を超えて、ヘッダーやメニューをブラウザの画面一杯に広げる方法です。WordPress の Twenty Eleven に関してのメモですが、CSS のテクニックですし基本は同じなのでどんなテーマでも( WordPress じゃなくても)応用ができると思います。 ...

記事を読む