Result
Download
Reset
<html lang="ja"> <meta charset="utf-8"> <!-- ここから --> <style> img{width:40px; border:solid 0px; margin-bottom:4px;} a:hover{opacity:0.4; transition:0.1s;} .ボックス{position:fixed; background-color:#535454; top:40px; left:40px; width:104px; height:980px; border:solid 4px #eeeeee; border-radius:4px; box-shadow:0px 1px 2px 4px #aaaaaa inset;} .トップ{font-size:18px; font-family:serif; margin-left:4px; color:gray;} .セット{margin-top:20px; margin-left:6px; margin-right:6px; border:solid 0px red; width:90px;} .ツール{float:left; width:48px; margin:0;} .ツールバー{width:96px; margin:0; margin-top:12px;} .ツールバー img{width:94px;} </style> <div class="ボックス"> <div class="トップ">× «</div> <div class="セット"> <!--------01 / Selection Tool--------> <div class="ツール"><a href="#"><img src="Illustrator_Tools_85_535454/01.png"title="Selection Tool (セレクション / 選択)"></a></div> <!-----02_a / Direct Selection Tool-----> <div><a href="#"><img src="Illustrator_Tools_85_535454/02_a.png"title="Direct Selection Tool (ダイレクト・セレクション / ダイレクト選択)"></a></div> <!--------03 / Magic Wand Tool--------> <div class="ツール"><a href="#"><img src="Illustrator_Tools_85_535454/03.png"title="Magic Wand Tool (マジック・ワンド / 魔法の杖)"></a></div> <!-----04 Lasso Tool-----> <div><a href="#"><img src="Illustrator_Tools_85_535454/04.png"title="Lasso Tool (ラッソウ / 投げなわ)"></a></div> <!--------05_a / Pen Tool--------> <div class="ツール"><a href="#"><img src="Illustrator_Tools_85_535454/05_a.png"title="Pen Tool (ペン)"></a></div> <!-----06 / Carvature Tool-----> <div><a href="#"><img src="Illustrator_Tools_85_535454/06.png"title="Carvature Tool(カーバチュァー / 曲線)"></a></div> <!--------07_a / Type Tool--------> <div class="ツール"><a href="#"><img src="Illustrator_Tools_85_535454/07_a.png"title="Type Tool (タイプ入力)"></a></div> <!-----08_a / Line Segment Tool-----> <div><a href="#"><img src="Illustrator_Tools_85_535454/08_a.png"title="Line Segment Tool (直線)"></a></div> <!--------09_a / Rectangle Tool--------> <div class="ツール"><a href="#"><img src="Illustrator_Tools_85_535454/09_a.png"title="Rectangle Tool (レクタングル / 長方形)"></a></div> <!-----10_a Paintbrush Tool-----> <div><a href="#"><img src="Illustrator_Tools_85_535454/10_a.png"title="Paintbrush Tool (ペイントブラッシュ / 絵筆)"></a></div> <!--------11_a / Shaper Tool--------> <div class="ツール"><a href="#"><img src="Illustrator_Tools_85_535454/11_a.png"title="Shaper Tool (シェーパー /形削り)"></a></div> <!-----12_a / Eraser Tool-----> <div><a href="#"><img src="Illustrator_Tools_85_535454/12_a.png"title="Eraser Tool (イレイサー / 消しゴム)"></a></div> <!--------13_a / Rotate Tool--------> <div class="ツール"><a href="#"><img src="Illustrator_Tools_85_535454/13_a.png"title="Rotate Tool (ローテート / 回転)"></a></div> <!-----14_a / Scale Tool-----> <div><a href="#"><img src="Illustrator_Tools_85_535454/14_a.png"title="Scale Tool (スケール / 拡大縮小)"></a></div> <!--------15_a / Width Tool--------> <div class="ツール"><a href="#"><img src="Illustrator_Tools_85_535454/15_a.png"title="Width Tool (線幅)"></a></div> <!-----16_a / Free Transform Tool-----> <div><a href="#"><img src="Illustrator_Tools_85_535454/16_a.png"title="Free Transform Tool (自由変形)"></a></div> <!--------17_a / Shape Builder Tool--------> <div class="ツール"><a href="#"><img src="Illustrator_Tools_85_535454/17_a.png"title="Shape Builder Tool (シェイプ・ビルダー / シェイプ形成)"></a></div> <!-----18_a / Perspective Grid Tool-----> <div><a href="#"><img src="Illustrator_Tools_85_535454/18_a.png"title="Perspective Grid Tool (パースペクティブ・グリッド / 遠近グリッド)"></a></div> <!--------19 / Mesh Tool--------> <div class="ツール"><a href="#"><img src="Illustrator_Tools_85_535454/19.png"title="Mesh Tool (メッシュ / 網の目)"></a></div> <!-----20 / Gradient Tool-----> <div><a href="#"><img src="Illustrator_Tools_85_535454/20.png"title="Gradient Tool (グラディエント / グラデーション)"></a></div> <!--------21_a / Eyedropper Tool--------> <div class="ツール"><a href="#"><img src="Illustrator_Tools_85_535454/21_a.png"title="Eyedropper Tool (アイドロッパー / スポイト)"></a></div> <!-----22 / Blend Tool-----> <div><a href="#"><img src="Illustrator_Tools_85_535454/22.png"title="Blend Tool(ブレンド)"></a></div> <!--------23_a / Symbol Sprayer Tool--------> <div class="ツール"><a href="#"><img src="Illustrator_Tools_85_535454/23_a.png"title="Symbol Sprayer Tool (シンボル・スプレイヤー / シンボル・スプレー)"></a></div> <!-----24_a / Column Graph Tool-----> <div><a href="#"><img src="Illustrator_Tools_85_535454/24_a.png"title="Column Graph Tool (カラム・グラフ / 棒グラフ)"></a></div> <!--------25 / Artboard Tool--------> <div class="ツール"><a href="#"><img src="Illustrator_Tools_85_535454/25.png"title="Artboard Tool (アートボード / アートボード)"></a></div> <!-----26_a / Slice Tool-----> <div><a href="#"><img src="Illustrator_Tools_85_535454/26_a.png"title="Slice Tool (スライス / 切り分け)"></a></div> <!--------27_a / Hand Tool--------> <div class="ツール"><a href="#"><img src="Illustrator_Tools_85_535454/27_a.png"title="Hand Tool (ハンド / 手のひら)"></a></div> <!-----28 / Zoom Tool-----> <div><a href="#"><img src="Illustrator_Tools_85_535454/28.png"title="Zoom Tool (ズーム / ズーム)"></a></div> <!--------Tools_85_535454--------> <div class="ツールバー"><a href="#"><img src="Illustrator_Tools_85_535454/Illustrator_toolbar_535454.png"title="toolbar"></a></div> </div></div> <!-- ここまで --> </html>