ランキング

最新記事30件


最新コメント30件

漫画


マイページ

ジャンル

RSS

検索


携帯版QRコード

※全機種に対応してるか分かりません

統計

総記事数:2512 件
総記者数:462 人
総コメント数:38,146 件

 

お手軽にCSS3のメニューを作れる「CSS3 Menu」



Webサイトの表示に20秒以上かかると、戻ってしまう という話は本当か分からないが、

デザインがいいWebサイト(GAGAZINEなど)は、ついつい いろんなところを見てしまうだろう。

その中で重要なものといえば、「メニュー」だ。

そんな、メニューバーを手軽に、また きれいに作るソフト「CSS3 Menu」を紹介しよう。

ショウサイ ハ イカ カラ
最初に言わせてもらうが、

CSS3 Menu」は有料です。

しかし、無料版もあるので 有料版と何が違うのかも紹介しよう。


さっそく起動してみよう。

2010y12m14d_230548910.png
まず、各ボタンから説明していこう。

2010y12m14d_230829519.png
左から、 新規作成 開く 保存

2010y12m14d_230927029.png




左から、 HTML形式でプレビュー(?) HTMLの検査(?)
※分かりません。 すいません。

2010y12m14d_231025292.png


左から ボタンを追加 サブメニューを追加 削除 ボタンの位置変更


どれもかしこも 使ってみれば わかる機能ばかりだ。
見た目も分かりやすい。

まずは、テンプレートから選んでみよう。

2010y12m14d_231212362.png
ダブルクリックし、左側に表示されたと思う。

2010y12m14d_231220115.png


文字を入力したければ、点の枠をダブルクリックして入力または、
下のBOXの「Text」というところに入れても適用される。
(Linkは したの入力欄でしかできない。)

また、文字の左側にアイコンを追加することもできる。
2010y12m14d_232306119.png

(追加したいアイコンをダブルクリック)


2010y12m14d_232323402.png
(追加したい大きさをダブルクリック)

2010y12m14d_232329896.png
追加するとこのようになった。


さて、今 ここまで紹介してきたのは 無料版だが 有料版とは何が違うのかと言うと

「テンプレートや、アイコン等の種類が増える」だろう。


しかし、無料版でも 十分クォルティの高いものが 作ることができることに違いはない。

だが、CSS3に対応していないブラウザでは表示できないことが最大の難点だ。

-------------------------------------------------------------
Links
-------------------------------------------------------------
CSS Menu

今回のメニュー(GAGAZINE)のサンプル
-------------------------------------------------------------

カテゴリ: ソフトウェア
2010年12月14日 23時39分42秒 Posted by クワッサー ( 3,696 PV ) 勢い:2


この記事の評価
クワッサー 記者の過去記事
 TubeFireのニコニコ版?Nicofire
2010年08月25日 00時54分52秒 | PV( 5025 ) | コメント( 11 )
 動画を着ムービーに無料で変換してくれるサイト
2010年08月28日 20時56分18秒 | PV( 4521 ) | コメント( 3 )
 自分の好きな武器を作れるサイト
2010年09月05日 12時18分43秒 | PV( 6759 ) | コメント( 11 )
 月額105円でレンタルサーバをレンタル可能にロリポップ
2010年09月07日 21時23分59秒 | PV( 3318 ) | コメント( 7 )
 ビデオ会議通話が可能にSkype5.0beta
2010年09月13日 20時26分13秒 | PV( 5760 ) | コメント( 33 )
もっと見る

コメント(リンクの記載「http://」は行えません)
1 名前:名無し@ガガリアン 2010/12/14(火)23:41:43. ID: 5d487a9ep
今現在
>今回のメニュー(GAGAZINE)のサンプル
がまちごうとる
xが1個多いがな
2 名前:名無し@ガガリアン 2010/12/14(火)23:42:04. ID: 5d487a9ep
訂正
dが1個多い
3 名前:名無し@ガガリアン 2010/12/14(火)23:42:46. ID: 2901fa06p
>>1
>>2
大急ぎで修正しますた。
失礼しました。
4 名前:名無し@ガガリアン 2010/12/15(水)07:06:35. ID: bfde2a4cp
良記事乙
末尾の「クォルティ」も訂正しといた方がいいかも

見た目はかっこいいけど、雨後のタケノコ状態で、
似たようなデザインが増殖したりするんだよなぁ
5 名前:名無し@ガガリアン 2010/12/15(水)10:36:01. ID: ed362d24p
いやーやっぱりこういう記事がないとね。
けど俺はこういうのに頼らず自分で作るのが好きw
6 名前:名無し@ガガリアン 2010/12/15(水)19:10:12. ID: ba17bcdap
いい記事だ。
記者乙!
7 名前:wholesale nfl jerseys from china 2017/07/02(日)02:26:31. ID: cf2b2402p
Thanks a bunch for sharing this with all people you actually realize what you're talking approximately! Bookmarked.postcheap nike nfl jerseys, Kindly additionally visit my site =). We may have a link exchange contract among us!
wholesale nfl jerseys from china https://www.2016cheapnfljersey.cc