FAREX BLOG

Just another WordPress site

30 7月

スタイルシート :: css ファイルでの @charset の書き方

Posted in stylesheet, ホームページ作成 on 30.07.11

EUC で作成する場合

@charset "euc-jp";

 

UTF-8 で作成する場合

@charset "utf-8";

 

SHIFT-JIS で作成する場合

@charset "shift-jis";

 

上記 @charset を css ファイルの 先頭行 へ記述する。

 

用例

@charset "utf-8";

* {
  margin      : 0;
  padding     : 0;
  font-family : 'ヒラギノ角ゴ Pro W3',sans-serif;
  line-height : 1.5;
  font-size   : small;
}

 

参考

テンプレートビー

tags: ,

スタイルシート :: css ファイルでの @charset の書き方 はコメントを受け付けていません。

01 7月

xMenu 2.0 サンプル

Posted in jQuery, ホームページ作成 on 01.07.11

 

シンプルな ドロップダウンメニュー です。

xmenu-2.0.zip 展開

jquery-1.6.1.min.js
jquery.xMenu-2.0.css
jquery.xMenu-2.0.js
jquery.xMenu_ie6-2.0.css
jquery.xMenuStyle-2.0.css
xMenu-2.0.html

 

サンプル 
サンプル  [ css ]
サンプル  [ css ]
サンプル  [ css ]
サンプル  [ css ]
サンプル  [ css ]
サンプル  [ css ]
サンプル  [ css ]
サンプル  [ css ]

IE7.js を使用し、IE6 にも部分的に対応しています。

 

<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
<![endif]-->

 

<link rel="stylesheet" href="jquery.xMenu_ie6-2.0.css" type="text/css" />

 

IE6 での マウスオーバー の際の反転幅が気になる方は、<ul>width を設定して下さい。

before
after

 

中継のみをする動作しない <li> に対しても、<a href="#"> のように記述して下さい。

 

LEVEL 1 、LEVEL 2 » を変更する場合は、以下を編集して下さい。

jquery.xMenu-2.0.js

	var mark_a = "&#9660;";
	var mark_b = "&raquo;";

tags: , , , ,

xMenu 2.0 サンプル はコメントを受け付けていません。

01 6月

スタイルシート :: HTML のコメント

Posted in stylesheet, ホームページ作成 on 01.06.11

用例

<style type="text/css">
<!--
h1 {
  background-color: #ffffcc;
}
-->
</style>

 

『 最近は、スタイルシートを解釈できない古いブラウザが利用されることがほとんどないと考えられるため、このように記述する必要性はあまりないといえます。 』 だそうです。

スタイルシートのコメントを活用しよう! – [ホームページ作成] All About

tags: , , ,

スタイルシート :: HTML のコメント はコメントを受け付けていません。