高さを揃えるjquery
お客たまが、どうしても左右の高さを揃えたいとのたまう。フルスクリーンいっぱいに使った三段組みのレイアウト。1920ピクセル画面と1366画面では行の高さは当然かわっちゃう。でも、基本の高い方が決まっていたから、そっちの高さを取得して、他の方にmin-heightで代入してしまおうという方針。
動いてるわん。
お客たまが、どうしても左右の高さを揃えたいとのたまう。フルスクリーンいっぱいに使った三段組みのレイアウト。1920ピクセル画面と1366画面では行の高さは当然かわっちゃう。でも、基本の高い方が決まっていたから、そっちの高さを取得して、他の方にmin-heightで代入してしまおうという方針。
1 2 3 4 5 6 7 8 9 |
$(function() { $(window).on('load resize', function(){ var newsheight = $('#text-4').height(); var takasa = newsheight + "px"; $('#text-5').css( { 'min-height' : takasa , }) }); }); |
動いてるわん。
あのね、ワードプレスで管理画面をカスタマイズする情報はやくさんある。左メニューの無駄な項目をfunctions.phpに書くやつね。
たしかにそれは便利だ、クライアントワークで、お客様に管理権限を渡す場合だって、ユーザー名の条件分岐で、自分以外の人間の場合にメニューを消すことだってできるんだろう。
しか~し、今回は、管理画面にカスタムCSSファイルをひっかけて、cssでディスプレイ:ノンしちゃおうという企画。
何故そんなことするのかって?自分で覚えてるからfirebugで表示させればいつでもアクセスできるじゃん、みたいな。
まぁ、いくつかやり方はあるんだろうけど一応記念にメモっておこう。
1 2 3 4 5 6 |
/* load custom css for admin panel /*---------------------------------------------------------*/ function custom_css() { echo '<link rel="stylesheet" type="text/css" href="'.get_bloginfo("template_directory").'/inc/admin.css">'; } add_action('admin_head', 'custom_css'); |
で、cssファイルを作って書きますよと。
動いたよ~(笑)。