おすすめ記事
-
2015.02.21
不思議の国のアリス素材を集めてみたよ♥めっちゃカワイイ！ -
2017.09.28
【Photoshop講座】GIF動画と静止画の合成はこう！ -
2014.02.15
お金をかけずにWEB制作！超便利な無料ツールまとめ -
2014.02.08
FacebookからTwitterに連携する方法【Facebookページ】 -
2017.10.14
【2018版戌年】年賀状に使える無料イラスト素材
© STUDIO-colorz All rights reserved.
ヘッダー背景やフッター背景を画面いっぱいに表示させる方法
WordPressはヘッダー、コンテンツ、フッターなどが別のファイルに分かれているので、
HTMLのつもりでコーディングしているとあれれ？ってことがよく起こります。
この方法はコーディングしていて結構重宝しますので、
自分のメモ代わりも兼ねて記事にしたいと思います。
実は結構簡単に実装できちゃう
私は記述が長いのが好きではないので、
短く簡単にすんじゃう方法を探していたら、ありましたよ(*´艸｀*)
私好みの方法が。
【参考サイト】
コードはこちらになります。
超シンプル！
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
html { overflow: auto; } body { width: 100%; overflow: hidden; } #header { margin-left: -500%; margin-right: -500%; padding-left: 500%; padding-right: 500%; } |
overflow: hidden; で横伸びをカットしているんですね。
ふむふむ・・・こんな方法で実装できちゃうとは。
・・・勉強になりますっっっ！
使いやすそうなサイトを厳選！AIが顔画像を加工しているサイト6選
結婚式の集合写真で目をつむってしまったり、ネクタイが歪んでいたり、昔そういう写真の修正をしていたこともあります。また、少し痩せているように…
コロナで注目されている契約書 ネットで契約書を結ぶ時代【CloudSign – クラウドサイン】
今日は私がお世話になっているオンライン契約書をご紹介致します。 フリーランスでお仕事をする場合、欠かせないのが契約書になってきます…
WEBデザイナーさん必見！ おすすめのポートフォリオ【無料WordPressテーマ】
WEBデザイナーさんが自分の作品を見せる時に、 ポートフォリオがまとめられたら見やすいですよね。 私が使ったことのあるテーマから、これか…
