[sbテンプレート]1:column (blue) ver1.02

sb用テンプレート 1:column(blue)
ver 2.02 ..last update: 06.02.01
プルダウンメニューを使った1カラム


07.05.02
このテンプレートは配布終了しました。
よろしければ同じプルダウンメニュー型1カラムの un(Serene Bach版) をご利用下さい。

Related Archive

Comments

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

  • 050415
  • 咲哉

よっしゃー!人柱ー!

自宅かえって早速やってみよーっとw
(新し物好き)

以前、要望を出させていただいた甲斐がありました!!!
首を長くして待ってました。
さっそく使ってみたいと思います。ありがとうございました。

あたしも密かに待ってました☆
早速使わせて頂いてます♪
スッキリしてるし、やっぱ素敵♪

ユヅさん、いつもありがとうございます!!

ユヅさん、こんにちわー。私も密かに待ってました♪
なので、早速使わせてもらいました。
ほんといつもありがとうございます♪

こんにちは。
プルダウンメニューのテンプレ配布はじめたんですね。
1カラムはつくったことないですが、なかなかみやすいと思いました。今度挑戦してみようかな。

●咲哉さん
ウェルカム人柱。
メニューのカスタマイズも難なくできたようですね、さすがです☆

●ayuさん、hiroさん、やまとさん
こんにちはー。
「需要ないよなぁー」と思っていたのですが、拍手やコメントで根強く需要を訴えて下さった皆様のおかげでお披露目と相成りました(笑)
またお気付きの点などございましたら教えてくださいませ^^

●めけ。さん
こんにちは^^
見やすいですか、よかったです~(ホッ)
当初はクリックでサブメニューを開かせる形にしようとしてたんですが、サブメニューの移動が上手くいかなかったのと、1クリック面倒という声によりオーバータイプになりましたorz
めけ。さん作の1カラムも是非拝見してみたいです(*´ー`*)

こんにちは。
シングルカラムテンプレート完成したみたいですね。
おめでとうございます~。
以前の記事で、こっちもシングルカラム勉強して見たんだけど、テンプレート作るほどセンスが無い…^^;

すみません、RECOMMENDの表示なんですが、1件じゃなくて、2件、3件とは増やせないものでしょうか?

●みかんさん
こんにちはー^^
配布用にデザインをかえただけでJavaScriptやCSSなどの基本構成はかわってないんですけどね(笑)

●ayuさん
amazonの部分を囲むように<!-- BEGIN amazon -->と<!-- END amazon -->を入れて下さい。
↓のようなかんじで。
<!-- BEGIN amazon -->
<a href="{amazon_url}" target="_blank" title="{amazon_ProductName}"><img src="{amazon_ImageUrlSmall}" alt="{amazon_ProductName}" border="0" class="pict" /></a>
{amazon_ProductName}<br />
{amazon_comment}<br clear="left" />
<!-- END amazon -->

ユヅさんこんにちわ♪
1カラム配布待ち遠しかったので、とても嬉しいです。早速設定してみたのですが、2点助けていただきたいことが…
環境設定で「ページ」に3、「最新エントリ」に14を設定しているのですが、最新エントリのプルダウンは3つ表示されます。これを14表示するようにするにはどうしたらいいでしょうか?
それと、ユヅさんのエントリを見て、コメントリストの⇒を画像にしたのですが、サイズが合わないのか罫線とずれてしまいます。縦サイズを何pxにしたらちょうどいいのか教えてください(タグでサイズを変えずに画像の上下に余白をつけて調節しようと思います)。

ユヅさん、ありがとうございました。
多分、レイアウト上アマゾンの商品がいくつも表示されてると見栄えが良くない、という仕様なんだとは思ったのですが・・・。
無事、表示されました。ありがとうございました♪

  • 050418
  • sakura

ユヅさんはじめまして。
早速使わせていただきました♪

質問なのですが、タイトルを画像にしようとして、以前書かれていた通りにやってみたのですが、タイトルを画像にするとリストが閉じてしまい、うまくいきません。
私のやり方が悪いのかもしれませんが…もしうまく出来る方法があれば教えていただきたいです。

●山田さん
まずエントリー数は、
<div id="submenu_1" class="submenu"
onMouseOver="mopen('submenu_1')" onMouseOut="mclose('submenu_1')">
<div id="newentrylist">{selected_entry_list}</div>
</div>
この部分の、{selected_entry_list}を
{latest_entry_list}に変更してすれば解決すると思います。
罫線と画像については、IEの表示バグのため、OperaやFirefoxでは綺麗に表示されています。画像の余白調整をされるならば、縦を17pxになるよう5pxずつ上下に余白をつけてみてください。

●ayuさん
レイヤー処理にしている都合上、一部のブロックタグ(BEGINとか)をはずしていました。アマゾンのも一緒に外してたんですが、複数表示させる場合を忘れてました…(;´Д`)

●sakuraさん
すみませんが、その現象の起こっているURLを教えていただけますか?こちらに書きづらければ、WEB拍手の方にでも送っておいてくだされば私以外は見えませんので^^
タイトル画像のサイズや配置、何かタグがおかしい部分があるとか、色々原因は考えられますので実際に見てみないとわからないです;

こんばんわ。
さっそく使わさせていただきました。
ずっと1コラムさがしていたので大助かりです。
ありがとうございました。

うわごめんなさい;;アドレス入れるの忘れました;;

お忙しいところ申し訳ありません、お手数おかけします(wヌД`)

●sakuraさん
えーと、実際に崩れてる状態とソースを見ないとなんともーなのです…。
崩れてる状態にするのは抵抗あると思いますが、ロゴ画像入れてない状態なら正常なのでわかりません(笑)

タイトルロゴに使用した画像の高さが、タイトル部分より大きいんじゃないかなと勝手に予想してみます(笑)
もし高さの問題だと仮定すると、このテンプレートだと、
<h1></h1>と<div class="description"></div>を1つのdivでくくって、それにタイトル画像と同じ高さを指定してやれば直ると思います。

違うようなら今使ってるテンプレートを【別名で保存】して、今と同じものをもう1こつくって、そっちで再現してください。で、テンプレートのid(sb.cgi?tid=●●の●●の部分)を教えてもらえれば、今使ってるブログに適用させずに確認することができます。

本当にお騒がせして申し訳ありません;;
お忙しいのにお早いお返事で感涙しております。

これ以上は板汚しになる気がして他の方にも申し訳ないので、メールフォームの方に送らせていただきました。
自分でも色々やってみようと思います。

  • 050419
  • nao

ユヅさん、こんにちは!
1カラムのテンプレ、ステキですね♪早速・・と思いましたところ、すみません。
DL出来ないのですが、今ファイル変更中・・とかでしょうか?窓でIEでもDL・・出来ますよね?(汗)

ユヅさん、ありがとうございます。エントリ数は独自タグを変えれば良かったのですね。早速変えると希望どおりの表示になりました。
コメントリストの画像はIEのバグなんですね(^^;)こちらも縦17px画像に変更・ja.plの数値を直し再アップ&再構築してみたのですが、うまく合わないです…。(URLにキャプチャ置いてみました)Firefoxでずれるのは、たぶん私がブラウザで指定してるフォントのせいじゃないかな?と思うのですがIEはやっぱりよくわかりません。今はとりあえず15*15pxにしていますが、おとなしく記号に戻そうかと思います。
 いつも丁寧に対応していただいて、素敵なテンプレや素材と同じくとても感謝しております。いくらでも人柱になりますので(^^)これからもよろしくお願いいたします!

ユヅさん、、こんにちは!以前から読ませていただいていたのですが、コメントははじめてです。ドキドキ…
sbはじめたばかりです。そして憧れの1カラムのテンプレート、お借りしました!とっても素敵です(T^T)
ありがとうございました。
これからもがんばってくださいね。

●山田さん
プレビュー見て気づきましたが、アイコン画像にテキストが回りこんでないようなので、回り込みをタグ(text-align)かCSS(float)で設定してあげるといいかもです^^
vertical-align:middleでアイコンの縦位置の中央寄せができるんで、15pxでも中央位置になるはず・・・なんですが、それがIEだと崩れる場合があるんです^^;

●bukittyoさん
はじめまして、こんにちは^^
sbデビューおめでとうございまーす(パチパチ)
いろんなエントリを楽しんで書いてくださいね♪
温かいお言葉ありがとうございますです^^

ユヅさん、はじめまして♪

別カテゴリーでこちらの1カラムをお借りしました。
お借りして何日も経つのですが、今日になってプルダウンのリストが閉じられてしまう・・というsakuraさんと同じ状態になっている事に気づいたんですけど・・・;

ユヅさん、ありがとうございます!無事縦17px・vertical-align:middleでできました。何度もお世話になりありがとうございました。

●mikuさん
IE以外では正常に動いているようですが、一応バグ回避対策版を作ってみました。
こちら(link)からダウンロードして、試してみていただけませんか?
お手数ですがよろしくお願いします;;

●山田さん
あれでできましたかー!
よかったです^^

ユヅさん、有難うございました♪
閉じずにきちんと表示されるようになりましたv
お手数をおかけして、申し訳ありませんでした;

その後、メール等でも大変お世話になりました。
うまくいくようになりましたので、こちらでもご報告させていただきます。

お手数おかけしました。
ありがとうございました♪

2度目まして!試作を見つけたときから、
今か今かと待っておりました。
あの後すぐsb設置したものの、なんだか忙しくて
遠のいていたんですが、念願の1カラム!だし、
しかもHPの頃に夢見ていたプルダウンメニューだし!
やる気スイッチ入っちゃいました!どうもありがとうです!
これからも応援してま~す!(^^

初めまして
1カラムテンプレート素敵ですね♪
早速DLさせてもらいました
後、カスタマイズの方で
「リンクリストを別ページで一覧にする」を参考にさせてもらいました
ありがとうございました

●mikuさん、sakuraさん
上手くいってよかったです^^
こちらこそお手数おかけしました。

●hateさん
にどめましてー(笑)
お待たせしてしまってすみません^^;
1カラム意外に需要があってびっくりです。
やる気スイッチオーン!のきっかけになれたのならとっても光栄です^^

●みなみさん
はじめまして。
コメント有難うございます^^
テンプレ・カスタマイズ共にお役に立てていれば幸いです。
壁紙チェンジだけでも見た目が結構変えられるので、カスタマイズして楽しんでくださいね^^

夜更けにこっそりお邪魔します
テンプレートお借りします

こんにちは。1カラムのテンプレをDLさせて頂きました。
子どもの日記用ブログに使わせて頂きます。息子に変わってお礼に来ました。
ありがとうございました♪

ユヅ様

いつも拝見しております。
1カラムのテンプレート
お借りしました。

シンプルでとっても気に入ってます。大事に使わせていただきます。

TBさせていただきます。
今後とも宜しくお願いします。

こんにちは
1カラムのテンプレートをDLさせていただきました。
見にきてくれた方に、「かわいい」ってコメントもらってうれしかったです。
現在ちょこちょこいじってカスタマイズ中です。オリジナルのかわいさを壊さないように、がんばります(笑)

あ、ひとつ筆問ですが…
サブカテゴリーもメインのカテゴリーと同列で並んでしまいます。
leftからの位置を少し離すとか、サブってことがわかるようにしたいのですが、どうすればよいのでしょう?

●ちぇぶさん、パクマの母さん、Chou*Chouさん
こんにちはー^^
テンプレご利用報告有難うございます。
ブログをするお子さん、すごいですねー!^^
Chou*Chouさんのカスタマイズ、女性らしい上品なデザインになってステキですね^^
元のより数倍いいですよ(笑)

●chiguhaguさん
カテゴリーのリストのタグに関しては、sb本体が出力しているためテンプレートで変更ができない部分なんですよ~^^;
カテゴリー名にスペースを入れてずらすのが一番簡単かなと思います。あとはカテゴリリストをベースHTMLにタグで書いてしまう方法か。
これだとデザインは思いのままですが、自分で書き出さなきゃいけない分、タグがわかる人限定です^^;

1カラムのテンプレDLさせていただきました。
シンプルでいいですよ。
長く使いたい◎

先日サイトの別館用のブログに針ねずみのテンプレートをDLさせて頂きました。今回はこの1カラムのテンプレもとっても可愛いのでどうしても使いたくなり本館サイトもSB化にしたのでお借りしました♪可愛いテンプレをありがとうございます<(_ _)>

  • 050506
  • はにコ

はじめまして。
1wエwユwマのテンプレ、使用させていただきます!
シンプルでかわいいです♪

こんばんは♪
『桜』に続き、またまた使用させて頂きます(´▽`;
桜も散り始め、どうしようかな…と思っていた時なので本当に感謝しています♪
1カラムにするのは始めてなのですが、とっても気に入っています!
どうもありがとうございます。

  • 050520
  • pin

はじめまして。
この、テンブレに一目ぼれしてブログをはじめました。が、
ダウンロードすると、デスクトップに保存したプログラムがIEのアイコンになってしまいます。
どうしたらいいのでしょうか?
教えてください・・。オロオロです・・・・・・・・。

1カラムがステキだったので、sbブログをはじめました。テンプレート使用させていただいています。ありがとうございます♪

ユヅ様

先日は、かきこみをしていただいてありがとうございました。
貴重な方からの書き込みだったのに、結局見ることが出来ず、思わず涙がでました;;
せっかく書いていただいたのに本当にもうしわけありませんでした。
根本が解決しておらず、手放しで喜ぶことができませんが、とりあえず、諸悪の根源は、私のカスタマイズしまくったテンプレートも大きな原因であったようなので、(それなりに苦労したんですけどねえ;;)
それを捨てた所、動くようになったので(悲しい~;;)
気持ちを新たに、ずっと憧れていたこちらの1カラムをお借りしたいと思います。
これからもよろしくお願いいたします。

はじめまして。
ユヅさんのテンプレートを使いたくてsbにしてみました。
他のテンプレートも色々使いたくて悩んでしまいます…。
これからもよろしくお願いいたします。

●yumiさん、はにコさん、ゆきんこさん
こんにちは。
コメント有難うございます。
この1カラムはごくごくシンプルなつくりになっていますので、カスタマイズして個性を出して遊んでもオッケーですよぅ(*´ー`*)

●かおりさん
こんにちは。
針ねずみともどもよろしくお願いします^^
本館サイトもSB化ですか!
サイト構築にも使えて便利ですよねー♪

●ばるさん
桜も季節ものですからね^^
ピンクや和風が好きな方には季節問わず使っていただければとも思いますが(笑)
1カラムの使い心地にもご満足いただけてるようでよかったですー♪

●pinさん
保存したものはsb_1c_v100.lzhという名前になっていますか?
解凍が必要になるので(導入方法の「解凍」という文字から解説にとびます)、そのソフトが何もはいっていない場合は不明なファイル扱いされるかもしれません。
解凍ツールを入れた上で保存して、ツールを使って解凍してください。

●guemiさん
こんにちは~。
たいしたことは書き込んでないので気にしないで下さい(笑)
sb user group(パティオ)で、同じような症例の方の質問を何度か見かけていたので、参考になる記事があるかもしれませんよーという内容でした。
パティオの質疑応答の中では内部データの破損といわれていました(パティオで1970で検索すると出てくると思います。)
エラーにまけずがんばってください~;;

●桂さん
はじめまして^^
コメント有難うございます。
テンプレートは複数保存できるので、色々用意しておいて気分で替えるのもたのしいですよ^^

  • 050601
  • guemi

ユヅさ~ん!
ありがとうございます。ありがとうございます。
たいしたことないなんてとんでもない。
パティオで検索したくても、引っ掛からない私にとって、何で検索すれば良いのかっていうのは、貴重なヒントなんですよ~(^_^;)
ひとついじるとあっちが、またひとついじるとこっちが・・という感じで、いちいちツマヅイて前に進めない状態ですが、なんとかしたいと思っています(笑) どうもありがとうございました~(^^)/~~~

  • 050617
  • 羽原

ユヅさま、初めまして!素材サイトの方でもお気に入りで、今回sbのテンプレートをお借りしました。すごく可愛くて大好きです。
ところで、comments表示の時のみ、プルダウンメニューが表示されなくなるんですが、どうしてなのでしょうか。お忙しい所すみませんが、教えて頂けると助かります。アドレスは別に拍手の方で送らせて頂きます。宜しくお願い致します。

  • 050617
  • 羽原

↑すみません。当方の環境を書き忘れていました。
MAC OS9.2 IE5.1.7です。

●羽原さん
comments表示=個別エントリー表示なのですが、メニュー部分のタグだけでなく、他にも色々なタグが消えていますね。
テンプレートをカスタマイズされた際に、デフォルトでついていたコメントタグをいくつか消されてはいませんか?
出力されたHTMLでは隠れる要素なので、テンプレートファイルを見ないと何が消えているかこちらではわかりませんが、再度テンプレートを読み込んでみて、<!--BEGIN ●●-->や<!--END ●●-->といったコメントタグがなくなっていないか確認して、デフォルトの状態と同じようにコメントタグをつけてあげて下さい。

このコメントタグの区切りによって、トップページや個別エントリーで表示されるところ、隠れるところをsbが判断しているためです。

  • 050617
  • 羽原

ありがとうございました!無事直せました。
1カラムテンプレート、シンプルだけど細かい所で可愛くて好きです。また、エントリー部分の所とか違う雰囲気の1カラムテンプレが見てみたいです。

●羽原さん
無事なおったのですね、よかったですー^^
コメントタグは普通のHTMLだと消してもどうってことないんですけどsbだと致命的なんですよね;
1カラムはまた違う感じで考えておきます^^

  • 050701
  • しほ

いつも素敵な素材やテンプレート拝見しています。
とってもかわいい1カラムテンプレートを使わせて頂いているのですが構文エラーというのがでてしまいます。(蜂蜜もでてしまいました)
デフォルトのskinではでないのですが……。
色々やってみましたがどうにも解決できませんでした。ご助言等頂ければ幸いです。
link

●しほさん
うーん、こちらの動作確認環境(エントリ参考)ではいずれも構文エラーの表示がでてないんです^^;
しほさんちにあてたテンプレではなくて、こちらのサンプル表示や他のユーザーさんのところでも出ますか?

  • 050804
  • ふとみ

はじめまして。ぜひこちらの1カラムにしたくてDLに挑戦しているのですが、なぜかDLが出来ません。
配布はもうやめられたのでしょうか??

●ふとみさん
すみません、verup作業の準備のときにアーカイブを消してしまっていたようでリンク切れしていました。
もうDLできるようになっています。ご迷惑おかけしました;;

ユヅさん、こんにちは。
もう東京の方へ、お出かけでしょうか?晴れるといいですね。(曇りの方がいいかしら?)

またまたまた、テンプレをお借りしました。(笑)
blogペット&パーツを、ガチャガチャとたくさん貼り付けてしまい、1カラムにしてスッキリ収納(?)してみました。
ありがとうございました。

トラックバックもさせて頂きました。

はじめまして。
1カラムにリニュしたくて色々探していた所、こちらに辿り着きました。

メニュー部分などのカスタマイズに少々苦戦していますが(なぜか、カテゴリー部分だけがツリー化してくれなくて(T-T))シンプルでとても気に入ってます♪

ありがとうございました^^

●micoさん
レス遅くなりましたー;
向こうでは猛暑と雷と大雨に教われました…(笑)
ブログパーツすっきり収納!ですね^^

●neoさん
はじめまして。
1カラム意外と需要があったのかしら…(笑)
黒ベースにモノクロ写真でかっこいいデザインになってますね^^
カスタマイズがんばってくださいませ。

こんにちは。
MTからSBに替えて、テンプレートを探していたところ、すっきりした1カラムに一目ぼれしてお借りしました。
ありがとうございました!

●tottiさん
こんにちは。
乗り換えお疲れ様でした。
一目惚れなんて恐れ多いですが、かわいがってやってくださいませ。

テンプレートお借りしました。
写真専門ブログにしようと思い
いろんな、テンプレート探たうち
この1カラムのがシンプルで
気に入りました。

●swordfishさん
こんにちは。
テンプレご利用報告有難うございました。
フォトログをされるんですね^^
気に入っていただけて光栄です。

ユヅさん、こんばんは。
昨日はお世話になりありがとうございました。
もう一つのブログもテンプレを変えたのですが…
なぜか下のバーにエラーが出てしまうんです。
どうしてなんでしょうか…(T_T
立て続けにご迷惑をおかけして申し訳ありませんが
一度見ていただけないでしょうか。
よろしくお願いします。

こんにちは。
いつもお世話になっております。今回、プルダウンメニュー参考にさせて頂きました。どうもありがとうございました。

●ちぐみさん
もうテンプレート変更されたようなのでわかりかねますが、中身が空っぽのメニューがあったりしませんでしたか?トラックバックやコメントが1件もないとか。
プルダウンメニューの<!--BEGIN ●●-->と<!--END ●●-->の位置を、独自タグ({recent_trackback_list}とかのこと)の前後ではさむようにすると中身がなくてもエラーは出ません。
また、エラーと出ても実際に表示や動作に不具合を起こすものではありません。

●kmamaさん
こんにちは。
ご報告有難うございました^^

ユヅさん、こんばんは☆
たしかに…
中身が空っぽのメニューがありました。
毎回ありがとうございます。
体調のほうはいかがでしょうか。
おだいじになさってくださいね。

  • 060603
  • aky
  • レス必須

メニュー(ナビ?)部分を触れると現れる、ではなく、クリックすると現れる、というふうにはどうすればいいのでしょうか?JavaScriptはさっぱり分からなくて…;;

akyさん>
onmouseoverの部分をonclickにすればクリックで開くようになりますよー。
書き換えのときは下記間違いやタイプミスに注意です。

  • 060605
  • aky
  • レス不要

わわわ、とってもお早い回答どうもありがとうございました!早速試してみます★

ユヅさん初めまして。
green lettuceと申します。
素敵な1カラムのテンプレートお借りしました。
有難う御座います。
それで質問なのですが、IE7でプルダウンメニューをクリックしてもすぐに消えてしまいますが原因は何なのでしょうか。
他のブラウザでは正常に動作しています。
以前の記事(050419)も見ましたが、リンク切れでした。
お忙しいところ大変恐縮ですがご教授頂けると幸いです。
どうぞよろしくお願い致します。

greenさん>
こんにちは。IE7ですか、ちょっと確認してみて、修正できれば修正版をアップしたいと思います。
少しお待ちくださいませ><

greenさん>
SereneBach版でIE7の対応策を書いたのを思い出しました…。取り急ぎこっちを参考にしてもらったら治るとおもいます。

link

  • 070502
  • green lettuce
  • レス不要

こんばんは。
先程メール致しましたが、何とか自己解決出来るよう頑張ってみます。
迅速な対応に感謝ですm(_ _)m
有難う御座いました。

greenさん>
修正版アップできたのですが、いろいろ手直ししていたらデザインも変わってしまいました(ノ∀`)
unという名前でアップしていますが、プルダウンメニューなのは変わりませんので、IE7対応のunをご利用いただければと思います。
見た目はカスタマイズ前提で考えてあるので、前のものよりやりやすいはずです…たぶん;;

ユヅさん、こんばんはー。
実は先程、ブログが旨く動かなくてメールで質問を送らせていただいたのですが、
その後SBのフォーラムで同じ症状の方を見つけ、
プラグインを外していらない物を消したりしてみたところ、
無事に動きましたー;; 表示もキチンとされるようになりました。
使ってないプラグインは、いれっぱなしにしてはいけないことがよくわかりました><
お騒がせしちゃって本当にごめんなさい。

Comment Form

[icon]


Trackback

Trackback URI
このエントリーへのリンクを作成