| ロールオーバー |
<BODY>
<IMG src="●" border="0" onMouseOver="this.src='▲'" onMouseOut="this.src='■'">
</BODY>
● 最初の画像
▲ オンマウスの画像
■ オフマウスの画像 |
[備考]
TOPページの携帯ストラップで使用。 |
| インラインフレーム |
<IFRAME src="●.html" width="350" height="350" scrolling="no" frameborder="yes">
</IFRAME>
● 表示したいページ |
うまく使うと・・・いろいろ使えるよ。
TOPページのWhat's New!などで使用。 |
| スクロールバー |
<BODY style="
scrollbar-3dlight-color:#ffccff;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#faf5fa;
scrollbar-darkshadow-color:#e1e1ff;
scrollbar-face-color:#faf5fa;
scrollbar-highlight-color:#e1e1ff;
scrollbar-shadow-color:#0033cc;"> |
[備考]
どれがどの色なのかは・・・いじってみればわかるよ!全ページで使用。 |
| リンク |
<HEAD>
<STYLE type="text/css">
<!--
A:link {text-decoration:none;}
A:visited {text-decoration:none;}
A:hover {text-decoration:UNDERLINE OVERLINE;}
A:HOVER{background-color : #000000;}
-->
</STYLE>
</HEAD>
上下線は文字と同色。
000000で覆う色を指定。覆わない場合はこの行を削除する。
|
[備考]
全ページで使用。 |
ページ切り替え
フェード |
<META http-equiv="Page-Enter" content="blendTrans(Duration=SHIFT_JIS"> |
[備考]
現在は使用していません。(リニューアル前は全ページで使用していました) |
| 行間設定 |
<HEAD>
<Style Type="text/css">
<!--
Body,Td {line-height:15pt;}
-->
</Style>
</HEAD> |
[備考]
創部の由来で使用。
見にくいかな!?って時に使えるよ! |
リンクページ
(複数)の
サイズを指定 |
<HEAD>
<SCRIPT language="JavaScript">
<!--HPB_SCRIPT_CODE_40
function _HpbJumpURLinNewWindow(url)
{
if (url != '')
{
window.open(url, '_blank',"width=600,height=450");
}
}
//-->
</SCRIPT>
</HEAD>
<body>
<p>
<A onclick="_HpbJumpURLinNewWindow('■■■.html');" href="#">■■■のコメント</A>
<A onclick="_HpbJumpURLinNewWindow('●●●.html');" href="javascript:void(0)">●●●のコメント</A>
<A onclick="_HpbJumpURLinNewWindow('▲▲▲.html');" href="javascript:void(0)">▲▲▲のコメント</A>
</p>
</body> |
[備考]
写真館やコラムで使用。 |