stn8: ソース

ラベル ソース の投稿を表示しています。すべての投稿を表示

2010年12月2日木曜日

WordPressで、他のテンプレート（php）をインクルードする

＜?php include (TEMPLATEPATH . '/xxx.php'); ?＞

↑/xxx.php が、読み込むファイル名

UbuntuのApache2にmod_rewriteを導入する

#a2enmod rewrite

#/etc/init.d/apache2 restart
apacheの再起動

ブラウザからphpinfoを表示して、『mod_rewrite』が表示されていることを確認する

◆参考サイト
http://showzine.info/blog/apache/page/ubuntu%E3%81%AEapache%E3%81%A7mod_rewrite%E3%82%92%E6%9C%89%E5%8A%B9%E3%81%AB%E3%81%99%E3%82%8B

[スタイルシート]箇条書きliを番号付きにする

ブラウザのスタイルシートリセットをしたりすると、olの番号が消えてしまっていたりするので、これを復活させたい。

■スタイルシート側の記述は以下。

ol li { list-style-type: decimal; }

■HTML側は以下。

<ol>

<li>箇条書き１</li>

<li>箇条書き２</li>

<li>箇条書き３</li>

</ol>

■実際の表示は以下。

箇条書き１
箇条書き２
箇条書き３

2010年11月22日月曜日

■JavaScriptソースはこちら

<script type="text/javascript">

if (typeof jp == "undefined") {

var jp = {};

}

if (typeof jp.rinco == "undefined") {

cv = {};

}

</script>

<script type="text/javascript">

cv.display = function(id) {

var target = document.getElementById(id);

if (target.style.visibility == 'hidden') {

target.style.visibility = 'visible';

target.style.display = 'block';

} else {

target.style.visibility='hidden';

target.style.display = 'none';

}

}

</script>

■HTMLソースはこちら

<div

style="background-color:blue;

color:white; padding:4px"

onclick="jp.rinco.display('down');">

ここをクリックで内容表示

</div>

<div id="down"

style="visibility:hidden; display:none;

background-color: #E8F3FF; padding:4px">

表示される内容！<br />

表示される内容！

</div>

2010年11月19日金曜日

カラムの高さを指定するJavaScript

１．ソースファイルをダウンロード

下記のサイトからJSファイルをダウンロードします。

▼to-R

http://blog.webcreativepark.net/2007/07/26-010338.html

２．ヘッダーに記述（jsフォルダの中にソースファイルを入れる場合）

<script src="js/heightLine.js" type="text/javascript"></script>

３．揃えたいカラムにclassを定義

▼タグに記載する要素

class="heightLine"

▼例

※id=contentsとid=sidemenuのカラムの高さを揃えたい場合

・

・

・

</div>

４．完了

以上の手順で高さをそろえることができます。

ただし、JavaScriptを使っていますので、

ブラウザのJavaScriptの設定がOFFになっていると設定が外れてしまいます。

stn8