便利なホームページの作成に必要な、これは便利と思われるhtmlソースやタグ、CSSやCGI又.htaccessなどのソースを紹介します。

青色のテキストをクリックコピーして、ページの所定位置に貼り付けてください。
 サイト内検索
グーグルの検索機能を使った、
コピペだけで高機能検索がページに簡単に導入できる。
一分以内で完成!!
サイトのURL  = 自身のHPurl
size="20"  = サイズを変更
googleサイト内検索  = 適当に?
<form action="http://www.google.com/search" method="get" target="_blank">
<input type="hidden" name="hl" value="ja">
<input type="hidden" name="as_sitesearch" value="サイトのURL">
<input class="text" type="text" name="q" size="20" value="">
<input class="button" type="submit" value="googleサイト内検索">
</form>
 文字列に背景色をつける

文字に<font style="background-color:#ffcc99">背景色</font>をつける

文字に<font style="background-color:#ffcc99">背景色</font>をつける 
クリックでクリップボードにコピーする機能
(HTMLとJavaScriptのみで実現)

<body>から</body>の間に書き込む。



<!-- コピー対象要素とコピーボタン -->
<input id="copyTarget" type="text" value="コピー対象の文言" readonly>
<button onclick="copyToClipboard()">Copy text</button>

<!-- bodyタグ内の下部に以下を入力する -->
<script>
function copyToClipboard() {
// コピー対象をJavaScript上で変数として定義する
var copyTarget = document.getElementById("copyTarget");
// コピー対象のテキストを選択する
copyTarget.select();
// 選択しているテキストをクリップボードにコピーする
document.execCommand("Copy");
// コピーをお知らせする
alert("コピーできました! : " + copyTarget.value);
}
</script>

オーナー所有の姉妹サイトを紹介

便利に使える姉妹サイト  オーナーお勧めのBLOG
お勧め 顔文字とカラーコードのワンクリックコピペ お勧め ウェブ&ネット徒然日記