<< グラリ、君に揺れて | main | 今夜、星屑の下で君と >>

#2007.04.20 Friday    スポンサーサイト

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


| - | - |

#2006.12.09 Saturday    いつかのあの日
新テンプレ。

【いつかのあの日】



シンプル&カラフル。
背景が水色のストライプなのでちょっと爽やかさもある……かもしれない。
ピンク系のドットとかに変更すれば、もっと甘くなるかも。

いつもAmazonタグは入れてないことが多いんですけど、今回はつけてます。
コレクション感覚でペタペタどうぞ。

→SAMPLE
→DOWNLOAD

ver1.1 (12/09)

動作確認はいつも通り、1024*768のOperaとIEでのみ行ってます。

Amazon機能イラネって方は、htmlの一番下のあたりにある
<td width="109" valign="top">
<div id="ama">
(中略)
</td>

この部分を削っていただければ右端のAmazon欄ごと消えて、普通に2カラムでご使用いただけます。


引用文はラインで囲まれる設定にしていますが、もしその右側の線がAmazon欄左側の線とぶつかってしまう場合は、CSS編集で、blockquoteタグ内の
width:435px;
の数字の部分を、425くらいに変えてください。


| template | comments(62) |

#2007.04.20 Friday    スポンサーサイト

| - | - |


comment



ちょこ
初めまして!
このテンプレをお借りしたんですが、記事のタイトルの色を変えたり、時間を表示させたりと、ちょこちょこカスタマイズさせてもらったのですが大丈夫でしょうか(><)??
教えていただければ嬉しいです!



ナツ
>ちょこさん

はじめまして。
テンプレご使用いただいてありがとうございます(´∀`)

色を変えたりなどのカスタマイズについては、勿論構いません。
リンクだけ残しておいていただければ嬉しいですが、あとはどんどんお好みに合わせてカスタマイズしてやってください。

よろしくお願いします(・∀・)ノシ



ちょこ
お返事ありがとうございます!
もちろんリンクは残してありますのでv
ナツさんの作ったテンプレはかわいいものばかりですごく気に入ってます♪
ではでは、これからも頑張ってくださいv



ナツ
>ちょこさん

ありがとうございます。励みになります!
また新しいテンプレ作りたいと思います(`・ω・´)

これからもよろしくお願いします(´∀`)



はじめまして、「いつかのあの日」、お借りしたいと思いますm(__)m

ところで、このテンプレは、「jugemの設定」でいうところの
「ブログの説明」(サブタイのような)部分の表示が
されていませんよね??
これを表示させるには、どんなタグを入れたら良いでしょうか?

他のテンプレのHTMLも見てみたのですが、わからなくて…
教えていただけましたら、幸いですm(__)m



ナツ
>純さん

はじめまして。
テンプレダウンロードしていただいてありがとうございます。

ブログの説明を表示させるには、

まずhtmlで

<!-- BEGIN title -->
<h1 class="site_title">{blog_name}</h1>
<!-- END title -->

という部分がわりと上のほうにありますので、
そこを

<!-- BEGIN title -->
<h1 class="site_title">{blog_name}</h1>
<div class="description">{blog_description}</div>
<!-- END title -->


↑これに入れ替えてください。

それから、CSS編集で

.description {
color:#666666;
font-family: "Verdana";
font-size: 10px;
letter-spacing:1px;
margin: 5px 0px 5px 25px;
}


↑このタグを付け加えてください。
これでブログタイトルの下に説明が表示されるようになると思います。
お手数ですが、試してみていただけると幸いです。
よろしくお願いいたします(´∀`)



倖樹
はじめまして、少し前にこちらのテンプレートに惚れて以来ずっと使わせてもらっています。「いつかのあの日」も使わせてもらいますね。
amazonの欄が表示されるのが私としてはとてもありがたいです。

こちらを知って、ナツさんのブログも覗かせてもらってます。なんとなく、考えさせられることがあったりして、興味深く読ませていただいてます。ナツさんの作るテンプレも好きですが、ナツさんの文章も、なんていうか空気感がいいなあと思います♪
ところで、ナツさんって男の方なんですね!こんなかわいいテンプレ作る人なんで、女の人かと思ってました;;

では、ご挨拶までに。失礼します。



ナツ
>倖樹さん

初めまして、こんばんは。
テンプレ使って頂いてありがとうございます。
「いつかのあの日」はamazon欄を活かすためにベースをかなりシンプルに削いであるので、
どんどんオシャレなCDや本を紹介なさってください(´∀`)

空気感ありますかね?バカなことばかり書いてますけど、でもそう言って頂けるととても嬉しいです。俺も小説とかは透明感のある文章がすごい好きです。

そうです、男なんですw 女性かと思ったとよく言われます(ノ∀`)
jugemは本当に女性ユーザーが大半を占めてるみたいですねー。男のブログに遭遇したことがほとんどありませんw

コメントありがとうございました。
俺もそちらにちょくちょく遊びに伺いたいと思います!



ご丁寧な解説をいただき、ありがとうございました!m(__)m
早速試してみました。バッチリ(死語)表示されました(^▽^)v

さて、度々教えてちゃんで申し訳ございませんが…
表示されたサブタイトルと、『profile』の画像(ピンク色の文字)を、
もう少し行間を開けて表示させるには、どのようなタグを使えば
良いのでしょうか?
<BR>や<br />を挿入してみたのですが、うまく行かなくて…。
もし、お気が向かれた時にでも、教えていただけましたら幸いです。

倖樹さん同様、わたしもナツさんの書く文章、とても好きです。
テンプレをお借りしにあがったことも何かの縁と思い(勝手に)、
これからも拝読いたします(^ー^)



莉緒
はじめまして。莉緒といいます。
甘すぎない、素敵なテンプレートに惹かれてやってきました。
「いつかあの日」を使わせて頂こうかと考え中です。

ところで、このテンプレについて少し質問(意見?)があるのですが…。
amazon機能なんですが、CDはキチンと正方形に表示されてますが、
本やDVDのレコメンドを入れると、画像がぺしゃんと潰れてしまうんですが…
これは、私のパソコンのせいなのでしょうか?
もしも潰れないように表示する方法があるのなら教えて頂きたいし、
あるいは潰れてしまうようになっているのならキチンと表示されるほうが
見栄えも良いかなぁ…と思うのですが。

突然やってきて不躾な意見、すみませんっっ。



ナツ
>純さん

あああすみません!コメント頂いたのに見逃してて、お返事がかなり遅れてしまいました(;´д`)
本当に申し訳ありません。

ご質問の件についてですが、CSS編集で

.blogtitle {
width:218px;
height:260px;
}

という部分があると思います。
そのheight:260pxの数字の部分を変えていただければ、今よりも行間が開きます。

だいぶお返事が遅くなってしまったので、お役に立てず申し訳ありませんでした…。
俺も純さんのブログを拝見しました、読み応えがあって面白かったです。
また遊びにお邪魔すると思うので、よろしくお願いいたします。



>莉緒さん

はじめまして、こんにちは。
ご来訪ありがとうございます。

amazonの件についてですが、莉緒さんの仰るとおり、商品画像がCDのように正方形に近い形をしていない場合、潰れてしまいます。
これはCSSで、amazonの画像表示を横幅・縦幅、ともに70pxで固定しているためです。

固定している理由としましては、amazonを表示しているスペース自体が109pxにしてあるため、それよりも大きい商品画像を載せた場合はデザインが崩れる恐れがあるからです。

これを潰れないようにするには、
html編集で、下のほうに

<td width="109" valign="top">
<div id="ama">
<!-- BEGIN amazon-->
<div class="amazon">
<a href="{amazon_url}" target="_blank" ><img border="0" src="{amazon_ImageUrlMedium}" alt="{amazon_ProductName}" class="amazon_pict" name="amazone" /></a>
</div>
</td>

という部分があると思いますが、そこを


<td width="109" valign="top">
<div id="ama">
<!-- BEGIN amazon -->
<a href="{amazon_url}">
<img src="{amazon_ImageUrlSmall}" border="0"></a><br /><br />

<!-- END amazon -->
</div>
</td>

↑これに入れ替えてください。

通常の大きさの本やCDであれば、これで恐らくデザインも崩れずに表示されると思います。

ご意見ありがとうございました。
俺も今対処法を色々調べてみて、勉強になりました。今後の参考にさせて頂きたいと思います。

お役に立てましたら幸いです。
今後も何かありましたらいつでも仰ってくださいね。



莉緒
少し前の方に更新された記事に意見を付けてしまったのに、
迅速勝つ丁寧なお返事、ありがとうございました。
ご指摘の通りにやってみましたところ、
きちんと本やCDの大きさ通りに表示することができました。
ありがとうございました!

また素敵なテンプレを楽しみに待っていますね!



ナツ
>莉緒さん

いえいえ、こちらこそありがとうございました!
表示もきちんとできたようで、お役に立てて良かったです。
今後はそのあたりも考慮してテンプレを作っていきたいと思います。

またいつでもいらしてください!



ペコ
はじめまして!
こちらのテンプレに一目惚れして使わせていただいてます♪

ところで、超初心者な私からいくつか質問なのですが、
本文中に画像を貼ったときの、画像に付く枠をなくすには
どこをどう変えればいいでしょうか?

それから、ブログタイトルと本文の文字をもう少しずつ大きくしたいのですが、それはどうすれば?

ちなみに、フリースペースで増やした分のフォントも、
「profile」などの可愛いフォントとそろえたいのですが・・・
例えば「RSS」とか「mail」とか、なんとかなりませんか?

いくつもお願いして申し訳ないです(滝汗)
フォントに関しては出来れば、でよいので。
お返事お待ちしてます♪♪



ペコ
何度もワガママをすいません(汗)

サイドに、NEWエントリー記事タイトルを表示させたいのですが・・・
それからトラックバックも・・・

何度も注文ばかりすいません!!



ナツ
>ペコさん

はじめまして!
テンプレご利用頂きありがとうございます。

まず一つ目、画像の枠についてですが、
CSS編集で

.pict {
padding: 3px;
border: 1px solid;
}

という部分があると思います。
そのborder: 1px の数字の部分を、0pxにしてください。
これで枠が表示されなくなるはずです。

ブログタイトルと本文の文字の大きさを変更するには、
まずブログタイトルはCSS編集で

.site_title {
color: #666666;
font-family: "Verdana", "Osaka","MS ゴシック","ヒラギノ角ゴ Pro W3";
font-size: 12px;
letter-spacing: 3px;
line-height: 160%;
margin:1px 10px 5px 20px;
}

このタグ内の、font-size: 12px;の数字の部分をお好みで変えてください。

本文の文字を大きくするには、同じくCSS編集で

.entry_body {
font-size:10px;
line-height:170%;
letter-spacing: 1px;
padding: 0 15px;
margin-bottom: 10px;
width:455px;
text-aligh:left;
}

このタグ内の、font-size; 10px; の数字の部分を変更してください。
ただ、これだと記事の本文のみしか大きくならないので、
他の部分(例えば記事内の引用文なども)の文字も大きくなさりたい場合は、
CSS内全ての「font-size:10px」の数字を同じように変更してください。メモ帳などの置き換え機能を使うとラクかもしれません。


RSSとmailのタイトル画像も作りました。
http://zyniker.img.jugem.jp/20070102_271262.png (←RSS)
http://zyniker.img.jugem.jp/20070102_271260.png (←mail)

サイドにNEWエントリー記事を表示させるには

<!-- BEGIN latest_entry -->
<div class="linktitle"><img src="http://zyniker.img.jugem.jp/20070102_271261.png" border="0" /></div>
<div class="linktext">
{latest_entry_list}</div>
<!-- END latest_entry -->

こちらのタグをhtmlに追加なさってください。

トラックバックは

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

こちらをhtmlに追加することで表示されるようになると思います。

長くなりましたが、試してみていただけると幸いです。
よろしくお願い致します。



ナツ
>ペコさん(追記)

NEWエントリーとトラックバックの画像については、このコメント欄から直接クリックするとエラーになりますが、
そのままコピペしていただければ実際のブログでは普通に表示されると思います。
一応こちらで試してみた限りでは大丈夫でしたが、もし何か不都合などありましたらお知らせください。
よろしくお願いします。



ペコ
ナツさん、とても丁寧に分かりやすい説明をありがとうございました!
勝手なリクエストにも応えてくださって、感謝です!!
可愛いフォント、是非使わせていただきますね。

また何かあれば質問させていただくことがあるかもしれませんが、
そのときはまたよろしくお願いします。

素敵なテンプレ、長く使い込ませていただきます♪
本当にありがとうございました!!



ナツ
>ペコさん

説明下手なもので回りくどい説明になってしまって申し訳ありませんでした。
でも伝わったようでよかったです(´∀`)
はい、また分からない点などありましたらいつでもどうぞ。俺の分かる範囲内であれば対応させて頂きます。

こちらこそありがとうございました!



こちらの質問にも、ご丁寧な回答を頂き、本当に有り難うございます!
遅くなってだなんて、とんでもないです!!
答えていただけただけでも有り難いのに、そのうえ申し訳ないだなんて
言っていただいたら、バチが当たります(汗)

最近何だか自分の中がゴチャゴチャしていて、ブログも更新せずに
おりますが、あんな”チラシの裏”でよろしければ是非また
覗いてやっていただけますと嬉しいですm(__)m



ナツ
>純さん

いえ、もう本当に申し訳ありませんでした…
むしろ自分が配布してるテンプレについてのサポートはやって当たり前のことなので、お礼まで言って頂けるとは恐縮です。
今度から見落としがないように気をつけたいと思います。

俺も純さんのブログの更新、楽しみに待ってますね(´∀`)
ご無理はなさらずに是非ゆっくり続けてください!応援してます。



あやこ
はじめまして。
可愛いデザインのテンプレートに一目ぼれしてしまいました!
他のテンプレートも私のツボをつく素敵なものばかりで迷いましたが、いつかのあの日を選びました。
まだブログを始めたばかりなので三日坊主にならないかと心配でしたが、こんなに素敵なテンプレートに出会えたのでその心配もなさそうです^^
それでは、お借りさせていただきます。失礼します。。



ペコ
またもや失礼します。
本当に何度もスミマセン・・・!(汗)

記事の最後に「2007.01.04 Thursday」と投稿日が出ますよね。
そこに、投稿時間も表示させたいのですが、
どうすれば表示されますか?


なんだか、テンプレを借りたナツさんに質問すべき内容ではないような気も・・・
出来ない子でごめんなさい!(苦笑)



ナツ
>あやこさん

はじめまして。
一目ぼれだなんて勿体ないお言葉ありがとうございます!
お気に召して頂けたなら何よりです。
ブログ、めんどくさいときもありますけど楽しいですよね。
一緒に頑張って続けていきましょう(゚∀゚)
ご丁寧にありがとうございました。



>ペコさん

こんばんは!

ご質問の件についてですが、
html編集で

<td><div class="entry_state">| {entry_date} | {category_name} | {comment_num} | </div></td>

という部分があると思います。
(スクロールバーでいうと真ん中よりもう少し下のあたりです)
そこを、

<td><div class="entry_state">| {entry_date} | {entry_time} |{category_name} | {comment_num} | </div></td>

これに入れ替えてください。
これで投稿時間が表示されるようになります。


いえいえ、構いませんよー(´∀`)
また何かありましたらいつでもどうぞ!




愛弓
ヒトメボレしてしまいました!!はじめまして!
このテンプレートお借りしました!
ありがとうございました♪



ナツ
>愛弓さん

はじめまして!こんばんは。
テンプレご利用いただいてありがとうございます。
ヒトメボレしていただけたなんて恐縮です。
こちらこそ本当にありがとうございました!



ペコ
度々ほんとすいません!(汗)

「アドバンス設定」で記事の続きを書くと、
記事の掲載幅が狭くなってしまうのですが・・・



ナツ
>ペコさん

こんばんは。

記事の続きの幅を変更するには、CSS編集で、

.entry_more {
font-size:10px;
line-height:170%;
letter-spacing: 1px;
padding: 0 15px;
margin-bottom: 30px;
width:430px;


という部分があるかと思います。
その中の

width: 430px;

という行を消していただければ本文と同じ幅になるかと思われます。

あるいはご自分で幅を調節なさりたい場合は、数値を大きくしてみてください。
ちなみに本文部分は幅が455pxですので、お好みに合わせて適宜調節していただければと思います。

それでは、また何かありましたらご遠慮なく仰ってくださいね。



ペコ
ありがとうございます!
ほんとに何度も何度も、お世話になります!!
ナツさんには大感謝です!
テンプレ、大事に使わせていただきますね♪



ナツ
>ペコさん

いえ、なかなかフォローが回らずに申し訳ないです(;´д`)
こちらこそテンプレをご使用いただいて、本当に感謝しています。
またいつでもいらして下さいね(´∀`)



ちょこ
こんにちはv
この記事の一番初めに書き込みしているちょこです。
あれからも「いつかのあの日」、大事に使わせてもらっています♪

それで、お聞きしたいことがあるのですが・・・
Amazonの機能が不要だったので削除したのですが、その分の幅を狭めたいときはどうすれば良いのでしょうか(><)?
あと記事の幅も狭めることは可能でしょうか?

お忙しいとは思いますが、回答頂ければ嬉しいですm(__)m
よろしくお願いします*



ナツ
>ちょこさん

こんにちは。お久しぶりです!
テンプレ使い続けていただけて嬉しいです、ありがとうございます(゚∀゚)


Amazonの分の幅と、それから記事の幅を狭めるには、htmlとCSSを両方いじっていただく必要があります。
まずhtml編集で、
わりと上のほうに

<table width="698" align="center" cellspacing="0" cellpadding="0" border="0" bgcolor="#ffffff">

という部分、
それから真ん中らへんに

<td width="460" align="left" valign="top">

という部分があると思います。

例えば現在の状態から記事の幅を200px狭めるとしたら、
1つ目のタグの中にある「698」という数字の部分を「489」に置き換えてください。
それから2つ目のタグの中の「460」を「260」に直してください。


(続きます)



ナツ
>ちょこさん

(上の続きです)


続いて、CSS編集で、

#wrapper{
border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
width: 800px;
text-align: left;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
margin-bottom: 0px;
background: #ffffff;
}

という部分と、

.entry_body {
font-size:10px;
line-height:170%;
letter-spacing: 1px;
padding: 0 15px;
margin-bottom: 10px;
width:455px;
text-aligh:left;
}


.entry_more {
font-size:10px;
line-height:170%;
letter-spacing: 1px;
padding: 0 15px;
margin-bottom: 30px;
width:230px;
}

blockquote {
font-size: 10px;
background: #FFFFFF;
line-height: 170%;
letter-spacing: 1px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 5px;
padding: 5px;
border: 1px solid #cccccc;
width:435px;
}


という部分があると思います。

それらを、それぞれ

#wrapper{
border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
width: 500px;
text-align: left;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
margin-bottom: 0px;
background: #ffffff;
}



.entry_body {
font-size:10px;
line-height:170%;
letter-spacing: 1px;
padding: 0 15px;
margin-bottom: 10px;
width:255px;
text-aligh:left;
}


.entry_more {
font-size:10px;
line-height:170%;
letter-spacing: 1px;
padding: 0 15px;
margin-bottom: 30px;
width:230px;
}

blockquote {
font-size: 10px;
background: #FFFFFF;
line-height: 170%;
letter-spacing: 1px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 5px;
padding: 5px;
border: 1px solid #cccccc;
width:235px;
}


に置き換えてください。


なお、これは例として200px縮めた場合ですので、
違う幅がいい場合は数字をそれぞれ増減して調節なさってくださいね。

よろしくお願いいたします。



ちょこ
丁寧に説明して下さってありがとうございます!
早速上の通りにやってみたところ、きちんと幅を狭めることができました。
本当にありがとうございましたm(__)m

それから新しいテンプレ、すごく素敵ですね♪
テンプレとテンプレのタイトルがぴったりマッチしていてv
これからもナツさんの新作を楽しみにしています*






ナツ
>ちょこさん

うまくいったようで、よかったです!
新作もお褒め頂けて、とても嬉しいです(´∀`)作った甲斐があります。
最近テンプレ作りで一番こだわってるのは、もしかしたらテンプレ名かもしれません(笑)

また何かありましたらいつでもいらしてくださいね!



yakusyu
はじめまして、突然ですがテンプレートをお借りしました。
もとい嫁にもらいたいくらいです。
ナツさんはそんな私はどうですか?選んでくださいます?(笑)
なーんてナツさんにフラレること間違いなしなので、早々と立ち去らせてもらいたいと思います!!

それでは、ナツさんが気に入るテンプレ名ができることを心から祈って。



ナツ
>yakusyuさん

はじめまして!
テンプレご利用いただいてありがとうございます。

嫁はダメですww
いえ、でも、夫ならば。(嫌かい?)
夫って……いい響きですよね。
一日くらい、その肩書きを味わってみたいです。
子供は二人がいいです。男兄弟で。
3歳くらいの子供を肩車とかして、公園を歩いて、キャッチボールとかして、「パパ待ってよ〜」「ほら遅いぞタケル(仮名)〜!」

ここまで読んで、『この人トモダチいないんだろうなぁ』と思っていただければ幸いです。

テンプレ名も気合入れていきたいと思います。
っていうかyakusyuさんのブログのテンションが面白すぎるのですが(笑)
これからこっそりお邪魔させていただくと思いますがよろしくお願いしますー!



ペコ
また来ちゃいました、ペコです(汗)

「続きを読む>>」を押すと、
今は記事の頭から表示されていますが、
続きの部分がページの一番上にくるようにするにはどうすればいいですか?



ナツ
>ペコさん

こんにちはー。

ご質問の件についてですが、続きの部分から表示されていませんか?
俺の環境では、ペコさんのブログでも続きの部分から表示されるのを確認できたのですが…。
もしかしたら環境の違い(OSやブラウザなど)によるのかもしれないです。

ググって色々調べてみたのですが、それらしい対処法などは見当たりませんでした。
もし環境の違いからだとしたら、俺のほうでは正直解決できないかもしれません。
勉強不足でお力になれず申し訳ありません!



ペコ
すいません、わざわざ調べてくださったのですね〜!
こちらこそ申し訳ないです!
環境のせいなら仕方ないですね。すいませんでした。
いつも丁寧に、ありがとうございます!(涙)



ナツ
>ペコさん

いえ、本当にすみません(;´д`)
出来ればなんとかしたいのですが、どういう場合に違いが出てくるのかがはっきり分からないので、対処法がよく分からず…。

こちらこそ、拙いテンプレなのに使い続けていただいて嬉しいです。いつもありがとうございます!



あぐり
こんにちは。はじめましてv
あぐりと申す者です。
何処にコメントしたらよいか分からなかったので此方で失礼致します;
この度、いつかのあの日をダウンロードさせて頂きました。
とてもシンプルで可愛くてしかもアマゾンが思い切りはれて…とても気に入りましたv
本当にありがとうございます。
で、質問なのですがブログパーツでjavascriptを使うパーツを貼ったら何故かブログが表示されなくなるのですが…
どうにかしてjavascript使用のブログパーツをうまいこと貼る方法はないのでしょうか…?
不躾にすいませんでした><
それでは失礼致します。



ナツ
>あぐりさん

こんにちは、はじめまして。
コメントはもちろんこちらで大丈夫ですよ(´∀`)
テンプレ、DLして頂いたとのことでありがとうございます。
お気に召して頂けたなら何よりです。


ご質問の件についてなのですが、
こちらでもjavascriptのブログパーツをフリースペースに貼ってみたところ、一応こちらの環境ではうまく動作するのが確認できました。
ちなみに俺が貼ってみたのは「メロメロパーク」とかいう、あれです。
他にも「つなびぃ」などを貼ってご使用いただいてる方などもいらっしゃるようなので、恐らく基本的にはjavascriptのパーツを貼っても大丈夫だと思うのですが…。


あるいはパソコンの環境などに左右されるのかもしれませんが、
正直なところ俺にも現段階では原因が不明なので、対処法についても、いかんともしがたいというのが正直なところです。
こちらでも改めて調べてみるつもりですが、
全くお役に立てず、大変申し訳ありません。

また何かありましたら、いつでも仰ってくださいね。



あぐり
ナツ様、こんにちは
お早い回答をありがとうございますv
javascriptの件ですがもう1度貼ってみた所うまく反映されました!
本当にご迷惑をお掛けして申し訳ありませんでした…;
そしてお気を悪くされましたら本当に申し訳ないです…!
何故でなかったのかは私にも分からないんですがとにかくありがとうございましたv
ナツ様のテンプレは大好きなのでこれからも使わさせて頂きますね!
そしてナツ様のその素敵なお人柄にも惹かれましたのでこれからもちょくちょくブログを見にやって来るかもです(ヤメテ
最後になりましたがこれからも頑張って下さい!
それでは…v



ナツ
>あぐりさん

こんばんは。
javascriptの件、うまくいったようで良かったです!
迷惑だなんてとんでもないです。
どうぞお気になさらないで下さいね(´∀`)
拙いテンプレですが、是非これからも使ってやって頂ければ幸いです。
お褒めいただけるほどの人柄かどうかは謎ですが(笑)
はい、よろしければまたいつでも遊びにいらしてくださいね。
それでは、コメントありがとうございました!



あす
このテンプレとっても可愛くてずーっと使いたいと思ってます。
そこで質問なのですが、記事、サイド、アマゾン…の背景の白い部分って、透過することできないんでしょうか??
いまいちやり方がわからなくて…
もしよろしかったら教えていただけると幸いです。



ナツ
>あすさん

はじめまして。
テンプレ、お気に召して頂けたようでとても嬉しいです。
背景部分を透過するには、
まずCSS編集で
#wrapper{
(略)
}
という部分がありますので、そのタグ内に

background: url(http://zyniker.img.jugem.jp/20061209_262213.gif);

この一文を追加なさってください。
それからhtml編集で、

<table width="698" align="center" cellspacing="0" cellpadding="0" border="0" bgcolor="#ffffff">
と書いてある箇所がわりと上のほうにあるかと思いますので、
そのタグ内の一番最後、 bgcolor="#ffffff" というところだけ消してください。
これで背景の白い部分が透過されて、後ろの水色の画像が全体に見えるようになると思います。

ただメニュー部分に使用している画像は透過処理をしていませんので、
気になる場合は画像についても画像ソフトで透過して頂く必要があるかと思います。



あす
お返事ありがとうございます!
さっそくやってみますね☆



あす
ご指摘どおりやったところ、ちゃんと透過できました!
本当にありがとうございます!!!



ナツ
>あすさん

できましたかー良かったです(´∀`)
また何かありましたらいつでもどうぞ!



なずな
はじめまして^^
こちらのテンプレとても可愛くて気に入ったので使わせてもらってます♪
少しづつカスタマイズして楽しんでいるんですが、どうしてもうまくいかない部分があります。
左サイド200px、真ん中460px、右サイド180pxという幅にしたいんですがズレてしまいます。

あと、横一列型のカレンダーを一番上に表示させたいんですが、

<div id="calendar">
<div class="calendar_table">{calendar_horizontal}</div>
</div>

↑これだけHTML欄に打つと文字が大きすぎてアンバランスになってしまいます。全体のバランスに合わせたいんですが、どうしたらいいでしょうか?

よろしくお願いします。



ナツ
>なずなさん

はじめまして。
テンプレご利用いただいてるとのことで、ありがとうございます。
ご質問の件についてなのですが、まず幅を変更するには、html編集で

<table width="698" align="center" cellspacing="0" cellpadding="0" border="0" bgcolor="#ffffff">

の中の"698"の部分を"840px"と書き換えてください。
それからCSSで、


#wrapper{
border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
width: 800px;
text-align: left;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
margin-bottom: 0px;
background: #ffffff;
}

のwidth:800pxの部分も845pxくらいにして下さい。
それと、

.blogtitle {
width:218px;
height:260px;
}

もwidthが218pxあって左サイドからはみだすことになりますので、
これも198pxくらいに調節していただければ大丈夫だと思います。

これで一応、俺の環境では大体なずなさんの仰るとおりに表示できましたので、試してみていただけると幸いです。

それからカレンダーについてはCSS編集で

.calendar_table {
margin: 0 0 20px 25px;
font-family: "Verdana";
font-size: 9px;
}

こちらのタグを追加なさってください。
これで文字サイズが小さくなると思います。
よろしくお願いいたします。



みやこ
はじめまして。テンプレお借りしましたm(__)m

素敵なテンプレが多くて、以前からUTF見ては気になってました。
テンプレだけでなく、エントリのタイトルや文章もキレイで、ちょこちょこお邪魔してます。

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



ナツ
>みやこさん

初めまして、こんばんは。
テンプレご利用頂いてありがとうございます。
以前から気にかけてくださってたとのことで、とても嬉しいです。
何もないブログですが、是非またいつでもいらしてくださいね(´∀`)

それでは、こちらこそありがとうございました!



しょゥ子
初めましてw いつかのあの日 を使わせてもらっています♪
いつもかわいいテンプレばかりで、男性だと知ってとてもびっくりしました。(笑)

質問なのですが,右のAMAZONのバー(?)を左のサイドバーに表示させることはできますか?
JUGEM初めてなのでもしかしたら初歩中の初歩の事かもしれませんが教えてもらえると嬉しいです。;;




ナツ
>しょゥ子さん

初めまして。
テンプレご利用頂いてるとのことで、ありがとうございます。
女性かと思ってたっていうのはよく言われます(笑)

ご質問の件についてなのですが、
まずhtml編集で、下のほうにある


<td width="109" valign="top">
<div id="ama">
<!-- BEGIN amazon -->
<div class="amazon">
<a href="{amazon_url}" target="_blank" ><img border="0" src="{amazon_ImageUrlMedium}" alt="{amazon_ProductName}" class="amazon_pict" name="amazone" /></a>
</div>
<!-- END amazon -->
</div>
</td>

という部分を全て消してください。
それから左サイドバー内の、amazonを表示させたいお好きなところに

<!-- BEGIN amazon -->
<a href="{amazon_url}">
<img src="{amazon_ImageUrlSmall}" border="0"></a><br /><br />
<!-- END amazon -->

を追加なさってください。
タグ内の<>は全て半角に直してくださいね。

これでamazonが左サイドバー内に移動して2カラム状態となりますので、ご参考までに。
よろしくお願いいたします。



しょゥ子
ちゃんと表示できました♪
ありがとうございます☆

ブログもおもしろいのでちょくちょく見に来まあす(・ω・)笑
これからもかわいいテンプレ楽しみにしてますw頑張って下さいw



森永
初めまして。
テンプレお借りします!
どれも可愛く素敵で迷ってしまいました><*
とても気に入りました。これからも頑張ってください!
これを機会にナツさんのブログにもおじゃまさせていただきますv

それでは失礼しました。



ナツ
>しょゥ子さん

表示、うまくいったようでよかったです。
こちらこそありがとうございました(´∀`)
ブログ面白いですかね(笑)ありがとうございます。
またいつでも遊びにいらしてくださいねーお待ちしてます!


--------------------


>森永さん

初めまして。
テンプレ、どうぞご自由に使ってやってください。
詰めの甘い点とか色々あるんですが、可愛がってやっていただければ幸いです。
ありがとうございます、これからも頑張りたいと思います。
はい、ぜひまたいらしてくださいね!

それではコメントありがとうございました。



なずな
お礼が遅れてしまいすいませんでした!
旅行に行ってたもので…(^_^;
タグを入れ替えたら思っていたように表示されました!
ありがとうございます^^
カスタマイズして2つのblogで使わせてもらっています。
また素敵なテンプレ作ってくれるの楽しみにしています。



ちさ
はじめまして!テンプレお借りしました。
最近ブログ始めたのですが、ナツさんのテンプレは
どれも可愛くてとても迷いました!
このテンプレはシンプルなのにかわいらしいとこがすきです♪
これからも新しいテンプレ楽しみに待ってます!

そして男性だということに驚きです・・!
素敵なセンスの持ち主ですね・・!
日記も楽しみにしてます!それでは!



ナツ
>ちささん

初めまして。
テンプレご利用頂いてありがとうございます。
まだ拙いテンプレばかりでアラも目立つのですが、そう言って頂けるととても嬉しいです。

あ、やっぱり女性だと思われましたか(笑)
そうおっしゃる方が多いので、プロフィール欄のところにも♂だと明記するようにしてます(;´∀`)
ここのテンプレのようなデザインが俺自身の好みってわけでもないのですが、まあJUGEMは女性が多いので…。
おかげさまで喜んで頂けて、俺としても作ってる甲斐があります。

それでは、コメントありがとうございました!


コメントする