保護中: php簡易パスワード認証

このコンテンツはパスワードで保護されています。閲覧するには以下にパスワードを入力してください。

php

[DREAMWEARVER]テンプレート変数の設定方法その3<リピート表示>

まとめて1記事にしろよって自分でも思いますが
とりあえずリピートで同じレイアウトを出させる方法

<!-- TemplateBeginRepeat name="repeat_span" -->ここにテキスト<!-- TemplateEndRepeat -->

これだけだと同じ文言をリピートになってしまうので、編集ができるようにするには編集可能領域を追加する

<!-- TemplateBeginRepeat name="repeat_span" -->
<span><!-- TemplateBeginEditable name="repeat_span_txt" -->ここにテキスト<!-- TemplateEndEditable --></span>
<!-- TemplateEndRepeat -->

なかなか便利~。
phpで組んでいるのをhtmlに置き換え&編集できるようにするのは骨が折れますねー

配列は無理っぽいので最初に出したtrueでするか、リピート使うかのどっちかで対応かなー。

[DREAMWEARVER]テンプレート変数の設定方法その2<分岐で表示>

変数 ON(true)・OFF(false)で表示切り替え

ヘッダに

<!-- TemplateParam name="type1" type="boolean" value="false" -->

BODY内に

<!-- TemplateBeginIf cond="type1==true" -->
<!--ここに真(ON)のときの条件-->
<li><img src="aaaaa.png"></li>
<!-- TemplateEndIf -->

次は配列が出来るのか調べないと………………出来るのかしら…?

[DREAMWEARVER]テンプレート変数の設定方法<テキストを表示>

ただ単にテキストを変数にしたかったんですが、
「挿入」→「オプション領域」で追加した後で編集しないといけないっぽいので、メモ。

ヘッダに

<!-- TemplateParam name="title_name" type="text" value="" -->

BODY内に

<title>@@(title_name)@@</title>
<!--~省略~-->
<ul id="topic_path">
 <li>@@(title_name)@@</li>
</ul>

ぜんぜん関係無いですけど、最近は「breadcrumbs」より「topic_path」を見かけることが多くなってきてる気がします。気のせいかな?

htc.js使うときはzoom:1とposition:relative入れる

htc.jsでIE8だけ角丸かけている背景色が出てこないので、
なんでやねーんとひとり突っ込みをしつつ調べてたら
zoomとpositionですよ!入れ忘れてた!

そりゃー無理だよーってことでメモメモ

ふう。。。

    zoom: 1;
    position:relative;
css

chromeで文字サイズ【-webkit-text-size-adjust: none;】が機能削除されたっぽい?

とりあえずメモ。
コーディングしてる際に、どうも「-webkit-text-size-adjust: none;」が
効かないので探してたら気になるフォーラムを見つけてしまった。。。

https://productforums.google.com/forum/#!topic/chrome-ja/7Y2r_dYFWrg

-webkit-text-size-adjustはこれまで規格どおりに動作しておらず、意図しない有害な使われ方が
蔓延してしまったので削除されました。

HTML内のテキストとしては最小フォントより小さい文字を表示する方法はありません。
画像、SVGなどで代替できます。

Google社員 ケント

って書かれてるので、やっぱり効かないか~。うーんどうしたものか。。。

●追記(2/13 18:28)
とりあえずの対処で、今回ラフの指定が9pxだったので、chrome用にハックかけて、lettar-spacingを詰めることでなんとか対応できましたー。
font-size:8px とかだったら危なかったかなー。

@media screen and (-webkit-min-device-pixel-ratio:0) {
.date {
	font-size:10px;
	letter-spacing:-1px;
	}
}
css

[Javascript]IE9以下にhtml5とCSS3を対応させるJSの書き方メモ

IE9以下にhtml5とCSS3を対応させるJSの書き方メモ

スマホコーディングした後に、PCコーディングすると、CSS3の便利さが手放せなくなってしまったの巻。

<!--&#91;if lt IE 9&#93;>
<script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<!&#91;endif&#93;-->

<!--&#91;if lte IE 8&#93;>
<script type="text/javascript" src="js/DOMAssistantCompressed-2.8.js"></script>
<script type="text/javascript" src="js/ie-css3.js"></script>
<!&#91;endif&#93;-->

2つ目のCSS3対応JS
配布サイト:http://selectivizr.com/
参考:http://blog.sakurachiro.com/2010/04/ie-css3-js/

[CSS3]背景画像複数のまとめた書き方メモ

書きなれてるこっちのが便利だなーやっぱり。
CSS:

	background:
	url(/img/○○○.png) no-repeat left top,
	url(/img/○○○.png) no-repeat left bottom,
	url(/img/○○○.png) repeat-y left top;
	background-size:100% auto,100% auto,100% auto;

こっちも良いんですけどね。
CSS:

	background-image:
        url(/img/○○○.png),
        url(/img/○○○.png),
        url(/img/○○○.png);
        background-repeat:no-repeat,no-repeat,repeat-y;
        background-position:left top,left bottom,left top;
        background-size:100% auto,100% auto,100% auto;
css