MENU
グラフィック・Webデザインを学んでいる学生に向けた、基礎から就活に関するお役立ちサイト
  1. ホーム
  2. Web制作支援
  3. 素材豊富なWEBボタンジェネレーター

素材豊富なWEBボタンジェネレーター

Web制作支援

久々に使用してすごいと思ったジェネレーターを紹介します。

≫http://www.izzymenu.com/

ボタンジェネレーター

CSSとHTMLとimagesを豊富な素材＋ユーザーの設定で何通りものパターンが作れるジェネレーターです。同様のサイトはいくつも存在するのですが、何がすごいってインターフェイスのわかりやすさ、動作の速さ、ボタン画像素材の豊富さが最大のウリかと思われます。ボタンジェネレーター

基本操作は左側の入力欄で行います。右パネルの上タブにある「Menu Structure」でボタンの名前・リンク先が指定できます、「Menus Catalogue」でボタンの画像デザインが選択できます。表記は英語ですが、わりかし直感的に触っていけると思います。
設定を右のパネルに反映したい時は下の「Generate!」をクリックするとボタンが更新されます。
設定が全部完了したら、「Download」をクリックするとZIPで圧縮されたデータがダウンロードできます。中身を確認すると「IzzyMenu.html」「images|DR」「chrome.js」「IzzyWebsite CMS|DR」のファイルが格納されています。
「IzzyMenu.html」にはHTML及びスタイルシートも一緒に記述してあります。
「images」にはボタンの画像が入っています。
「chrome.js」にはロールオーバーの設定などが書かれています。
「IzzyWebsite CMS」は？？CMS用のカスタマイズが入っているのかな、基本的には使用しなくても大丈夫。
なので、上記3つのファイルを自分のサイトに移植してあげればOK、「IzzyMenu.html」の中に書かれたCSSは別ファイルで管理しているのであれば、そっちにコピー。「chrome.js」も同様他のJSファイルに移植するのであればコピー、htmlを移植して「link rel」でCSSとJSにリンクを貼るのを忘れずに。

例：<head></head>の間に記述
<link rel="stylesheet" href="http://サイト名/css/import.css" type="text/css" media="all" />
<script src="./js/system.js" type="text/javascript"></script>

HTMLやCSSの技術がある方はある程度形ができたら、ダウンロードして組み込んでしまった方が早いかもしれませんね。
最近のジェネレーターっていうものは、なんというか色々すごいです。一度試してみてください。
≫http://www.izzymenu.com/

Web制作支援
css サイト紹介 メニュー
よかったらシェアしてね！
  • URLをコピーしました！
  • URLをコピーしました！

デザイン系のスキルを身につけるサポートをしてくれるオススメサービス

Adobeをお得に自分のペースで学びたい方にオススメ

Adobe Creative Cloudをお得に始めたい方へ。
アドバンスクールオンラインは、Adobe公認のプラチナスクールパートナー。通信講座を受講することで誰でも学生扱いとなり、社会人の方でも学割価格【68,800円（税込）】でフル機能のCreative Cloudを利用できます。IllustratorやPhotoshop、Premiere Proなど人気ソフト11講座がセットになり、質問し放題で1年間じっくり学習可能。学習ノルマはなく、好きなタイミングで受講できるので、デザイン・動画制作・イラスト・ゲーム開発など幅広いクリエイティブに挑戦できます。個人での商用利用も可能なライセンス。今こそ学割価格でAdobeを活用し、スキルアップを実現しませんか？

未経験からWebデザインを学んで手に職をつけたい方にオススメ

『Fullme』は、100万部以上のデザイン本を手掛けたingectar-eが講師を務めるオンラインデザインスクールです。「けっきょく、よはく」など人気書籍のノウハウをもとに、分かりやすく実践的なカリキュラムを提供。バナーやLP制作から、UI/UXやコーポレートサイト制作まで幅広く学べ、プロによる添削で実務力を磨けます。レッスンはビデオオンデマンド形式なので、仕事や子育てと両立しながら自分のペースで受講可能。デザイン初心者からキャリアアップを目指す方まで、スキルと表現力を同時に伸ばし、転職・副業・フリーランスへの一歩を後押しします。

未経験からWebマーケ転職を実現できる!デザインとマーケで手に職を!!

業界TOP1％のWeb広告代理店が運営する、未経験からでも安心して学べるWebマーケティングスクールです。講師はすべて現役のWebマーケターで、最新のノウハウをもとに完全個別指導を実施。生徒一人ひとりの目的やレベルに合わせて最適なカリキュラムを提案します。単なる知識の習得にとどまらず、実際のマーケティング業務を体験できる「実践講座」も用意しており、現場で即戦力として活躍できるスキルが身につきます。500社以上のマーケティング支援実績を通じて蓄積したノウハウを凝縮した独自の学習プログラムで、転職・副業・フリーランスなど多様なキャリアをサポート。さらに、転職支援コースでは、紹介企業への入社で受講料が「実質0円」になるキャンペーンも実施中です。未経験から新しいキャリアを築きたい方、自分の市場価値を高めたい方に最適なスクールです。

関連記事

目次