[PR] WEB制作会社PSYCOMMU

javascript

javascriptでswfのキャッシュを残さない方法

swfをftpでアップロードしてもキャッシュが残っていてブラウザのキャッシュを消さないと最新のswfが表示されなくていちいちキャッシュを消す作業が面倒くさいのでjavascriptで対応

【jsソース】

var time= (new Date()).getTime();

var swfURL="任意のパス/任意のファイル名.swf?noCash="+time;




/* 上記のような感じでファイル名を指定する 
SyntaxHighlighterてなんかばぐる?
ばぐったので必要最低限のソースのみ記述。
下記より完成系ダウンロードできます。
*/

javascript

javascriptを使用してmacのみスタイルシートを振り分ける

macはwindowsに比べてフォントサイズがワンサイズ大きく表示されるのでjavascriptを使用してmacのみに読み込ませるcssファイルを作成する。

下記ソースをcssファイルを読み込んでいる行より下に配置。
そうするとmacだけcssファイルが上書きされるのでフォントサイズが小さくなります。good!!

【HTMLソース】




【mac.js】



【win.css】

@charset "utf-8";

body{

    font-size:12px;
    
}

【mac.css】

@charset "utf-8";

body{

    font-size:11px;
    
}

movabletype

MTIf文とMTIfArchiveType文を使用してテンプレートの種類によってソースを振り分ける方法

下記のようMTIf文とMTIfArchiveType文を使用することによりモジュール化したパンくずリストやタイトルを作成するときに便利

下記をグローバルパンくずリストでモジュール化しておき
<$mt:Include module="グローバルパンくずリスト"$>で呼び込む。

【ソース】




css

※マークだけtable・画像を使わずにインデントをつける方法

下記のように※マークだけtable・画像を使わずにインデントをつける方法

  • テキスト1改行なしです。
  • テキスト2改行あります。テキスト2改行あります。テキスト2改行あります。テキスト2改行あります。
    テキスト2改行あります。テキスト2改行あります。テキスト2改行あります。テキスト2改行あります。テキスト2改行あります。
  • ※マークではなくてもどのテキストでもいけますが文字数が増えたりしたらCSSを変更しなければいけません。

【HTMLソース】

  • テキスト1改行なしです。
  • テキスト2改行あります。テキスト2改行あります。テキスト2改行あります。テキスト2改行あります。
    テキスト2改行あります。テキスト2改行あります。テキスト2改行あります。テキスト2改行あります。テキスト2改行あります。
  • ※マークではなくてもどのテキストでもいけますが文字数が増えたりしたらCSSを変更しなければいけません。

【CSSソース】


ul.caution{

	margin:0 20px;
	padding:0 0 0 0;
    
}

/* 値をピクセルで指定せずにemで指定すると楽です */

ul.caution li{

	font-size:12px;
	margin:0 0 10px 0;
	line-height:1.4;
	padding:0 0 0 1em;
	text-indent:-1em;
	list-style:none;
    
}

ul.caution li span{

	position:relative;
	left:-1em;
    
}

css

firefoxだけCSSで振り分ける

下記のように記述すれば振り分けれます。


/* ! firefox */

div#hoge{
	padding:0 20px 0 0;
}

/* firefox */

html>/**/body div#hoge{
	padding:0 10px 0 0;
}

Copyright 2009 PANDAMA. All rights reserved.
PANDAMA.com 掲載の記事・写真・図表など無断転載を禁止します。著作権はPANDAMA.comに属します。