コピペ - 気まぐれWEBLOG

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

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

個人情報保護方針に同意した場合にのみ、送信ボタンが押せるように実装。下記コピペでOKです。 HTML [crayon-673ed1573b530370139985/] jQuery [crayon-673ed1573b538263875446/] […]

例えば、デザインデータが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のテンプレートの中に書きたいときありますが、そのまま書くとそのまま出力されます。 [crayon-673ed1573bef91964858 […]

CSS

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

WordPress

PHPテンプレートに記述下記のコードを一旦phpのテンプレートに記述 phpテンプレート [crayon-673ed1573c52e183069580/] スラッグを取得したい部分に同じphpテンプレート [crayon-673ed1573c53 […]

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

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