サンプルページ　　　Ｆｏｎｔ

　Home

　Blog･RSS

　Twitter･X

　You Tube

　Facebook

　Instagram

　Line

　Share

　Link

　External Link

　Internet Explorer･Edge

　Search

　Java

　JavaScript

　Css

　HTML

　Excel

　

　情報

　

　ﾃﾞｰ7ｱﾍﾞｰｽ

　箴言

　俳句

　音楽

　ｶﾚﾝﾀﾞｰ

　ｶﾚﾝﾀﾞｰ

　時刻

　

　ﾊﾞｲｸ

　ｶﾞｿﾘﾝｽﾀﾝﾄﾞ

　駐車場

　お手洗い

　ｺｰﾋｰ

　Wi-Fi 電波

　ﾚｽﾄﾗﾝ

　ﾎﾃﾙ

　本

　風呂･ｼｬﾜｰ

　

　

　病院

　ｱﾄﾞﾚｽ帳

　

ﾎｰﾑ　へ　　　　　　　ｻﾝﾌﾟﾙﾍﾟｰｼﾞ　　Font-Awesome1　　font-awesome1.htm

非画像のｱｲｺﾝ（font-awesome v5、CDN）です、背景色 : 透明、表（table）にﾏｳｽｵﾝ時、ｾﾙの背景色が変化、痕跡を遺します。　　　CSS。　　　ﾊｲﾊﾟｰﾘﾝｸ、ｻｲｽﾞ、色などのｶｽﾀﾏｲｽﾞはﾃｷｽﾄｴﾃﾞｨﾀｰなどで可。　　all 対応。　　　　ｺﾋﾟｰ、編集し、簡単にWebで応用できまっ、(^ ^)。

ﾃﾞﾓは、ﾏｳｽｵｰﾊﾞｰ、ｸﾘｯｸなどで。　　※： PCのﾌｧｲﾙを直接表示でも可。　　　　※: 関連・詳細情報 -font-awesome.htm、font-awesome、一覧、ｱｲｺﾝ検索、New、ｶｽﾀﾏｲｽﾞ、ｻｲｽﾞ、色、ﾄｯﾌﾟﾅﾋﾞﾊﾞｰ61、highlight_table1.htm。

< ご使用方法 >

・　保存は font-awesome1.htm を右ｸﾘｯｸ、【名前を付けてﾘﾝｸを保存】 - <保存する場所>： ……、などで。　　※:　変わってしまった、ﾌｧｲﾙ名や、*.htm 中のﾊﾟｽは要修正。

・　ﾍﾟｰｽﾄは、font-awesome1.htm をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄなどの ”ﾃｷｽﾄﾓｰﾄﾞで、新しいﾍﾟｰｼﾞや hogehoge.htm（=任意の挿入先ﾌｧｲﾙ名）の、 <head>　～　</head> の任意の行間に (*1) を、さらに <body>　～　</body>の任意の行間に (*2) をﾍﾟｰｽﾄします。　　　※: ﾃｷｽﾄﾓｰﾄﾞ : ｺｰﾄﾞ/HTMLﾀｸﾞ挿入/HTMLﾒﾆｭｰなど。

　･　編集 : hogehoge.htm に ﾃｷｽﾄﾓｰﾄﾞでﾍﾟｰｽﾄ 後は、ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄのﾃﾞｻﾞｲﾝや通常ﾓｰﾄﾞ、ﾃｷｽﾄﾓｰﾄﾞ、ﾃｷｽﾄｴﾃﾞｨﾀｰで編集します。　　下記の（例） (*1) と、(*2) 、(*3) を参考に太字部分の編集を任意に行います。　

※: 外部ﾄﾞﾒｲﾝ（ｻｲﾄ）にｱｯﾌﾟﾛｰﾄの画像などの使用は、非表示に注意。　　画像の alt ﾀｸﾞは不可、ｻｲｽﾞ指定の pt などの省略は注意。　　ｽｸﾘﾌﾟﾄ構文中への改行混入に注意。

　･　ｱｯﾌﾟﾛｰﾄﾞは、hogehoge.htm と同じﾎﾙﾀﾞｰに、使用してる画像などをｱｯﾌﾟﾛｰﾄﾞします。　　別ﾎﾙﾀﾞｰの場合は、hogehoge.htm の該当ﾊﾟｽ注意。

　・　作動ﾃｽﾄは Edge～などで。　　更新の確認は、ﾌﾞﾗｳｻﾞｰなどのｷｬｯｼｭのｸﾘｱ後に実施。　　(1) [F5]ｷ- or Ctrl+Rｷｰを押し、最新ﾃﾞｰﾀ読み込みで。　　更に、(2) Edgeを全て閉じ、再起動を行い、【Edge】 - 右上 [……] - [設定] - [ﾌﾟﾗｲﾊﾞｼｰ、検索、ｻｰﾋﾞｽ] - [閲覧ﾃﾞ-ﾀをｸﾘｱ] - ［ｸﾘｱ-するﾃﾞ-ﾀの選択］ - ［ｖ］閲覧の履歴 -［今すくｸﾘｱ］をｸﾘｯｸ。　　留めに、(3) ｻｰﾊﾞｰのﾌｧｲﾙを一旦削除。

(*1) ：　font-awesome1.htm （例）　　　　　　　　　挿入先の　<head> ～ </head>　の、～部分にﾍﾟｰｽﾄします。

　HTMLの編集方法　

(*1) をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。

〔この列ﾍﾟｰｽﾄ不要〕　

ｼﾌﾄJIS使用（削除不可）

URL前・ﾂｰﾙﾊﾞｰに表示のｱｲｺﾝﾌｧｲﾙ名（削除可）favicon_**.ico など

ﾘﾝｸを新しいWinで開くを標準（削除可）※：target=　いろいろ
同じﾌﾚｰﾑ=_self、ﾍﾟｰｼﾞ全体=_top、親ﾌﾚｰﾑ=_parent

お気に入りなど表示のﾍﾟｰｼﾞ名（≠ﾌｧｲﾙ名）

CDN

JavaScript : ﾏｳｽｵﾝ時、ｾﾙの背景色が変化、痕跡を遺す。

<title>サンプルページ　　Ｆｏｎｔ－Ａｗｅｓｏｍｅ１</title>

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css">



<script language="JavaScript1.2">
//Highlight Table Cells Script-- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use

var ns6=document.getElementById&&!document.all

==== この間､説明を省略｡ ====

if (ie&&event.toElement!=source||ns6&&e.relatedTarget!=source)
source.style.backgroundColor=originalcolor
}
</script>

(*2) ：　font-awesome1.htm （例）　　　　　　　　挿入先の　<body> ～ </body>　の、～部分にﾍﾟｰｽﾄします。

　HTMLの編集方法　

(*2)をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。

〔この列ﾍﾟｰｽﾄ不要〕

<a　～　</a>、をｺﾋﾟｰ使用。
縦配置　　ｱｲｺﾝ背景色 : 透明
URL 吹き出し Prefix clas ｻｲｽﾞ

以下、同様。

横長表に配置。　ﾏｳｽｵﾝ時、ｾﾙの背景色が変化、痕跡を遺す。
<table 部に記述　表背景色
ﾏｳｽｵﾝ時背景色　痕跡背景色

以下、同様。

横長表に配置。　ﾏｳｽｵﾝ時、ｾﾙの背景色が変化、痕跡を遺す。
<table 部に記述　表背景色
ﾏｳｽｵﾝ時背景色　痕跡背景色

色

以下、同様。

<body>

<a href="http://xml-xsl.sakura.ne.jp/index2.html" target="_top" title="Home : ｸﾘｯｸ ⇒ 移動します。"></a>　Home 
<a href="http://xml-xsl.sakura.ne.jp/index2.html" target="_top" title="Home : ｸﾘｯｸ ⇒ 移動します。"></a>　Home 
<a href="http://xml-xsl.blog.so-net.ne.jp/" title="ﾌﾞﾛｸﾞ : 日々の感動・反射、思惟・情念の奔走・感謝を書き付ける。"></a>　Blog･RSS 
 
 
<a href="https://twitter.com/" title="Twitter・X.com"></a>　Twitter･X 
 
<a href="https://www.youtube.com/user/OKATOSHO/playlists" title="♫ You Tube・Classic Play List"></a>　You Tube 
<a href="https://www.youtube.com/channel/UCXmEiderzO80D7LwhqXwuog/playlists" title="♫ You Tube・Jazz・Pops Play List"></a> 
 
<a href="https://www.facebook.com/" title="Facebook"></a>　Facebook 
 
 
 
<a href="https://www.instagram.com/" title="Instagram"></a>　Instagram 
 
　Line 
　Share 
 
 
 
 
　Link 
<a href="https://www.afsgames.com/" title="ゲームのつぼ（外部ｻｲﾄ）"></a>　External Link 
 
<a href="https://xml-xsl.sakura.ne.jp/internet%20explorer%20mode.htm" title=" Edge 右上 … から、Internet Explorerﾓｰﾄﾞで再読み込み、［全てのｺﾝﾃﾝﾂを表示］で。"></a>　Internet Explorer･Edge 
 
<a href="http://www.pat.hi-ho.ne.jp/oka_tosho/search_google7.htm" title="TwitterやYou Tubeなどﾄﾞﾒｲﾝ選択も可！。"></a>　Search 
 
<a href="https://xml-xsl.sakura.ne.jp/JAVA/bridges/bridges.htm" target="_blank" title="Internet Explorerﾓｰﾄﾞで作動。"></a>　Java 
<a href="https://xml-xsl.sakura.ne.jp/koro-tyanf.html" target="_blank" title="止めどない発想発表を支援！。"></a>　JavaScript 
 
<a href="https://xml-xsl.sakura.ne.jp/css.htm" title="CSS ﾘﾌｧﾚﾝｽ"></a>　Css 
 
<a href="https://xml-xsl.sakura.ne.jp/favicon_mnal.htm" title="HTML、ｱﾄﾞﾚｽﾊﾞｰ・お気に入りに表示の画像作成と設定方法。"></a>　HTML 
<a href="http://xml-xsl.sakura.ne.jp/2024cl_h.xls" title="横長、休日、編集自在、プリント対応、ｸﾘｯｸ、［ﾌｧｲﾙのﾀﾞｳﾝﾛｰﾄﾞ］で。"></a>　Excel 
<a href="http://xml-xsl.sakura.ne.jp/2024cl_v.xls" title="縦長、休日、編集自在、プリント対応、ｸﾘｯｸ、［ﾌｧｲﾙのﾀﾞｳﾝﾛｰﾄﾞ］で。"></a>　 
 
　情報 
　 
<a href="https://xml-xsl.sakura.ne.jp/sort12/sort12.htm" target="_blank" title="ｿｰﾄ12　NLB 20xx年">　ﾃﾞｰ7ｱﾍﾞｰｽ 
<a href="http://www.pat.hi-ho.ne.jp/oka_tosho/sort9/sort9.htm" target="_blank" title="ｿｰﾄ9　列ﾀｲﾄﾙのｸﾘｯｸで、昇降順ｿｰﾄ"></a> 
<a href="https://xml-xsl.sakura.ne.jp/sotr3a.htm" target="_blank" title="携帯電話～2011-05-14　ｿｰﾄ3a"> 
<a href="http://www.pat.hi-ho.ne.jp/oka_tosho/randam_msg6a.htm" title="今日の言葉、ﾗﾝﾗﾑ/順送り、550件。"></a>　箴言 
<a href="http://xml-xsl.sakura.ne.jp/slideshow36/slideshow36ssmt.htm" title="刹那の感動や思惟・情念の奔走･跳躍を書き付ける。"></a>　俳句 
<a href="https://xml-xsl.sakura.ne.jp/sound0.htm" title="HTML5、ﾍﾟｰｼﾞを開いた時や、ｺﾝﾄﾛｰﾗｰ操作でｻｳﾝﾄﾞを出す。"></a>　音楽 
<a href="https://xml-xsl.sakura.ne.jp/2024cal.htm#2024" title="卓上サイズ、休日、時計、関連詳細情報、□小Winリンク用コード"></a>　ｶﾚﾝﾀﾞｰ 
<a href="https://xml-xsl.sakura.ne.jp/calendar13.htm" title="2005年～2025年の祝日・休日、時計。"></a>　ｶﾚﾝﾀﾞｰ 
<a href="https://xml-xsl.sakura.ne.jp/time_stamp0.htm" title="HTML、ﾍﾟｰｼﾞを更新した日時を表示。"></a>　時刻 
<a href="https://xml-xsl.sakura.ne.jp/clocka.htm" title="年月日曜日時分秒 am/pm、凹罫線"></a>　 
　ﾊﾞｲｸ 
　ｶﾞｿﾘﾝｽﾀﾝﾄﾞ 
　駐車場 
　お手洗い 
　ｺｰﾋｰ 
 
　Wi-Fi 電波 
　ﾚｽﾄﾗﾝ 
 
　ﾎﾃﾙ 
　本 
　風呂･ｼｬﾜｰ 
　 
　 
　病院 
　ｱﾄﾞﾚｽ帳 
　 
　
<table border="0" width="180" cellspacing="0" cellpadding="0" bgcolor="#E3E0D" height="30" style="border-collapse: collapse" width="90%" id="AutoNumber1" bordercolorlight="#EDE6FF" bordercolordark="#C1B7DF" bgcolor="#FFFFFF" onMouseover="changeto(event, '#EDF0DC')" onMouseout="changeback(event, '#E8E7F8')">
<tr>
<td width="14%" align="absmiddle"><a href="http://xml-xsl.sakura.ne.jp/index2.html" target="_top" title="Home : ｸﾘｯｸ ⇒ 移動します。"></a></td>
<td width="14%" align="absmiddle"><a href="http://xml-xsl.blog.so-net.ne.jp/" title="ﾌﾞﾛｸﾞ : 日々の感動・反射、思惟・情念の奔走・感謝を書き付ける。"></a></td>
<td width="14%" align="absmiddle"><a href="https://twitter.com/" title="Twitter・X.com"></a></td>
<td width="14%" align="absmiddle"><a href="https://www.youtube.com/user/OKATOSHO/playlists" title="♫ You Tube・Classic Play List"></a></td>
<td width="14%" align="absmiddle"><a href="https://www.youtube.com/channel/UCXmEiderzO80D7LwhqXwuog/playlists" title="♫ You Tube・Jazz・Pops Play List"></a></td>
<td width="14%" align="absmiddle"><a href="https://www.facebook.com/" title="Facebook"></a></td>
<td width="14%" align="absmiddle"><a href="https://www.instagram.com/" title="Instagram"></a></td>
</tr>
</table>
 
<table border="0" width="180" cellspacing="0" cellpadding="0" bgcolor="#E3E0D" height="30" style="border-collapse: collapse" width="90%" id="AutoNumber1" bordercolorlight="#EDE6FF" bordercolordark="#C1B7DF" bgcolor="#FFFFFF" onMouseover="changeto(event, '#CCD8FD')" onMouseout="changeback(event, '#E8E7F8')">
<tr>
<td width="14%" align="absmiddle"><a href="http://xml-xsl.sakura.ne.jp/index2.html" target="_top" title="Home : ｸﾘｯｸ ⇒ 移動します。"></a></td>
<td width="14%" align="absmiddle"><a href="http://xml-xsl.blog.so-net.ne.jp/" title="ﾌﾞﾛｸﾞ : 日々の感動・反射、思惟・情念の奔走・感謝を書き付ける。"></a></td>
<td width="14%" align="absmiddle"><a href="https://twitter.com/" title="Twitter・X.com"></a></td>
<td width="14%" align="absmiddle"><a href="https://www.youtube.com/user/OKATOSHO/playlists" title="♫ You Tube・Classic Play List"></a></td>
<td width="14%" align="absmiddle"><a href="https://www.youtube.com/channel/UCXmEiderzO80D7LwhqXwuog/playlists" title="♫ You Tube・Jazz・Pops Play List"></a></td>
<td width="14%" align="absmiddle"><a href="https://www.facebook.com/" title="Facebook"></a></td>
<td width="14%" align="absmiddle"><a href="https://www.instagram.com/" title="Instagram"></a></td>
</tr>
</table>

====　　　こ以降は、各々のｺﾝﾃﾝﾂを記述。　　　====