XOOPS

最近更新がすっかり滞っていました。
今日までの山があったもので。先ほど乗り越えてきました＾＾

とかなんとかいいながら、色々チェックはしているのですが。
NucleusでのWebサイト構築を考えている途中にXOOPSという
コミュニティ構築用のソフトウェアの存在を知りました。
いや、正確に言うと知っていたけど、中味は見てなかったということになるんですけど。こいつが色々と強力なかんじ。

すぐにコミュニティサイトの構築が可能みたいです。(サーバーが条件に適合していれば)うたい文句は5分でOK！でしたからｗ


今後は、NucleusとXOOPSを用いて何かやってやろうかなぁと日々構想を練る訳ですが、どうなるかは乞うご期待です。


CSSでのグローバルメニュー。。。まだ追記してませんね。
ホントは、コピーすればすぐなんですけど。

後で時間があると思うので、やってみます。



CSSでのWEB構築面白いですよ～＾＾
Tableで組んでしまって、後で柔軟性に欠けてしまったりとかないですから。
お勧めします。SEOなどの観点から見ても、デザインと、文書構造の分離が出来て良いみたいですから。


今行っているWEBのリニューアルも、少し前にCSS 対応にしたのですが、不完全な部分が多かったため、構築し直しています。Hタグの使用や、テキストリンクなどに注意を払いつつ、デザインをしていく。
柔軟性があり、デザイン変更もそれほど難しくないような気がします。
何しろ、HTMLはいじらずに、CSSを変更するだけで、デザインを全て変更することも可能なわけですから。といっても、文書構造を変えたい場合は無理ですけどね。


自分の労力削減のためにも、是非チャレンジしてみることをお勧め致します。

Firefox

最近になって、ブラウザにFirefoxを導入してみた。
いままでSleipnirを使っていたので、移行にかなり抵抗あり。

デザイン、使い勝手もだいぶ違うんですけどね。
でも、Pluginで機能拡張っていうのが、結構面白いかと。

NucleusでWeb構築初めて少々時間がたち、Pluginという概念にも慣れてきたので、
感覚としてはそれにちかいものがありました。
使い勝手も、慣れればいい＾＾

Firefox：http://www.mozilla-japan.org/products/firefox/
Sleipnir：http://www20.pos.to/~sleipnir/
Nucleus：http://japan.nucleuscms.org/

どれもよいソフトです。
Nucleusはサーバー持ってる人じゃないと使えないけども。。。
Nucleus関連のTipsも公開できればいいかな。とはいっても、まだまだ勉強の身ですけどね。
日々精進。
とはいえ、昨日は台風の中、つまらないバグで一日つぶれてしまいました（涙

今月のWeb Designing

にて、CSSの特集が組まれてますね。
まだしっかり読んでませんが、ざらっと広範囲をさらってる感じです。
初心者にはとっかかりやすいかも？
でも、情報量が多いので、こまるかもしれませんが。

このサイトで構築しているHTML　＆　CSS も、ログがたまってきたら、それを統一して一つのHTMLにしてみたいと思っています。

こつこつコピペしていけば、そのうちサイトができあがっている！
みたいなイメージ(笑

まぁ、画像とかは自分で用意することになりますけれども(画像の容量少ないので申し訳なし)


ブログ人口が増えて、デザイン指向な人も多くなってくると思います。
ついでにSEOも考えて、やっぱりCSSだ！って思う人も。
自分のスキルの備忘録として、
そして、自分が躓いた茨を、飛び越えてくれるように願いサイト構築していますので、今後ともよろしくお願い致します。



さーて、ココログに登録してみよっかなー(笑

CSSを使った横型メインメニューの実現

本日は、CSSをつかったメニューの作り方です。

HTMLおよび、CSSは今まで利用の物に追加する形で記述して構いません。


ここからコピー部分です。
＊＊＊
DIVで囲ったglobal menuを、HTMLのはめたい部分にコピペして下さい。
前回使ったHTMLの
<div id="container">

</div>
この間に入れることが望ましいです。


＊＊＊コピー開始！(HTML)

<!-- Start header_mainmenu -->
<div id="header_mainmenu">
<ul>
<li>メニュー１</li>
<li>メニュー２</li>
<li>メニュー３</li>
<li>以下、好きなように・・・</li>
</ul>
<!-- End header_mainmenu -->
</div>

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

＊＊＊コピー開始！（CSS)
div #header_mainmenu ul li{
width:100%;
display:inline;
text-align:left;
text-decoration:none;
}
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

なんと、これだけです。
メニューとしてはこれだけで十分ですね。
以上、本日のテクニックでした＾＾