WEB MEMO 2016.05.16 2021.10.10 CSS テーブルの列幅を均等にする KOSAERU WEB MEMO CSS テーブル CSSでテーブルのセルの幅を均等にする方法。 table-layout:fixed; を利用する。 table { width: 100%; table-layout: fixed; } 1234 table {width: 100%;table-layout: fixed;} WEB MEMO CSS テーブル Share Article :
CSS 特定の画像だけを操作する 2017.09.07 2023.06.22 ME CSSで特定の画像を消すか、サイズ調整したいと思った時に詰まったもんでメモ。 ようはCSSの属性セレクタを利用することで、以下のようなことがピンポイントでイジることができた。 【例】こんなことできます ('ω')b 特定のGIF画像…
横からスライドしてくるドロワーメニューが超簡単につくれる『Drawer』 2018.02.11 2021.10.10 最近のサイト制作において、特にスマホサイトからのアクセス数を意識している方からのオーダーとしてドロワーメニューを採用して欲しいというリクエストが多い。 方法は色々あるが、最近よく使っているのが『Drawer』。 理由は簡単!設置とカスタマイズが簡単だからだ。あと動きもスマ…
CSSのfont-familyで割と綺麗な明朝体を指定することがでけた! 2016.05.17 2021.10.10 これまで明朝体を使う時は画像を使っていたけど以下のように、CSSのfont-family指定で割と綺麗なカンジで使えたので、今後は画像を使わなくても良いかも。 と、いうことでメモメモ ((φ(-ω-)カキカキ [crayon-6a5490deeb27099…
CSS テキストシャドウで文字を縁取る 2015.12.11 2021.10.10 text-shadow: black 1px 1px 0px, black -1px 1px 0px,black 1px -1px 0px, black -1px -1px 0px; 影の色、横のずれ、下のずれ、ぼかし具合
CSSで作る押したった感のあるボタン風リンク 2021.01.24 2023.06.22 GIRL リンクをテキストリンクではなくボタン風にしたい! GIRL それだけでなくボタンを押したような動きが欲しい! ME そんな時はCSS使えば、押した時(クリックした時)にポチって沈むような動きを…
CSSだけで結構使えるシンプルアイコンが書けるサイト 2016.10.18 2021.10.10 https://www.youtube.com/watch?v=ZOiRwXOIsx4&feature=youtu.be https://twitter.com/webcreatorbox/status/788175303835262976 ▼CSS ICON -- …
Google Search Console :author / entry-title / updatedがありませんの対処方法 2016.02.15 2023.06.22 Wordpressサイトでの対処方法となり、全てsingle.phpに以下のものを書く ▼author がありません <span class="vcard author"><span class="fn">投稿者名</span><…
WordPress めっちゃ簡単にスクレイピングができるプラグイン「WP Web Scraper」 2017.09.07 2022.04.20 データベースにはぶっこまないけど、目的のサイトから必要な情報を掲載したい時に便利なWordpressのプラグイン「WP Web Scraper」。 インストール後、目的のページURLとセレクタを指定するだけでオッケー! あとはCSSなんかで整えるだけです。 …
ソースコードを綺麗に表示するhighlight.jsの簡単設置方法 2016.02.18 2021.10.10 ▼フッターに以下のコードを書く [crayon-6a5490deec94b148193836/] ▼表示方法 ハイライトさせたいソースコードを以下のタグで囲む。 <pre><code>ソースコード</code></pre> …
WordPressがハッキングされ管理画面が「403 Forbidden」エラーでログインできなくなった時にやったこと 2021.01.29 2023.06.22 2 Comments 2021年1月28日、クライアントのディレクターから「サイトがハッキングされました。見てもらえませんか?」と連絡を受けました。 そもそも僕がWordPressでサイト制作をしていたためだ。 ME 今回はこの件を解決したので、後学のための覚書として記録…
WordPress 次の記事、前の記事リンクにclassを追加する方法 2016.02.23 2021.10.10 以下のWordpressページ送りのテンプレートタグにclassを付けたい。Jqueryかましたり色々したいんで・・・ ▼加工していないソース [crayon-6a5490deecb05781559151/] ▼functions.phpに以下のコード…
HP・LP制作でいつか使うかもしれないCSSネタ 2021.02.09 2023.06.22 CSSのみで作れるドロワーメニュー CSSのみで作れるってとこが良いですね。 See the Pen drawer menu by himeka223 (@himeka223) on CodePen. スクロールすると見出しを固定 用語集…