当サイトへのリンクについて
minweb辞書へのリンクについて
minweb辞書へのリンクは、どのサイトからでも、またどのページに対してもご自由に設置していただいてかまいません。申請・通知等は必要ございません。
ただし、iframe機能等でご自身のサイトの一部であるかのように表示されるのはお控えください。
minweb辞書検索フォームについて
以下のボタンからHTMLコードをクリップボードにコピーして、ご自身のWebページのHTMLにペーストしていただけると、minweb辞書の検索フォームを設置することができます。よろしければ、ご活用ください。
minweb辞書検索フォーム 詳細な利用方法
minweb辞書の検索フォームを設置する方法をご紹介いたします。
<!--- DIGITOR辞書検索フォーム --->
<form action="https://digitor.jp/dictionary/" method="get" id="searchform" class="minwebform">
<b>IT用語検索:</b>
<input type="text" placeholder="検索したい単語を入力" name="s" id="s">
<button type="submit" value="" id="searchsubmit">検索<!-- (c)「検索」の文字を変更する --></button>
</form>
<!--- DIGITOR辞書検索フォーム --->
<style>
/* 検索テキスト入力ボックス */
.minwebform{
display:flex;
}
.minwebform b{
margin-top:5px;
}
.minwebform input[type='text']{
border:none;
padding:6px 5px;
border:1px solid #aaa;
border-radius:5px 0 0 5px;
}
/* 検索ボタン */
.minwebform button{
border:none;
margin-left:-0.45%;
padding:5px 10px;
background:#4267b2;/* (A)値「#4267b2」を好みの色コードに変える */
color:#fff;/* (B)「color」の値「#fff」を好みの色コードに変える */
font-weight:bold;
cursor:pointer;
border-radius:0 5px 5px 0;
}
</style>
使い方
使い方は非常に簡単で、当ページもしくはトップぺージの「検索バーのソースコードをコピーする」ボタンをクリックするとクリップボードに上記コードがコピーされるので、サイト上の表示させたいHTMLファイルの一部にそのままペーストします。
カスタマイズする方法
検索バーをご自身で自由にカスタマイズするには、下記方法があります。
・「検索」ボタンの色を変更する方法:上記「A」の「background」の値「#4267b2」を好みの色コードに変える
・「検索」ボタンの文字を変える方法:上記「B」の「color」の値「#fff」を好みの色コードに変える
・「検索」ボタンの検索の文字を虫眼鏡にする方法:上記HTMLの「C」の「検索」の文字を変更する(方法は2点)
1.ブラウザで「Font Awesome」を検索し、「<i class="fas fa-search"></i>」をコピーし「検索」の文字の部分にペーストする。
そして<head>タグ内にCSSかJavaScriptのCDN読み込み用のコードを記述する
(「font awesome CDN」で検索すると情報がでてきます。また、他にも方法はありますがここでは割愛します)
2.「検索」の文字の部分を虫眼鏡の画像(png,gif,jpgなど)の<img>タグを記述する。