<< 雄弁な涙と寡黙なキス | main | 8ペンスの恋 >>

#2007.04.20 Friday    スポンサーサイト

一定期間更新がないため広告を表示しています


| - | - |

#2007.03.13 Tuesday    最愛の他人
新作テンプレです。
でも黒背景テンプレではないです
あれは一体いつになったら完成するのかな?それは俺にも謎です。

で、新しいやつは、また知り合いの女の子に頼まれて作ったものです。
「不思議の国のアリス」のティーパーティーっぽくしたかったんですが、
でもなんだか……どこが?って感じになってしまったような。


【最愛の他人】



→SAMPLE
→DOWNLOAD

右2カラム。
全体的には結構シンプルだと思います…たぶん


サイドメニューのアーカイブ・コメント・リンクの3つは、今回もスクロールバー付きです。
それぞれ高さ100px以上になるとスクロールバーが出ます。
要らんって場合は、html内の該当箇所の「linkbar」と書いてある部分を「linktext」に書き換えれば、バーは出なくなります。

基本構造は「flirty vanilla」と同じなので、
カスタマイズとかで分からない点などありましたら、まずはflirty vanillaのほうのコメント欄を参照なさってみてください。

| template | comments(15) |

#2007.04.20 Friday    スポンサーサイト

| - | - |


comment



ボン
またまたテンプかわいいですね。
ナツさんのテンプレの中で、どれにしょうか迷ってます(^0^)
html内でアレンジでチャレンジしてるのですが、スクロールを消したら
文字が大きくなったります。
とカレンダーも追加したいのですが、なかなかレースの
上に重なったりと、苦戦してます。
宜しくお願い致します。



ナツ
>ボンさん

こんばんは。
新作、お気に召して頂けたようで嬉しいです。

カスタマイズして文字が大きくなってしまうのは、
恐らくスクロールバーとは無関係のところも弄ってしまっている可能性が高いです。

例えばリンク部分のスクロールバーを消す場合は、
html内の以下のタグ、

<!-- BEGIN link -->
<div class="linktitle">
<img src="http://zyniker.img.jugem.jp/20070312_296067.png" border="0" />
</div>
<div class="linkbar"> ←
{link_list}
</div>
<!-- END link -->

この矢印の部分の「linkbar」を「linktext」に書き換えてください。
他のところはそのままで構いません。


それとカレンダーについてですが、
まずhtml内のカレンダーを挿入したい箇所に、

<!-- BEGIN calendar -->
<div class="linktitle">CALENDAR</div>
<div class="linktext">
<div class="calendar">
<table border="0" cellspacing="1" cellpadding="0"><tr><td class="weekday">S</td><td class="weekday">M</td><td class="weekday">T</td><td class="weekday">W</td><td class="weekday">T</td><td class="weekday">F</td><td class="weekday">S</td></tr></table>
{calendar}
</div>
</div>
<!-- END calendar -->

のタグを追加なさってください。
<>は全て半角に直してくださいね。
それからこれは横一列型のカレンダーではありませんので、右サイドバー内に設置してください。

そしてCSS編集で、

.calendar {
font-family: "Verdana";
font-size: 9px;
color: #999999;
letter-spacing:1px;
margin: 0px;
padding: 10px 0px 10px 0px;
text-align: center;
}

という部分があると思いますので、こちらは消してください。

それから新たに、

.calendar {
font-family: "Verdana";
text-align:left;
line-height: 160%;
margin-bottom:20px;
}

.calendar table {
width:80%;
margin-top:0px
margin-left:0px;
text-align:center;
}

.weekday { padding: 2px;}
.cell { padding: 2px ;}
.cell a:link {font-weight: bolder;}

こちらを追加なさってください。

これでカレンダーが表示されるようになると思いますので、お試しになってみてください。



CHIKA
初めまして。以前からこちらのテンプレやブログを見るのが好きで、ちょこちょこ覗かせて頂いてます。
「flirty vanilla」のスタイルが大好きなのだけど、わたしにはちょっと甘すぎるなあと思っていたのですがこれはほどよく可愛くシンプルで、嬉しいです。
是非お借りしようと思っているのですが、ひとつだけお聞きしたいことがありましてコメントさせて頂きました。

メニューに使われているフォントの種類は何でしょうか?freespaceを使用する際に統一させたいと思っているので、差し支えなければ教えてください。



ナツ
>CHIKAさん

初めまして。
以前からいらして下さってたとのことで、ありがとうございます。
ホント何もないブログですが、暇つぶし程度にでもちょこっと楽しんで頂ければ幸いです。

「flirty vanilla」は、リクエストしてきた友達の好みでかなり甘めに作ってあるので、結構好みが分かれそうですよね(笑)
俺としてはやはり白背景が一番好きなので、こういうのは作りやすいです。

ご質問のフォントの件についてですが、
「Amazone BT」というフリーフォントを18pxで使用しています。
ダウンロードはこちらのページ内からできます。
http://www.highfonts.com/freealpha.asp?bok=A&p=7&f=0

それでは、また何かありましたらいつでもいらして下さいね。



ボン
ナツさん何度もすみません!
詳しくいつも本当にありがとうございます。
ずうずうしく、もう一つお願いしたいのです。
メインの横幅と全体的に広くしょうと戦ってるのですが、
どうしても、画像がきれたりします。
とうとうナツさんの所へ来てしまいました@0@
宜しくお願いします。



ペコ
こんにちは。一つ質問させてください。
このテンプレート、可愛いので是非使いたいと思ったのですが、レビューで書いた記事の商品画像と右側の商品の説明の部分との間が空いてしまうのです。
私はテンプレに関してはよく分からなくて、どうしようもないので質問させていただきました。
よろしくお願いします。



ナツ

>ボンさん

こんにちは。
ご質問の横幅に関してなのですが、
両サイドのレースは片側ずつ設定してあるのではなく、
現在の横幅(800px)にぴったりのサイズの1枚絵で作って背景画像として設定しているので、
横幅を広げるとどうしても画像のズレが生じてくると思います。
ですので横幅を広げる場合は、
ご面倒かとは思いますが、画像のサイズも画像ソフトで変えてみてください。



>ペコさん

こんにちは。
商品画像と商品の説明の部分(商品名とかのことですよね?)との間が空くということですが、
こちらでレビュー投稿して確認してみたところ、
一応こちらでは普通になったと思うのですが…
こちらの環境ではこんな感じです。
http://zyniker.img.jugem.jp/20070321_299189.png (スクリーンショットしたものです)

もしかすると環境とかによって違ってくるのかもしれませんが、
その辺りは正直よく分かりません、申し訳ないです。

商品画像と商品説明部分に関しては、
テンプレが干渉できるのはフォント色やリンク色に関する部分だけで、
あとは全てJUGEMのほうで設定されているようですので、
現段階ではテンプレによってその隙間の幅を変えたりすることはできないと思います。
お役に立てず申し訳ありません。



sarara
初めまして。こんにちはー。

軽く一目ぼれをしてしまいまして、
早速使わせて頂こうと思っています。
・・・そこで、気が付いたのですが
newエントリーが出ないんですね?
これを出す方法はありますか??
良かったら教えて下さい。よろしくお願いします。

あ、ビックリしたんですがBDが同じです(*´・ω-)b



ナツ
>sararaさん

初めまして。
テンプレお気に召して頂けたようで、ありがとうございます。
newエントリー、自分が使わないものでテンプレにもつけてないことが多いです、すいません…

newエントリー機能を追加するには、html編集で、

<!-- END archives -->

という行の直下あたりに、

<!-- BEGIN selected_entry -->
<div class="linktitle">
<img src="http://zyniker.img.jugem.jp/20070330_302491.png" border="0" /></div>
<div class="linktext">
{selected_entry_list}
</div>
<!-- END selected_entry -->

このタグを追加なさってください。


ところで誕生日が同じなんですか?偶然ですね、ビックリです!



sarara
ありがとうございます!!!
助かります。。。っていうか、嬉しいです。
早速お借りしてupしたいと思います。

急にパリジェンヌになった気分になれそう。

そうなんですよ。同じ誕生日です。
よろしくお願いします〜(*≧∀≦)



ナツ
>sararaさん

テンプレご利用下さったようで、ありがとうございます。
これ、パリジェンヌっぽい…ですかね?(笑)

こちらこそよろしくお願いします(´∀`)



熊ねぇ
初めまして。
とても気に入りこちらのテンプレを使わせてもらってます。
それで教えてもらいたい事がありまして。
私の場合トラバをしたりされたりがけっこうあるんですがナツさんのテンプレにはトラバ機能が付いてないんです。。。
自分で付けようとしたのですがうまくいきません。。。
初歩的な質問で本当に申し訳ないのですがトラバの付け方を教えてもらえないでしょうか?
忙しそうなので心苦しいのですがよろしくお願いします。



ナツ
>熊ねぇさん

初めまして。
テンプレご利用いただけて嬉しいです、ありがとうございます。
トラックバックを貰えるようにするには、まずhtml編集で、

<div class="entry_state" align="right">
{entry_date}&nbsp;|&nbsp;{comment_num}&nbsp;|&nbsp;{category_name}&nbsp;|&nbsp;<a href="javascript:scrollTo(0,0)" onclick="softScrollBack();return false;" title="このページの上へ▲" />▲</a>

と書いてある部分があると思いますので、それを、

<div class="entry_state" align="right">
{entry_date}&nbsp;|&nbsp;{comment_num}&nbsp;|&nbsp;{trackback_num}&nbsp;|&nbsp;{category_name}&nbsp;|&nbsp;<a href="javascript:scrollTo(0,0)" onclick="softScrollBack();return false;" title="このページの上へ▲" />▲</a>

に入れ替えてください。

そして、そのもう少し下のほうに、

</div>
<!-- END trackback_area -->

という箇所があるかと思います。
その直前(<!-- END comment_area -->のすぐ下)に、

<!-- BEGIN trackback_area -->
<a name="trackback"></a>
<div class="entry" style="border-bottom:none;">

<div class="entry_date">Trackback</div>
<div class="entry_body">
url: {trackback_url}
</div>

<!-- BEGIN trackback -->
<div class="entry_title">{trackback_title}</div>
<div class="entry_body">{trackback_excerpt}</div>
<div class="entry_state">
| {trackback_blog_name} | {trackback_time} |
</div>
<!-- END trackback -->

↑このタグを追加なさってください。


そして右サイドバーにトラックバックのメニューを設置するために、

<!-- END recent_comment -->

と書いてある部分のすぐ下に、

<!-- BEGIN recent_trackback -->
<div class="linktitle"><img src="http://zyniker.img.jugem.jp/20070407_305490.png" border="0" /></div>
<div class="linktext">
{recent_trackback_list}
</div>
<!-- END recent_trackback -->

このタグを追加してみてください。


以上の手順でトラックバックが設置されると思いますので、
お試しになってみて頂ければと思います。



熊ねぇ
ありがとうございました!!
こんなに替える箇所があったんですね(T_T
どおりで出来なかったわけだわ・・・(^^;
親切に書いてくれたので私でも出来ました。。。
本当にありがとうございました。
お仕事がんばってくださいね(^^



ナツ
>熊ねぇさん

自分がトラックバックを使わないもので、
テンプレにもつけてないことが多くって…。
お手数おかけして申し訳ありませんでした。
設置、うまくいったようでよかったです。
こちらこそありがとうございます、まだまだ不慣れなことばかりですが、頑張ります(´∀`)


コメントする