ブログ｜ぼうびろく

19 January

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

23 December

box-shadowを内側につける

http://www.webchips.org/box-shadow%E3%81%A7%E5%86%85%E5%81%B4%E3%81%ABborder%E3%82%92%E3%81%A4%E3%81%91%E3%82%8B%E6%96%B9%E6%B3%95

上線はbox-shadow:inset 0 1px 0 0 #333;

下線はbox-shadow:inset 0 -1px 0 0 #333;

左線はbox-shadow:inset 1px 0 0 #333;

右線はbox-shadow:inset -1px 0 0 #333;

PR

20 December

擬似要素　:after　:before　が　img指定では効かない

http://jeffreyfrancesco.org/weblog/2011051101/

img に直接指定すると効かない

div img{
content:"aaaaaaa";
}

imgをなんらかのタグで囲い、そのタグに指定すると効く
上記URLの説明を読んでわかった
擬似要素の挿入される場所は、

<p>:before　～～～～～　:after</p>

<img>は閉じタグがないので、擬似要素が挿入される場所がないということ。
いつもどおり:beforeとかで装飾しようと思って、できないでないおかしいおかしいって
無駄に時間を過ごしてしまった･･･。
今までimgに直接指定したことがなかったから気づかなかった。

20 December

ブラシが登録できない　イラレ

アピアランスの分割・各種拡張が必要なものはブラシとして登録できない
エラーがでる

グラデーションに塗ったものをブラシとして登録したい場合。

１、まず適当な図形シェイプにグラデを施す
２、「オブジェクト」→「アピアランスの分割」や「分割・拡張」→「グラデの数値を150～255」.
　　これでグラデが帯状のパスとともに分割された。

３、ブラシの完成形オブジェクトと、分割グラデオブジェクトを合わせて配置・選択し、
　　「パスファインダー」→「分割」を押す
４、グループの解除をして余計な部位を削除する
５、残ったものを合体してブラシへ登録

20 December

ヘッダー固定でスクロールすると透過させるjs

http://kaneshin.hateblo.jp/entry/2012/10/07/200127

$(document).ready(function() {
  $(window).scroll(function() {
    if ($(this).scrollTop() > 0) {
      $('header').css('opacity', 0.8);
    } else {
      $('header').css('opacity', 1);
    }
  });
});

18 December

固定ページごとににタイトル別画像を使いたい

http://mypacecreator.net/blog/archives/1230

title_スラッグ名.jpg　という規則でファイル名をつける

<img src="<?php echo get_template_directory_uri(); ?>/images/title_<?php echo esc_attr($post->post_name); ?>.jpg" alt="<?php the_title(); ?>" />