Joomler!.net - Decided on Joomla!

Wiki or Wordpress? No it is JContentPlus.

Home » Blog » 2007
1 votes
Written by:Joomler! 7868 hits Saturday, 24 November 2007 17:35
content_view_38_40.jpg

今回は、メニューを作成してみましょう。

元のメニューは、よく見慣れたJoomla!をインストールするとデフォルトで選択されているテンプレートのメニュー(右側の画像)です。それを下のような横型のメニューに変えてみましょう

 

手順は、オンラインでメニューを作成してくれるサイト
「CSS MENU MAKER」
で作成したイメージとCSS Codeを利用してそれをJoomla!のテンプレートに適用します。

content_view_5_6.png

まず、下記サイトへ行ってください。

CSS MENU MAKER

cssmenumaker_com.jpg

今回は、横型なので右側のHorizontalの中から気に入ったメニュー左の「Customize」をクリック。出てきた画面の1番にメニューの数を入力します。面倒なので1でOKです。それから「Update your Menu」ボタンをクリック。2番の「Button Label」と「Link」は、いらないので「Generate Menu Code」をクリック

cssmenumaker_com_process_step3_php.jpg 

上のような画面が出てくるので「Click here to download image files」をクリックしてイメージをダウンロード。そして下の「CSS Code」欄の内容をコピーします。サイトテンプレートのCSSを開き、一番下部にでもペーストし、以下のように変更します。

css_before.jpg

css_after.jpg

のように変更し、ダウンロードしたイメージをサイトテンプレートのimagesフォルダに入れます。そして管理画面から、モジュール一覧を開き、変更したいメニューモジュールの設定画面を開きます。(今回はメインメニュー)設定項目の「メニュースタイル」でフラットを選択し、保存

以上で横型メニューができあがりました。

まだ、試していませんが、サブメニューのあるソースもダウンロードできますのでSublevelのメニューが欲しい方も工夫すればJoomla!に適用できるのではないでしょうか。

 
0 votes
Written by:Joomler! 6687 hits Friday, 23 November 2007 17:38

www_iconfinder_net_index_php_q=download.jpgまたまた便利なサイトを・・・

Downloadボタンを作成してみましょう。まず、下記サイトへ行って「download」で検索

iconfinder

気に入ったアイコン上の「Download」をクリックして保存します。「License」をクリックしてライセンスを確認し、さらに下記サイトへ行きます。

www_mycoolbutton_com.jpgMy cool button

4ステップでボタンを作成します。サイズを選び、色を決め、「Setup icon」のところで「Your icon」を選択。下の「Browse」をクリックして先ほどダウンロードしたアイコンを選択します。サイズなどを決め、ボタンに表示するテキストなどを設定し、上の「Apply changes」を押して仕上がりイメージを表示させ、OKなら「Download」。出来たボタンは、以下です。

www.STADTAUS.com_btn1198039.png

悩まずともこのパターンで一通りのボタンは、作成できそうです。

 
0 votes
Written by:Joomler! 7324 hits Thursday, 22 November 2007 07:21

www_quickribbon_com.jpgページの端っこにリボンがかかっているのをよく見かけるのですが、オンラインで作成してくれるところがありました。

少しではあるかと思いますが、テンプレート作成の一助にいかが?

QuickRibbon.com

 

 

ITProの記事Windows XP SP3にはInternet ExplorerとWindows Media Playerが含まれないそうです。願ったりかなったりなんですが、確認のために結局入れちゃうのでしょうね。ん? IE7は、入らないけどIE6は入ってるのかな・・・?それだったら意味無いなぁ。ん?もし、IE6が入ってるならIE6ユーザーが減らないってことか・・・。う~~んFirefoxにしてくれ。

 
2 votes
Written by:Joomler! 25626 hits Wednesday, 21 November 2007 17:18

fireshot.jpg先日の記事でご紹介したScreengrab!より強力に良さそうです。画質も綺麗だし、キャプチャーした画像にコメントをつけたり線を書いたり、さらにはShapeも描けて矢印を自在に描けます。これは、重宝しそうだ。エクステンションの説明もこのスクリーンキャプチャーのFirefoxのアドオン「FireShot」だけで完結できそうです。こりゃイイ!ただ・・・・日本語の入力が・・・コピペでしか入力出来そうにないです。変換する前に確定してしまって母音は入力できますが・・・。

Screenshot Studio 「FireShotのページ」

もうひとつ残念なことが・・・Windows版しか無いようです

 
0 votes
Written by:Joomler! 12698 hits Tuesday, 20 November 2007 17:59

quicklink_preview.jpgJoomla!1.5では、管理画面上部にPreviewボタンがありますが、Joomla!1.0.xではありません。管理画面に絶えず表示されていて欲しい物のひとつですよね。Joomla! Franceで配布されている「QuickLink Preview」モジュールを使えばJoomla!1.0.xでもプレビューボタンが表示されます。

Joomla!fr のQuickLink Previewページ

インストールは、通常のモジュールのインストールと同じです。

インストールしたら、モジュール>管理用モジュール>Previewを開き、公開をクリックしポジションをheaderにすると管理画面上部のメニューが並んでいる位置に現れます。並び方がおかしいときは、モジュール一覧画面で順序を上げ下げすればOKです。クリックすると別ウィンドウでサイトを表示してくれます。Joomla!1.0.xでは、ログアウトしないとプレビューできないので簡単なモジュールではありますが、かなり便利です。お試しあれ。

 
7 / 22

JContentPlus for Joomla!1.5 powered by Joomler!.net

joomler.net is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla!(R) name is used under a limited license from Open Source Matters in the United States and other countries.
joomler.net is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.