コピペ - 気まぐれWEBLOG

【コピペで解消】横幅サイズ固定のサイトの固定ヘッダーの横スクロール！

bodyに最小値を設定して、header固定だとうまくいかない headerにposition:fixed;をすると、コンテンツ自体は横スクロールではみ出たコンテンツが右側に表示されます。しかしheaderはfiexdしてるので、横スクロールできず […]

個人情報保護方針に同意した場合にのみ、送信ボタンが押せるように実装。下記コピペでOKです。 HTML <input type="checkbox" name="個人情報の取扱いへの同意" value="同意する" id="consent"&g […]

例えば、デザインデータが750pxだとして、各画像をスライスした際に、すべての画像が750pxの横幅に対しての大きさになるので、その画像一つ一つにcssでwidth:〇〇vw;のように記載していかなければならないときがありますね。そんな面倒なことは […]

aタグでコーディングを実装したものの、一部のリンクの公開がまだ先で、aタグのリンクをつないだらNGな場面があります。ただcssはaタグで書いてしまっているのでspanに書き直したらデザインが大きく崩れてしまう。なんてことがあります。そんなときはj […]

CSS

cssのバグによりIEやFirefoxでのみcssを反映させたいブラウザチェックでよくあるバグがIEやFirefoxのデザイン崩れ cssの当たり方がブラウザによって違う時があって、場合によってはIEやFirefoxにのみcssを当てたい場合があり […]

WordPress

TablePressなどのショートコードをPHPテンプレートで呼び出したい下記のようなショートコードを、PHPのテンプレートの中に書きたいときありますが、そのまま書くとそのまま出力されます。 PHPのテンプレートタグで囲ってあげればOK! 下記のよ […]

CSS

IEやFirefoxでtableの横幅が効かないバグ thやtdにwidthの指定をしているけど指定通りにならないバグがあります。これはブラウザのtable横幅自動調整機能が邪魔をしているようです。 tableにcssをコピペで解消します！下記c […]

WordPress

PHPテンプレートに記述下記のコードを一旦phpのテンプレートに記述 phpテンプレート <?php $page = get_post( get_the_ID() ); $slug = $page->post_name; ?> ス […]

スマホのメニュー展開時にコンテンツ部分がスクロールしてしまう。スマホのメニューはアコーディオンであったり、横スライドメニューであったり、様々ですが、ボタンを押すと展開するタイプが多いですね。その際にフリックするとコンテンツ部分がスクロールできてし […]

マウスでフリックをしたい！マウスでのフリックはライブラリを使用したりとか、ちょっと難しい部分もあるので敬遠しがちですが、 html css jsの3ファイルにコピペするだけで簡単に実装できます。まずはhtmlファイルからですが、構成は上記のように […]