- date
- 060422
- category:
- template > Serene Bach用
- author:
- ユヅ
bon voyage!(3カラム) [Serene Bach用テンプレート]
Serene Bach用テンプレート bon voyage!ver 2.01 ...last update: 06.04.27
サンプル表示・個別エントリ表示
3カラムのシンプル&爽やかマリン風。
▼利用の前にお読み下さい
・使用素材画像の当テンプレート以外への使用はご遠慮下さい。
・再配布はご勘弁願います(カスタマイズ後も含む)
・このファイルを利用して起こったいかなる損害も保証は出来ません。
・出来るだけ最新verをお使い下さるようお願いします。
▼以下の環境で動作確認をしています
winXP: IE6.0 / NN7.1 / Opera8.5 / Firefox1.53
Mac : IE5.2 / NN 7.1
▼テンプレートの使い方
ダウンロードしたファイルを解凍して出てきたテキストファイルを、ログイン→[設定メニュー]テンプレート→「インポート」で読み込んで完了!
▼カスタマイズについて
・カスタマイズは自己責任においてご自由にどうぞ。
・著作権表示は、blog*citronという名前とリンク先URLに間違いがなければ、文章や位置の変更は自由です。やむをえない理由でない限りはできるだけ残しておいてほしいなあと思います。
▼update
- 2.01(06.04.27)
IEのバグ対策- 2.00(06.04.22)
2.00として配布開始
DOWNLOAD(LZH形式)
Comments
コメントエリアをスクロールする / スクロールを解除する
ユヅさん、はじめまして。
ゆず♪と申します。ずいぶん前からお邪魔しては色々なコトを参考にさせて頂いておりました。今回あまりにテンプレートがかわいくさっそく使わせていただきました。ありがとうございました。ゆず繋がりと言うことでこれからもよろしくお願いします。
ゆず♪さん>
はじめまして。
ゆず繋がりさんいらっしゃいませですー(*´ー`*)
テンプレート、さっそく使ってくれてるんですね^^ありがとございまーす♪
とってもかわいいテンプレート、早速ダウンロードしてしまいました!
いつも素敵なテンプレありがとうございます~。
ところで、インポートして気付いたのですが、「bc011_line.gif」という画像が表示されません。templeteフォルダの中を見たら、どうやらその画像が入っていないようです。
もし、私の環境の問題だったら申し訳ありません! アドバイスいただけると幸いです。
よろしくお願いします。
ゆうりさんと同じくその画像が表示されませんでした…
ゆうりさん>
こんにちはー
ご報告ありがとうございます。修整のお知らせ記事の方に画像をアップしておきましたので、お手数ですがそちらをアップロードしてくださいますでしょうか。
すみませんー(⊃д⊂)
咲哉さん>
テンプレメーカーの画像リストみたらちゃんと入ってて、リンク切れもしてなかったんですけど謎です_| ̄|○
テンプレファイルの方も念のため作り直しておきました。
大丈夫かなー(´・ω・`)
新しくアップしてあるDLファイル
今確認してみたら「予期せぬエラーが」ってでたので
エディタで開いたら中身普通のHTMLになっちゃってます…
_| ̄|○モウヤダー
何度目かの正直でうp。
ウス!チャレンジしました!
今度は大丈夫でしたー
ご報告までー
ユヅさん、こんばんわ。
こちらのテンプレの可愛くて
一目ぼれですw
配布を待ってましたので、
とっても嬉しいです^^
早速DLさせて頂きました。
すてきなテンプレをありがとうございます!
画像をアップして、無事表示されました。素早い対応ありがとうございました!
かおりさん>
こんにちは。
ご利用報告有難うございます~^^
可愛がってやってくださいませ^^
ゆうりさん>
ご報告有難うございました^^
こんばんわ、いつもお世話になってます。
今回のマリンテンプレート、早速DLさせてもらいました。
これから夏の間、使わせて頂きます。
ありがとうございました!
お久しぶりです。
新作・テンプレート出たんですね!!
早速、お借りします!!
爽やか~~~
で、いい感じです。
葉子さん>
コメント有難うございました^^
凛さん>
こんにちはですー^^
ご利用報告ありがとございます。
夏の終わりまで改装をサボれます(笑)
コチラのテンプレをお借りいたしました♪
素敵なテンプレありがとうございましたぁ~
イカリにトリコロールがまさにツボです~
はじめまして(^∀^*)
bon voyage!DLさせていただきました♪
今の時期にピッタリなとっても素敵なテンプレに感激です~♪
大切に使わせていただきます。
どうも有難うございました(o*。_。)oペコッ
はじめまして。
スキンの可愛さにSBに乗り換えて、マリンのスキンをDLさせて頂いたのですが、画像だけがどうしても表示されません。
SBのサイトなども見て回ったのですが、原因が分からない為書き込みさせて頂きました。
画像を表示させる為にはテンプレートのCSSなどを書き換えなくてはいけないのでしょうか?
アドバイスなど頂けますと幸いです。
よろしくお願い致します。
mi-★さん、凛々さん>
コメント有難うございました^^
かずささん>
URLがないので実際に確認することができないので憶測になりますが・・・テンプレート用の画像用フォルダのパーミッション設定が適切でないとか。
あるいは、設定しているテンプレート用の画像用フォルダと実際にアップロードされている場所が異なっているとか。
画像は{site_parts}ファイル名.gifという呼び出しURLになっていて、このsite_partsの独自タグには設定したテンプレ画像フォルダまでのパスが入ります。
そのため代入されたアドレスと実際にアップされているアドレスが異なるとリンク切れになるわけです。
FTPソフトで画像(bc011_line.gifなど)がどこにアップされているか確認して、次に管理画面ではなくブラウザからソースとCSSを開いて画像のhttpからはじまるURLが一致しているかを確認してみてはいかがでしょうか。
ユズさん、直ぐのご回答ありがとうございます。
また、URLを文中に書かずに申し訳ございません。
私が使っているサーバーはロリポップなのですが、そちらではパーミッションの777が禁止されている為、テンプレートフォルダを700に設定していたのですが、試しに777に設定しなおしてみたら表示されました。
直ぐのご回答、本当にありがとうございました。
一目ぼれしたスキンだったので、大切に使わせて頂きます!!
そしてすみません。
クッキーを有効にしてしまっていた関係で、「レス必要」のまま送ってしまいました。
本当にすみません><。
はじめまして。こちらのテンプレートをおかりして今、カスタマイズ中です。色々と調べてやってみたんですがどうしてもうまくいかないので質問させて頂きます。
本当に初歩的な事かもしれませんがお願いします
記事内容部分の文字サイズを変更したいのですが
body div {
margin: 0 auto;
font-family: 'Hiragino Kaku Gothic Pro W3', 'ヒラギノ角ゴ Pro W3', Verdana, 'MS Pゴシック', sans-serif, Osaka;
text-align: left;
こうなっている部分に
font-size: 10px;
color: #476688;
というのをつけたしました。
カラーが反映されないのと10pxにするといつも見ている10pxよりも遥かに小さくなりました
後、何故か記事が飛びとびになってしまいます。(変更後)反転すると出てくるといった感じです
編集途中ですがアドレスいれておきます。
指定する場所が間違っているのでしょうか?お時間おる時にお返事お願いします
りんさん>
こんにちは。
えっと場所が違いますね。
body divはほぼすべての場所に共通する設定をまとめているところです。
そこで10pxとしてしまうと、本文のフォントサイズは70%と元々違う場所で指定してあるため、10pxの70%で7px程度のサイズになってしまっているとおもいます。
/* エントリー */とガイドをいれてあるところの
div.entry_body, div.entry_moreが記事の本文と続きの設定です。
ここを下記のように変更すれば良いかと思います。
div.entry_body , div.entry_more {
margin: 0;
padding: 0 10px;
font-size: 10px;
color: #476688;
line-height: 1.6em;
width:368px;
}
お返事早くにありがとうございます。
そうですよね。よく考えればエントリーなのに全然手前ばかりいじってました。簡単な事なのに丁寧に有難うございました
テンプレートお借りしたお礼も遅くなってすいません。有難うございます^^
ユズさん、こんにちは!
テンプレート、いつも可愛いのっばかりですねぇ。
今回のやつ、一目ぼれです。ちょっとカスタマイズしてお借りします♪
テンプレート使わせていただきます。
とってもステキなデザインですね。
青と赤のライン使いが最高です♪
また、コメント欄に「お返事は必要?」という項目もイイです!勉強になります!!
はじめまして
テンプレート、使わせていただいてます。
実は、私の使っているブラウザは
Firefoxなのですが、IEで見ると
レイアウトが崩れて見えてるんです。
(左のサイドバーの位置がすれる)
ブラウザによって違うものなのでしょうか?
Bxiさん>
こんにちは。
おそらくお使いのブログパーツが左のサイドバーの幅より若干大きいために落ちていると思われます。
中身が各ブロックより大きい場合はサイドバーが落ちますが、ブラウザによって違うのは、幅の計算がIEだけ異なっているためです。
サイドバーのwidthだけではなくて、設定されているpadding(内側への余白)も関係します。
例えばwidthが200でも子要素に左右余白のpaddingが10pxあれば中身は実質180pxとなります。
ブログパーツがフラッシュが多いのでサイズをこちらで見ることができずどのパーツが原因かはわかりませんが、1つずつ外してみると確認できると思います。
早速のレス、ありがとうございました。
やってみます。
これからもテンプレート、使わせてくださいね、ありがとうございました。
きのうのIEだとサイドバーが下がって表示される・・・のBxiです。
原因はタグフレンズでした。
CSSの幅を変えたら、全体のレイアウトが崩れてしまいますか?
変えてもOKな場合、どこをいじればいいのでしょうか?
Bxiさん>
1箇所の幅は全体の幅に影響するので、1箇所だけ変更するのではなくて他の場所もそれにあわせて変更してあげる必要があります。
CSSの/* レイアウト */のところがそうです。
navi1、navi2がサイドバー。
mainは中央、wrapはmain+navi1、inboxはwrap+navi2となります。
inbox = wrap(main+navi1) + navi2
といった感じ。
(サイドバー落下防止のため、inboxとwrapに10pxずつ余裕を持たせています)
taitleとcalenderとfooterのwidthはinboxの値に揃えてください。
例えばサイドバーを170pxから200pxにするとしたら、navi1とnavi2を200pxに、wrapを630px、inboxを840pxとなります。
以前からカスタマイズでお世話になっています。今回はテンプレートをお借りしました。
カスタマイズの段階でページエラーが出て、今調べている途中なのですが、先に御礼をと思いまして。遅くなりましたが、ありがとうございました。
こんばんは
bon voyage!(3カラム) のテンプレートお借りしました。
プラウイングのナビがうまくいかないのですか?
このテンプレートの場合は書き換えたりするのでしょうか?
ユヅさまもしわかるようでしたら 教えていただきたいのですが・・
宜しくお願いします。
瑞稀さん>
こんばんは。
プラウイングって何だろうとしばらく考えたんですがプラグインのことでいいのかな?(笑)
プラグインの場合、ただインストールすればいいだけではなくて、プラグインの機能をテンプレートで表示するために各独自タグを追記してあげる必要があります。
プラグインファイル内や、配布元のエントリなどに書き換える場所は記載されていますので、そこを参考にテンプレートを書き換えてあげてください。
ただ、編集中のテンプレートは本人しか見られませんので、質問をされる場合は『どこで配布されている何というプラグインで、何をどうやって上手くいかなかったのか』といった詳しい情報を添えた方が答えやすいと思います^^;
こんばんわ。
こちらのbon voyage!(3カラム)のテンプレート少々カスタマイズさせて使わせていただいております。
実は非常に恐縮なのですがそのことについて質問があります。
ページの幅を変えて使わせてもらっているのですが中央の幅を広く使いたかったので幅を増やしたのですが記事を投稿した場合、投稿した記事の文字がカスタマイズする前の初期の幅程度になったら改行されてしまいます。
自分としては端から端まで広く使いたいのですがどうすればよいでしょうか?
大変ご迷惑とは思いますがお暇な時でよろしいのでご教授願えたら幸いです。
kuwajimaさん>
記事幅のwidthは別に指定してあるので(winIE6でのCSSバグ用の対応です)、そっちも修正する必要があります。
レイアウトのfooterの下に、div.entry_body, div.entry_more, div.profile_body という項目があるので、そこをwidth:585px;にして下さい。
paddingやmarginを変更していなければ、#mainのwidthマイナス50の数値でOKです。
kuwajimaさんの場合は#mainが635ですから585となります。
どうもわざわざお答えいただきありがとうございます。
数値を変えてためさせていただきましたが幅が広く使えるようにはなりました。
あと、少々使ってみて分かったのですが記事にフォントサイズを変更するタグを使って投稿しても反映されないのですが反映されるようにするにはどうすればよいでしょうか?
文字を太くするのは出来るのですが…
恐縮ですがまたご教授お願いいたします。
また続けて質問で申し訳ないのですが2ちゃんねるなどのAAを記事に投稿してもどうしてもずれてしまうのですがこちらの方もなにか解決策がないでしょうか?
続け続けで申し訳ないです…
kuwajimaさん>
まずフォントサイズについて。
* {
margin: 0;
padding: 0;
font-size:100%
}
のところを、
* {
margin: 0;
padding: 0;
}
html {
font-size:100%;
}
にしてみて下さい。
AAについて。
グーグルで検索してみたところ、AAはMS Pゴシックの表示を前提として書かれているそうです。
記事本文のfont-familyにMS Pゴシックを指定したり、line-heightを詰めてみたり、任意の表示に近いような工夫を試されてはいかがでしょうか。
大きなAA用に行間を詰めると、通常の本文が読みづらい場合もあるのでAA用のスタイルを指定したclassを作って個別に指定してあげるのもいいかもしれません。
お忙しい中わざわざ答えてくださりありがとうございます。
申し訳ないですがまた質問になってしまうのですが今度はフォントのサイズを大きくしたら文字が重なってしまう場合があるのですが何か解決方法はないでしょうか?
重ね重ねすみません…
kuwajimaさん>
div.entry_body,div.entry_moreのline-heightが20pxと固定されているのが原因ですね。
ノートを思い浮かべていただいて、罫線と罫線の間のサイズがこのline-heightだと考えてください。
ノートの罫線を超えるような大きな文字をかけば、前の行と次の行にかぶってしまいますよね。
今はそんな状態になっています。
line-height: 1.5;あたりにされてみてはいかがでしょうか。
ここでは単位をつけないのがポイントです。
1以下は重なってしまいますので1以上の数値を指定して下さい。
どうもお答えいただきありがとうございます。
どうにか解決いたしました。
長々と質問に答えてくださりありがとうございました<(_ _)>
こんばんわ
今までこちらの金糸雀 のテンプレを
使わせていただいてたんですが
今度3カラムに変えよと思い
またこちらの3カラムテンプを
お借りしました。
少しカスタマしてしまうと思いますが
すみません^^;
いつも素敵なテンプレをありがとうございます。
このたびリニューをするので、遅ればせながら使わせて頂きますm(_ _)m
これからも更新頑張ってください。