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画像…
CSS/フォントサイズ「px、em、rem」の違いと変換表 2021.02.09 2023.06.22 px 絶対指定 1pxは1ドット em 相対指定 親要素のfont-sizeを基準 [crayon-67f328ae19dbc684263740/] 変換表 親要素のfont-sizeが16pxの場合 px em em 1…
CSS|テキストが表示領域を超えている時に途中でテキストを切って「・・・」を表示させる方法 2016.02.29 2021.10.10 省略可能なテキストを省略して「・・・」を表示させます。 デザイン的に整列して表示させたい時なんかに便利 ▼基本 [crayon-67f328ae19e15016553435/] ▼例:以下のようなことがでけました。 …
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 -- …
CSSで作る押したった感のあるボタン風リンク 2021.01.24 2023.06.22 GIRL リンクをテキストリンクではなくボタン風にしたい! GIRL それだけでなくボタンを押したような動きが欲しい! ME そんな時はCSS使えば、押した時(クリックした時)にポチって沈むような動きを…
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; 影の色、横のずれ、下のずれ、ぼかし具合
Bootstrapドロップダウンメニューをマウスホバーで展開する 2021.01.21 2023.06.22 Bootstrapのドロップダウンメニューはクリックでないと展開しないのをマウスホバーで展開する方法をご紹介! JavaScript [crayon-67f328ae1befd941729179/] HTML [crayon-67f328ae1bf01441…
WordPress 冒頭文を文字数制限して出力 2015.12.14 2021.10.10 [crayon-67f328ae1c05d579508385/] ↑ の「70」の部分をイジることで、文字数が変わりまつ。
WordPress […] を消す 2016.02.23 2021.10.10 ▼functions.phpに以下のコードを追加 【出力】冒頭文 [crayon-67f328ae1c0a8221008968/] 【2行目】「'」シングルクォーテーションの間に任意の文字を書くこともでける。 【出力】冒頭文…続きを読む [crayo…
WordPress条件分岐|最初1件のみデザインを変える方法 2015.12.04 2021.10.10 FRIEND 記事一覧ページの1件目の記事の直下にグーグルバナーを設置したい! FRIEND なんかクリックしてくれそうな位置だから(汗) ME 最初の1件目を呼んで、その直下にグーグルバナーを設置して…
WordPress 投稿画像をランダムに表示させクリックすると投稿記事へジャンプ 2015.11.29 2021.10.10 現在、以下の画像のようにトップページに画像を8枚掲載している。 その方法を記しておく。 ▼functions.phpに以下のコードを書く function my_random_images($count=1, $size='thumbnail'){ $ar…
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; 影の色、横のずれ、下のずれ、ぼかし具合