2011.02.21Dreamweaver

dreamweaverで　ソースの　変更箇所　（差分）　を比較して確認する方法

[1] Windowsの場合下記のようなソフトがある

WinMerge
Dif

[2] Dreamweaverの設定をする

「編集(E)」＞「環境設定(P)」を選択
環境設定画面から「ファイルの比較」を選択
「アプリケーションを選択してファイルを比較」から「参照」ボタンをクリックし、
先ほどインストールした差分比較ソフトを選択。
例)C:\Program Files\WinMerge\WinMergeU.exe

[3] 実際の使い方

F8キーをクリックして、ファイルパネルを開き、上部のプルダウンから「ローカルビュー」を選択。
ローカル環境下の2つのファイルを比較したい場合は、それらのファイルを選択して、右クリック。
「ローカルファイルの比較」を選択すればOK。
リモート環境のファイルとローカル環境のファイルを比較したい場合は、
ローカル環境側のファイルを選択して、右クリック。
「リモートとの比較」を選択すればOK。

私の感覚ですが、左のペインで作業して、右のペインでアップロード/確認といった流れが
気持ちいいです。

逆だと、なんか変な感覚です。

WinMerge　で左右のペインを変える方法は、
「表示」　→　「ペインを切り替える」

https://youtube.c...

all

このカテゴリの人気記事

Dreamweaver CS5 コードとデザイン　上下分割表示方法（ Dreamweaver ）［24471 view］ 2010年11月01日
DreamWerverCS5が起動しないときはユーザー設定フォルダを再作成する。（ Dreamweaver ）［21864 view］ 2011年09月02日
dreamweaverで　ソースの　変更箇所　（差分）　を比較して確認する方法（ Dreamweaver ）［21129 view］ 2011年02月21日
DreamWeaverでcgiやplファイルを編集する方法（ Dreamweaver ）［19946 view］ 2011年07月01日
Dream weaver5のファイルウィンドウでファイルをダウンロードする際に「ファイル全体を GET してよろしいですか」と聞かれて目的のファイルがダウンロードできないときの対処法（ Dreamweaver ）［18592 view］ 2011年04月02日
DreamWeaver効率アップショートカット（再インストール・バージョンアップで始めにすること）（ Dreamweaver ）［18505 view］ 2011年09月13日
Dreamweaver効率化ソースコードのテキストサイズは6px（最小）に（ Dreamweaver ）［16366 view］ 2012年02月17日
Dream weaver5　依存ファイルをPUT　次からこのメッセージを表示しない　にチェックをしてしまった際の解除方法（ Dreamweaver ）［16328 view］ 2011年01月03日
DWでhtmlと、リンクするCSSを同時に開くと更新履歴がややこしい。HTMLからの連動を止める方法（ Dreamweaver ）［14284 view］ 2015年12月03日
効率アップ・作業スピードアップのための音楽（ Dreamweaver ）［14203 view］ 2015年11月11日

「全タイトル一覧」ページへ｜「情報技術担当者のホームページ」トップページへ

コメント (0)
トラックバック (0)
閲覧 (21129)

2011.02.21xoopsズープス

ｃｓｓで縦のセンタリング　中央揃え

CSS で横のセンタリング（中央揃え）は margin : auto や text-align : center などで事足りると思うのですが、縦のセンタリング（中央揃え）は何を使えば良いかご存知ですか？

私はつい先日まで知らなかったのですが line-height プロパティで縦のセンタリングが可能です。方法はとても簡単で、ボックスの高さと line-height の値を同じにするだけで縦のセンタリングが行われます。下のソースを参考にしてください。

div.hajime {
	width : 400px;
	height : 50px;/*ボックスの高さ*/
	line-height : 50px;/*縦のセンタリングの為に指定*/
}

https://youtube.c...

all

このカテゴリの人気記事

whois ansi のCreation Date Registration Date Expiry Date とは（ xoopsズープス）［40031 view］ 2011年09月23日
xxoops2.2.0でaltsysをインストールした後、エラーが出て、altsysモジュールが白紙のときの対処法（ xoopsズープス）［33922 view］ 2011年12月03日
bulletinモジュールの投稿者名とヒット数とコメント数を消す。　bulletin_item.html （ xoopsズープス）［33567 view］ 2010年06月20日
リストタグで横並びにして、かつ、フロート（回り込み）を解除する方法（崩れる　対処法）（ xoopsズープス）［31992 view］ 2011年04月05日
「ページを開けません。サーバーが応答を停止しています。」の問題について（ xoopsズープス）［31391 view］ 2012年09月19日
xoops2.2.0でaltsysをインストールした後、ブロック部分と管理ページの日付が文字化けしたときの対処法（ xoopsズープス）［31386 view］ 2011年07月23日
light box 2.04　close.gif loading.gifが表示されない　lightbox.js （ xoopsズープス）［30567 view］ 2010年06月21日
Picoモジュールの　「コンテンツ内容」ブロックを利用して、スマーティーを利用できるカスタムブロックを実現する方法（ xoopsズープス）［29677 view］ 2011年07月29日
Smartyにtruncateという文字列修正の関数がある。指定した文字数で文字列を切り捨てるという便利なものなのだが、マルチバイト文字列に対してこれを使うと文字化けが起こって... （ xoopsズープス）［28957 view］ 2011年04月04日
ﾓｼﾞｭｰﾙUTF8化（ xoopsズープス）［28185 view］ 2010年03月30日

「全タイトル一覧」ページへ｜「情報技術担当者のホームページ」トップページへ

コメント (0)
トラックバック (0)
閲覧 (21713)

2011.02.17xoopsズープス

smarty の　if文

<{if $xoops_dirname == "inquiry" && $smarty.get.op == 0}>

<{elseif $xoops_dirname == "inquiry" && $smarty.get.op == 1}>

<{elseif $xoops_dirname == "inquiry" && $smarty.get.op == 2}> <{/if}>

https://youtube.c...

all

このカテゴリの人気記事

whois ansi のCreation Date Registration Date Expiry Date とは（ xoopsズープス）［40031 view］ 2011年09月23日
xxoops2.2.0でaltsysをインストールした後、エラーが出て、altsysモジュールが白紙のときの対処法（ xoopsズープス）［33922 view］ 2011年12月03日
bulletinモジュールの投稿者名とヒット数とコメント数を消す。　bulletin_item.html （ xoopsズープス）［33567 view］ 2010年06月20日
リストタグで横並びにして、かつ、フロート（回り込み）を解除する方法（崩れる　対処法）（ xoopsズープス）［31992 view］ 2011年04月05日
「ページを開けません。サーバーが応答を停止しています。」の問題について（ xoopsズープス）［31391 view］ 2012年09月19日
xoops2.2.0でaltsysをインストールした後、ブロック部分と管理ページの日付が文字化けしたときの対処法（ xoopsズープス）［31386 view］ 2011年07月23日
light box 2.04　close.gif loading.gifが表示されない　lightbox.js （ xoopsズープス）［30567 view］ 2010年06月21日
Picoモジュールの　「コンテンツ内容」ブロックを利用して、スマーティーを利用できるカスタムブロックを実現する方法（ xoopsズープス）［29677 view］ 2011年07月29日
Smartyにtruncateという文字列修正の関数がある。指定した文字数で文字列を切り捨てるという便利なものなのだが、マルチバイト文字列に対してこれを使うと文字化けが起こって... （ xoopsズープス）［28957 view］ 2011年04月04日
ﾓｼﾞｭｰﾙUTF8化（ xoopsズープス）［28185 view］ 2010年03月30日

「全タイトル一覧」ページへ｜「情報技術担当者のホームページ」トップページへ

コメント (0)
トラックバック (0)
閲覧 (20939)

2011.02.10xoopsズープス

メンテナンス中、閉鎖中のサイトのデザインの変更

とりあえずxoopsデフォルトテーマではなく、メンテナンス中も自分のサイトのデザインにしてみる。

このサイト以外に公開してるのに閉鎖してテストを繰り返すサイトもないかもしれませんが……

「管理メニュー」「互換モジュール」「全般設定」で「サイトを閉鎖する」を「はい」にしてサイトを一時閉鎖します。

いつものブロックカスタマイズの様に「ALTSYS」の「テンプレートの高度な操作」内の「テンプレートを枠で囲う」横の送信ボタンを押しテンプレートに枠をつけます。

そのままログアウト赤字で下の方に

Edit: ◎×■/modules/legacy/templates/legacy_site_closed.html とあるはずです。

早速ftpソフトを利用し「modules」の中の「legacy」の中の「templates」の中の「legacy_site_closed.html」をダウンロードして編集してみましょう。

https://youtube.c...

all

このカテゴリの人気記事

whois ansi のCreation Date Registration Date Expiry Date とは（ xoopsズープス）［40031 view］ 2011年09月23日
xxoops2.2.0でaltsysをインストールした後、エラーが出て、altsysモジュールが白紙のときの対処法（ xoopsズープス）［33922 view］ 2011年12月03日
bulletinモジュールの投稿者名とヒット数とコメント数を消す。　bulletin_item.html （ xoopsズープス）［33567 view］ 2010年06月20日
リストタグで横並びにして、かつ、フロート（回り込み）を解除する方法（崩れる　対処法）（ xoopsズープス）［31992 view］ 2011年04月05日
「ページを開けません。サーバーが応答を停止しています。」の問題について（ xoopsズープス）［31391 view］ 2012年09月19日
xoops2.2.0でaltsysをインストールした後、ブロック部分と管理ページの日付が文字化けしたときの対処法（ xoopsズープス）［31386 view］ 2011年07月23日
light box 2.04　close.gif loading.gifが表示されない　lightbox.js （ xoopsズープス）［30567 view］ 2010年06月21日
Picoモジュールの　「コンテンツ内容」ブロックを利用して、スマーティーを利用できるカスタムブロックを実現する方法（ xoopsズープス）［29677 view］ 2011年07月29日
Smartyにtruncateという文字列修正の関数がある。指定した文字数で文字列を切り捨てるという便利なものなのだが、マルチバイト文字列に対してこれを使うと文字化けが起こって... （ xoopsズープス）［28957 view］ 2011年04月04日
ﾓｼﾞｭｰﾙUTF8化（ xoopsズープス）［28185 view］ 2010年03月30日

「全タイトル一覧」ページへ｜「情報技術担当者のホームページ」トップページへ

コメント (0)
トラックバック (0)
閲覧 (19060)

2011.02.03日々思うこと

cssのプロパティの順序について

CSSプロパティ順序

1.表示や配置など「視覚整形モデル」に関するプロパティ	2.ボックスモデルに関するプロパティ	3.背景と前景に関するプロパティ	7.UIに関するプロパティ**

display	width**	background**	1. outline
	1. min-width	1. background-color	2. outline-width
list-style**	2. max-width	2. background-image	3. outline-style
1. list-style-type		3. background-repeat	4. outline-color
2. list-style-image	height**	4. background-attachment	5. cursor
3. list-style-position	1. min-height	5. background-position
4. marker-offset（CSS2.1勧告候補では削除）	2. max-height

position**	line-height		8.印刷に関するプロパティ**
1. top	vertical-align	4.フォントとテキストに関するプロパティ
2. right	overflow		1. size
3. bottom	clip	color	2. marks
4. left	visibility		3. page-break-before
		font**	4. page-break-after
float	margin**	1. font-family	5. page-break-inside
clear	1. margin-top	2. font-style	6. page
z-index	2. margin-right	3. font-variant	7. orphans
	3. margin-bottom	4. font-weight	8. widows
	4. margin-left	5. font-stretch
		6. font-size
	padding**	7. font-size-adjust（CSS2.1勧告候補では削除）
	1. padding-top		9.音声に関するプロパティ**
	2. padding-right	text-indent
	3. padding-bottom	text-decoration	1. speak-header
	4. padding-left	text-align	2. volume
		vertical-align	3. speak
	border**	white-space	4. pause-before
	1. border-width		5. pause-after
	2. border-top-width	other text**	6. pause
	3. border-right-width	1. text-shadow（CSS2.1勧告候補では削除）	7. cue-before
	4. border-bottom-width	2. letter-spacing	8. cue-after
	5. border-left-width	3. word-spacing	9. cue
	6. border-color	4. text-transform	10. play-during
	7. border-top-color	5. white-space	11. azimuth
	8. border-right-color		12. elevation
	9. border-bottom-color		13. speech-rate
	10. border-left-color		14. voice-family
	11. border-style	5.表に関するプロパティ**	15. pitch
	12. border-top-style		16. pitch-range
	13. border-right-style	1. caption-side	17. stress
	14. border-bottom-style	2. table-layout	18. richness
	15. border-left-style	3. border-collapse	19. speak-punctuation
	16. border-top	4. border-spacing	20. speak-numeral
	17. border-bottom	5. empty-cells
	18. border-right
	19. border-left

		6.生成内容に関するプロパティ**

		1. contentcounter-increment
		2. counter-reset
		3. quotes