カスタマイズ
|
■Javascript ├ ランダム表示の活用 ├ リンクのURLを隠す ■SEO対策 ├ SEOスパムについて ├ 被リンク数のチェック ├ 被リンクされるときの文字 ├ metaタグのkeywords |
■CSS ├ リストのマークを変更する ├ リストのマークを画像に変更する ├ リンクの挙動のカスタマイズ ├ 行間の高さを変更する ├ スクロールバーの見た目を変える ├ ドリコムの表示をCSSで変更する |
javasctriptを外部ファイル(jsファイル)にして外出しする場合、HTML側とJSファイルが異なるケースが時々発生します。
そんなときにどうすればよいのか？
以下に記述の仕方を示します。下の例はjavascriptの外部ファイル(hoge.js)がutf-8で記述されている場合ののもです。
あまり使うケースは無いかもしれませんが、覚えておいて損はないでしょう。
以下に記述の仕方を示します。下の例はjavascriptの外部ファイル(hoge.js)がutf-8で記述されている場合ののもです。
<script src="hoge.js" type="text/javascript" charset="utf-8" />
あまり使うケースは無いかもしれませんが、覚えておいて損はないでしょう。
[ 2009/09/19 ] | 未分類
今回は、フォームの入力データをjavascriptからPOSTするやり方です。
また、これから挙げる例ではリンクをクリックしてjavascriptを起動するようにしています。
では早速、例を以下に記述します。
�，旅圓覇暗�に設定値を変えることもできます。
ぜひ活用してみてください。
また、これから挙げる例ではリンクをクリックしてjavascriptを起動するようにしています。
では早速、例を以下に記述します。
�，旅圓覇暗�に設定値を変えることもできます。
↓↓javascript定義↓↓
<script type="text/javascript">
<!--
function hoge(){
document.test.dddd.value="9999"; ←←← ��
document.test.submit();
}
// -->
</script>
↓↓フォームの定義↓↓
<form name="test" action="./test01.php" method="post">
<input type="text" name="aaaa"/><br>
<input type="text" name="bbbb"/><br>
<input type="text" name="cccc"/><br>
<input type="hidden" name="dddd" value="1234"/>
</form>
<a href="javascript:void(0)" onclick="hoge(); return false;">
javascriptからPOST</a>
ぜひ活用してみてください。
[ 2009/09/09 ] | 未分類
タイトルの通り今回はテーブル内の文字位置をCSSで定義する方法を解説します。
今回も初心者向けの内容です。
以下の２種類の定義をCSSに記述します。
text-align ・・・ 水平方向の配置
vertical-align ・・・ 垂直方向の配置
CSSを以下のように定義
そしてテーブルを以下のように定義して表示させると
こんな感じのテーブルになります。
以下の２種類の定義をCSSに記述します。
text-align ・・・ 水平方向の配置
vertical-align ・・・ 垂直方向の配置
CSSを以下のように定義
.table_sample01 td {
width:80px;
height:80px;
border:1px solid #666666;
font-size:13px;
color:#FF0000;
}
.table_left_top {
text-align:left;
vertical-align:top;
}
.table_center_top {
text-align:center;
vertical-align:top;
}
.table_right_top {
text-align:right;
vertical-align:top;
}
.table_left_center {
text-align:left;
vertical-align:middle;
}
.table_center_center {
text-align:center;
vertical-align:middle;
}
.table_right_center {
text-align:right;
vertical-align:middle;
}
.table_left_bottom {
text-align:left;
vertical-align:bottom;
}
.table_center_bottom {
text-align:center;
vertical-align:bottom;
}
.table_right_bottom {
text-align:right;
vertical-align:bottom;
}
そしてテーブルを以下のように定義して表示させると
<table class="table_sample01"> <tr> <td class="table_left_top">左上</td> <td class="table_center_top">中上</td> <td class="table_right_top">右上</td> </tr> <tr> <td class="table_left_center">左中</td> <td class="table_center_center">中中</td> <td class="table_right_center">右中</td> </tr> <tr> <td class="table_left_bottom">左下</td> <td class="table_center_bottom">中下</td> <td class="table_right_bottom">右下</td> </tr> </table>
こんな感じのテーブルになります。
| 左上 | 中上 | 右上 |
| 左中 | 中中 | 右中 |
| 左下 | 中下 | 右下 |
[ 2009/07/06 ] | 未分類
今回のテーマは初心者向けのＣＳＳの設定です。
当ブログの文字色は少し灰色に近い設定にしています。
これだと少し見にくいという方もいるかもしれませんね。
ブログまたはサイトのＣＳＳに以下の記述を追加してみましょう。
上記を追加するだけでサイト全体の文字色が黒くなります。
もちろん文字色を赤くしたい場合にも、color:#FF0000;と記述すれば、 文字色は赤く出来ちゃいます。
当ブログの文字色は少し灰色に近い設定にしています。
これだと少し見にくいという方もいるかもしれませんね。
ブログまたはサイトのＣＳＳに以下の記述を追加してみましょう。
body {
color:#000000;
}
上記を追加するだけでサイト全体の文字色が黒くなります。
もちろん文字色を赤くしたい場合にも、color:#FF0000;と記述すれば、 文字色は赤く出来ちゃいます。
[ 2009/06/21 ] | カスタマイズ
metaタグのkeywordsに設定するキーワードは、最近の検索エンジンには、効果が無いという噂もありますが、記述して損は無いので記述しておきましょう。
ただ、注意したいのはむやみやたらと１００個とか１０００個とかのキーワードを羅列してしまうと、SEOスパムとして判定される恐れがありますので、HPのテーマに強く関連するキーワードを数個記述するのが妥当です。
常に、SEOスパムに該当してしまわないか気遣いながらHPの作成を進めていくのが重要です。
例えば、当ブログのキーワードとして以下のように、「SEO対策」「テンプレート」「CSS」「Javascript」を設定してます。
<meta name="keywords" content="SEO対策,テンプレート,CSS,Javascript">
ただ、注意したいのはむやみやたらと１００個とか１０００個とかのキーワードを羅列してしまうと、SEOスパムとして判定される恐れがありますので、HPのテーマに強く関連するキーワードを数個記述するのが妥当です。
常に、SEOスパムに該当してしまわないか気遣いながらHPの作成を進めていくのが重要です。
例えば、当ブログのキーワードとして以下のように、「SEO対策」「テンプレート」「CSS」「Javascript」を設定してます。
<meta name="keywords" content="SEO対策,テンプレート,CSS,Javascript">
[ 2007/11/16 ] | SEO対策
プロフィール
Author:てんちゃん７７７
ＦＣ２ブログへようこそ！
最近の記事
最近のコメント
最近のトラックバック
ブログランキング
ブロとも申請フォーム
