PROFILE
Template
【テンプレ】 blanc papillon/papillon noir
テンプレ配布の第1弾。
HTMLはほぼ同じで、画像とCSSが違うだけです。
名前はカッコ良くフランス語だったりしますが、最近フランス語でカッコつけるのが個人的なブームなだけで、深い意味はないです。
意味はまんま「白い蝶」と「黒い蝶」です。
ヘッダーに蝶が飛びまくってます。ずっと見ていると気持ち悪くなるかもしれません。
このテンプレにはJavaScriptを使ってます。
たまに、記事内容少ないのに異様にサイド長くなって嫌になるじゃないですか、それ防止のために折り畳み形式にしてあります。
■blanc papillon/papillon noir DATA
・全体の幅:約740px/記事部分の幅:490px
・2カラム右サイドバー
・サイドコンテンツを表示させるJavaScriptを使用
□おすすめ広告設定
・blanc papillon
枠線:#2E2D44 背景:#2E2D44 タイトル:#ffffff 文字色:#ffffff URL:#CC99FF
・papillon noir
枠線:#D6ABAD 背景:#D6ABAD タイトル:#000000 文字色:#000000 URL:#990066
→blanc papillonのDL Sample
→papillon noirのDL Sample
簡単なカスタマイズをちょこっとご紹介します。
ブログって個人で使ってるヒト多いと思うんです。なので、当テンプレでは、「PROFILE」のリンクを押すと、プロフページに飛ぶようにしてます。
「複数で使ってるから、ユーザーリストを出したい!」って方は、
<div class="side_box">↑の赤文字部分を削除して、↓のようにしてください。
<div class="title"><a href="./?pid=1">PROFILE</a></div>
<!--
<!-- BEGIN profile -->
<div class="body">{user_list}</div>
<!-- END profile -->
-->
</div>
<div class="side_box">
<div class="title">PROFILE</div>
<!-- BEGIN profile -->
<div class="body">{user_list}</div>
<!-- END profile -->
</div>
◆リストを折り畳みたい
長くやってるヒトは月別アーカイブとかすごいと思うのですよ。そんなヒトは、
<!-- BEGIN archives -->↑のアーカイブの所を、↓の蒼文字・緑文字のように付け足してください。
<div class="side_box">
<div class="title">ARCHIVES</div>
<div class="body">{archives_list}</div>
</div>
<!-- END archives -->
<!-- BEGIN archives -->
<div class="side_box">
<div class="title"><a href="javascript:Hide('archives');">ARCHIVES</a></div>
<div class="dist" id="archives">
<div class="body">{archives_list}</div>
</div>
</div>
<!-- END archives -->
緑文字の部分は適当に好きな英数字にしてください。
何かあったら追加しますー。
<< はじめましてなのです。|MAIN|ブログサービスについてぼやく >>
Comment
はじめまして
とても素敵なテンプレで一目で気に入りました。
で、教えて頂きたい事があるのですが・・・
こちら様のテンプレを使用すると、解析結果は表示されなくなりますか?
JavaScriptというものの為なのでしょうか?
初心者ですみません。
もし宜しかったら教えて頂けますでしょうか?
宜しくお願い致します。
from: すう | 2007/02/03 9:02 PM
>すう様
はじめまして。
解析結果というのは、JUGEMさんの解析結果のことでしょうか??
使用しているJavaScriptは、サイドバーの内容を折り畳めるようにようにするだけのものなので、特に影響はないですよ。
ご安心ください(^^)
from: 冥 | 2007/02/03 10:58 PM
ご丁寧にお返事を有り難うございました。
私が勘違いをしていたみたいです;;
白と黒と、どちらを使わせて頂くか迷ってしまってます^^
有り難うございましたm(_ _)m
from: すう | 2007/02/04 12:11 AM
こんにちは。
初めまして、sararaと申します。
テンプレートを使わせて頂いてます。
すんごい綺麗で、すぐ気に入ってしまいましたヽ(*´∀`*)ノ
そして、今ゆっくりコチラにお邪魔したら
折りたたみの方法まで教えてくださってるんですね。
すごく助かります。
何とかならないかなーと思っていたので(*^ω^A;)
次回作も楽しみにしています。
ありがとうございました。
from: sarara | 2007/02/08 3:50 PM
>すう様
いえいえ。心配事は少ない方が良いでしょうし。
また何かありましたら、お気軽にどうぞ♪
>sarara様
テンプレのご使用ありがとうございますw気に入っていただけたようで、光栄です。
アーカイブのこととかは、私も以前は困っていたことなので、困っている人が他にも絶対いるだろうなぁと。
お力になれたのなら幸いです。
from: 冥 | 2007/02/09 10:03 AM
冥様
はじめまして
素敵で繊細なデザインのテンプレートを
作っていただき有難うございます
有難く使わせていただきます
またブログを始めたばかりなのですが
末永く使わせて頂こうと思っております
今後ともどうぞ宜しくお願いします
これからの新作も期待しております
from: ろず子 | 2007/05/02 8:13 PM
>ろず子様
ご使用報告ありがとうございます。
気に入って頂けたようで、嬉しいです。
今後も良いテンプレ作りを頑張ります。ありがとうございました。
from: 冥 | 2007/05/06 9:53 PM
何度もお邪魔させていただいて
失礼致します
URL変更しました
これからもよろしくお願いします
蝶蝶、とっても可愛くて
全然気持ち悪くなんてないです
美しい、の一言に尽きます
重ね重ね有難うございます
from: ろず子 | 2007/05/07 8:51 AM
>ろず子様
お褒めの言葉、ありがとうございます。
今後ともよろしくお願いしますね。
from: 冥 | 2007/05/08 10:36 PM
Trackback
トラックバックURL :
NEW ENTRYS
- 生存報告とか色々なお知らせ (12/28)
- 生存報告とお知らせと宣伝と (08/21)
- CSS Naked Day だそうです。 (04/09)
- gift (03/28)
- エントリが1ヶ月おきな件について (03/24)
COMMENTS
TRACKBACK
- JavaScriptメモ(3):しんぷるロールオーバー(追記:2007.6.29)
⇒ buggy_trekkerの学習帳 (10/24) - JavaScriptメモ(3):しんぷるロールオーバー(追記:2007.6.29)
⇒ Memoのメモ (08/23) - (追記:2007.8.29)IE7でbodyの背景が拡大/縮小されない!【IE7対策】
⇒ SOHOカアチャン通信 (06/09) - JavaScriptメモ(3):しんぷるロールオーバー(追記:2007.6.29)
⇒ WEB制作会社のメモ帳in徳島(ホームページ作成Tips) (11/18) - JavaScriptメモ(3):しんぷるロールオーバー(追記:2007.6.29)
⇒ btmup Blog [tech] (11/04) - JavaScriptメモ(3):しんぷるロールオーバー(追記:2007.6.29)
⇒ Bowz::Notebook (03/12) - Twitterな話。
⇒ COLORFULLIFE (05/16)
ARCHIVES
- December 2010 (1)
- August 2009 (1)
- April 2008 (1)
- March 2008 (2)
- February 2008 (1)
- December 2007 (1)
- November 2007 (1)
- October 2007 (1)
- August 2007 (1)
- July 2007 (2)
- June 2007 (10)
- May 2007 (4)
- April 2007 (9)
- March 2007 (16)
- February 2007 (17)