1カラムのテンプレート

シングルカラムを試作してみた。
配布用ではなく構成を試したかっただけなので基本デザインは一緒。
上部のメニューにカーソルを載せると、各リストがサブメニューで表示されるようになっています。リストを表示した際に、表示中のエントリーを移動させたくなかったのでこういう方法にしました。
▼05.04.15追記
[sbテンプレート]1:column(blue)として配布を始めました。
  • 最初はクリックでリストを開かせていたものの、MacNN7.0でカーソルを移動させた際にリストが閉じてしまうのでマウスオーバーに。
  • リストの横幅が長くなると思われるエントリー、コメント、トラバのグループと、短めと思われるカテゴリー、アーカイブ、リンクのグループで表示するサブメニューのCSSを分けて横幅を調整。
  • プロフィールは、ユーザーリストが1人の場合はリスト出す必要がないと思うので直接プロフィールページへ飛ばす(サンプルはこれ)もしユーザーが複数いる場合は短い方のサブメニューを適用。
  • RSSやコピーライトはフッターに収納

以下のブラウザで正常に動作確認をしています。
winXP: IE6.0 / NN7.1 / Opera7.53 / Firefox1.0
MacOS9 : IE5.2 / NN 7.1

# 色々試行錯誤しつつすべて書き終わったところで、結局マウスオーバーならプルダウンメニューと基本的に同じでよかったんじゃないかと気づいたっていうチラシの裏…orz
JavaScriptの勉強にはなったので良しとしよう…(´Д⊂ウェェェン

Related Archive

Comments

コメントエリアをスクロールする / スクロールを解除する

  • 050308
  • 咲哉

ネスケ7でも気になる動作はしてませんが、
ネスケに限らず、
ENTRIESのプルダウンの部分、
項目名が長いと日付だけが2行目に入っちゃったりして、
そこはリンクないので、それが気になったり…

でも、シングル絡むも新鮮ですね…
文章読むって意味では見やすいかも

ツリー化あわせてみました。
それでも折り返すのは、単にうちのテンプレ系のエントリーのタイトルが長すぎるんだと思います(笑)
幅はCSSで変えられるので、件名が長い人は少し長めに設定しておくといいかもですね。

  • 050308
  • 咲哉

ハッ!

シングル「絡む」って!(苦笑)

ツリー化するとすっきりでいいですね。
JavaScript苦手な自分なので
さくさくっとできるのうらやまー!

シングルカラムもつかってみたいなぁ

シングルカラム、とってもステキです。私は是非使ってみたいです!この前コメントさせていただいたばかりだったので感動しちゃいました♪
私はすっきりしてシングルカラムが新鮮かなぁ~と思っています。

私もシングルかラムが欲しくて先日拍手からリクエストさせていただいていたところなので、こんなに早くに対応してくださってとても嬉しいです。(拍手送った後に、他の方のコメントにレスなさってるのを見て、要望少なそうなのにお願いしてしまって申し訳なく思っていました)
winXPNN7.1でお邪魔してみましたが、特に変な動作などはありませんでした。
是非配布していただきたいです。

すっきりして素敵ですね。
ぜひ配布していただきたいです。
お願いします♪

| |д・) ソォーッ…
いいですよ とっても
横がゴチャゴチャしてて
ユヅさんとこ見てやってみよう!
と思い立ったんだけど
(ノ_-;)ハア…めんどくさい
テンプレあったら楽ちんだな
なんてずるいことを考えてました
(*/∇\*)キャ

ユヅさん、こんにちは!
すごくいいです!!
こんな感じのまとまったskinがほしいなぁって思ってたので
ぜひ配布希望です!
ぜひぜひ★

OSXユーザーです!Safari、IE5.2、ネスケ7.1で確認しましたが特におかしなところはありませんでした。最近ブログを始めたのですがcssさわるだけで精一杯です・・・。

コレ好きかも。
どうしてもblogって2カラムか3カラムが多いけど、コンテンツを扱うには既存のwebサイトに慣れているせいでわかりにくいんですよね~
プルダウンだとマウス操作のクリックが増えるので個人的にはあんまり好きではなく、このシンプルさにはサブメニューの方がスッキリしていて良いと思います。

シングルカラムいいですね~。

●咲哉さん
普段何を変換しているのかつっこみたい(笑)
さくさくじゃなかったですよ~。
私も苦手なので、どういう形にしようか悩んで色々試していたらまる一晩かかりました…。

●sakanaさん
こんにちは。
思うようなシングルカラムになってますでしょうか。
新鮮さはありますよね。ブログっぽくない感じも^^

●山田さん
先日は拍手でコメント有難うございます。
ちゃんと見ていますよー^^
一応考えてはみたのですが、デザインをちょっと変更して、最初はテスト版で配布って感じになると思います。

●さかこさん
最初は人柱版になると思いますが(笑)
デザインもちょっとかえつつ準備しますねー

●towaさん
わたしもすごく面倒くさかったです(笑)
私めちゃめちゃ面倒くさがりなのに、やってみたい好奇心だけ強いんですよね…おかしいなぁw
あ、でもメニューの数が変える場合は、ユーザーさんで作業してもらう部分が色々出てきますので頑張ってください(笑)

●ヒロさん
こんにちはです~^^
意外に需要があったのかしら!
もうちょっとテストをしてからになりますので待っててくださいね^^

●しんどうさん
OSXユーザーきたー!!
動作確認有難うございます。OSX持ってないのでテンプレ作るたびに、サファリとかにドキドキなんですよー><
CSSは便利なんですが時々頭痛くなりますね(笑)

●かなめさん
一番最初にブログ見た時に何をどうしたらいいのかさっぱりだったことを思い出しました(笑)エントリーが長文の方にはシングルカラムもおすすめですね^^
配置の問題で自分でメニューを増やす場合は他の部分も書き直す必要があるのが手間ですが;;

●gonさん
こんにちは。
エントリーのテキストをとにかく見せたい!て人にはおすすめです★

  • 050316
  • boo

はじめまして。
最近sbを設置してシンプルなテンプレートを
探していましたところw」w」w」(♪
こちらのシングルカラムに出会うことが
できましたぁ。
配布希望します。(希望度200%)

●booさん
こんにちは~
200%も有難うございます(笑)
配布にむけて準備はしているのですけども、メニュー部分をカスタマイズする方法が割りとややこしいので、その説明をどうやろうと書きあぐねている状態です(ノ∀`)
気長にお待ちくだされば幸いです。。。

  • 050318
  • liz

はりねずみのシングルカラムが希望かも!なんて・・・
シングルカラムってわたしはみやすくてだいすきなんです。すてきですね。

はりねずみ大人気ですねーw
アイコンをハリーにしたものも考えておきますね(笑)

こんばんわ。
わざわざお越し下さってありがとうございました♪
シングルカラムのテンプレですが、あらかじめメニュー数のパターンを作っておくという手はどうでしょう?
それでもやはりメニューの設定マニュアルなんかは必要になってしまいますけど(^-^;

あとウチで使っているドロップダウンメニューでの問題は、ブログピープルなどのボックスの縦幅固定(スクロール指定)していて中にリンクがあると、ドロップダウンメニューが重なった場合メニューが閉じてしまうという問題があります…。
z-indexで上下の配置を変えればいいのかと試してみたんですけど、ダメでした。
カスタマイズする時などは色々気をつけて作らないと、どういう症状が出るかわかりづらいかもしれませんね…。

ドロップメニューだけのプラグインでしたらみかんの箱日記さんで配布されてるようですね。(カテゴリーのみかな)

●繭さん
こんにちはー^^
数パターン用意…、その手があったかー!ヴァージョンアップする時は死ねそうですね(笑)

カスタマイズした場合や、他のスクリプトと併用した場合に何が起きるのか想定できないのと、その場合の対処ができるかどうか自信が無いのが踏み切れない一因でもあります…。
サポートなし、人柱版でよかったら好きにしてーなんですけど(笑)

みかんの箱日記さんのも拝見してきました。ステキなプラグインが出たものです(*´Д`)
現在はカテゴリーのみのようですね~。任意に設定できれば、私のテンプレは配布しなくて済むなーなんてちょっと思っ(ry

最近sb使いたいなーと思ってた矢先、
こちらへたどりついちゃいまた。
シングルカラム、素敵ですね!
しかもサブメニューの出るこの感じ、
昔HP時代にやってみたかったものと同じで、
是非とも配布希望しますヨ!
配布されたら、まぢsbに移行しようかなぁ(^^

  • 050406
  • 翔代

はじめまして。
シングルカラム、素敵ですね。
是非使ってみたいです。
ここのテンプレは使ったことがないのですが、友人がよく使ってるのでお名前は知っておりました。
また覗かせていただきます。

  • 050414
  • ぷぅ。

初めまして♪
シングルカラム、是非是非配布して下さい。
色合いやデザインがとっても素敵です。
気長にお待ちしてますのでよろしくお願いします。

Comment Form

[icon]


Trackback

Trackback URI
このエントリーへのリンクを作成
050314
MTでもマウスオーバー | Smart-Lab.Remix
【blog*citron】さんのこちらのエントリを見てからというもの、MTでもJavascript使ってマウスオーバーで今までのコメントやトラックバックが一覧表示できないものか…と悩んでたんですが、どんだけググっても師匠が見つか...
050324
メニューの改造でどっとお疲れ(-x-;) | GypsyMode
ドロップダウンメニューの実験でIEだけが動作がおかしくて保留にしてたんだけど、原因がわかったので実験的にこのテンプレを使用してみました~。ついでにデザインも変更。春っぽく…したつもりなんだけど模様が雪...
050404
シングルカラムという選択 | みかんの箱日記
1カラムのテンプレート | blog*citronふむふむ。プルダウンの形でカテゴリーだけではなく、メニュー全体をプルダウンで選択できるようにするものらしい…。すげーメニューって言うのは、デフォルトでは左についている...