<< 0の位置 | main | 雄弁な涙と寡黙なキス >>

#2007.04.20 Friday    スポンサーサイト

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


| - | - |

#2007.01.23 Tuesday    北極星ソーダ / 夕焼けシャンパン
メールでご要望いただいたので(fuyuさんありがとうございました!)、
今の自分用テンプレを配布します。



【北極星ソーダ】




→SAMPLE
→DOWNLOAD

右2カラム。



【夕焼けシャンパン】




→SAMPLE

色違いも作ってみたよ
→DOWNLOAD
txtファイルが表示されますので、コピペでどうぞ。


ver1.0 (2007/01/23)
(北極星ソーダUTF公開:2007/02/08)


▼ご質問があったので、このテンプレへのカレンダーの挿入方法について説明

.


手順1.
まずhtmlの編集で、カレンダー用のタグを付け加えます。
例としてここではprofileの上に付け加えることにしますので、<!--BEGIN profile -->というタグの直前に

<!-- BEGIN calendar -->
<div class="side_blocks">
<div class="link_title"><img src="http://img-cdn.jg.jugem.jp/54b/2458/20070124_279296.png" border="0"></div>
<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 -->


↑このタグを入れます。
※ 都合上、ここでは<>を全角で表記しています。コピペの際には全て半角の<>に直してください


手順2.
次に、CSSの編集で

/* CALENDAR------------------------------------------- */

.calendar {
font-size:10px;
font-family: "Verdana";
text-align:center;
line-height: 200%;
margin-bottom:30px;

}

.calendar table {
width:100%;
margin:0px auto;
text-align:center;
font-size: 10px;
line-height: 200%;
}

.weekday { padding: 2px;}
.cell { font-size:10px; padding: 2px ;}

.cell a {color:#aaddd6;text-decoration:none;border-bottom:none;}
.cell a:link {color:#aaddd6;text-decoration:none;border-bottom:none; font-weight: bolder;}
.cell a:visited {color:#aaddd6;text-decoration:none;border-bottom:none;}
.cell a:active {color:#ffffff;text-decoration:none;border-bottom:none;}
.cell a:hover {color:#ffffff;text-decoration:none;border-bottom:none;}

.side_blocks{
margin-bottom: 20px;
}

.side_blocks a {color:#aaddd6;text-decoration:none;border-bottom:none;}
.side_blocks a:link {color:#aaddd6;text-decoration:none;border-bottom:none; font-weight: bolder;}
.side_blocks a:visited {color:#aaddd6;text-decoration:none;border-bottom:none;}
.side_blocks a:active {color:#ffffff;text-decoration:none;border-bottom:none;}
.side_blocks a:hover {color:#ffffff;text-decoration:none;border-bottom:none;}


このタグを加えてから上書きしてください。
これで、カレンダーが挿入されます。


なお、上は「北極星ソーダ」の場合です。
「夕焼けシャンパン」のほうは色が違いますので、
手順1のhtmlタグの中にある、
<img src="http://img-cdn.jg.jugem.jp/54b/2458/20070124_279296.png" border="0">
の部分が、
<img src="http://img-cdn.jg.jugem.jp/54b/2458/20070124_279297.png" border="0">
になります。これも<>を半角に直してください。
それから手順2のCSSの中にある「#aaddd6」を全て「#ffb6c1」に置き換えてください。

以上でカレンダーが表示されるようになると思います。
| template | comments(52) |

#2007.04.20 Friday    スポンサーサイト

| - | - |


comment



moon
はじめまして。
「三日月ショコラーデ」のテンプレートをDLさせていただいている者です。
こちらのテンプレートに「カレンダー」を表示が出来るようになれば大変ありがたいのですが・・・。
カレンダー表示するためのタグがあるのならば是非教えていただきたいのですが・・・。



ナツ
>moonさん

初めまして。
テンプレ、ダウンロードして頂きありがとうございます。

「三日月ショコラーデ」へのカレンダー表示についてですが、
三日月〜の記事にやり方を載せておきました。
http://zyniker.jugem.jp/?eid=102

よろしければ参考になさってくださいね。



moon
ナツ様、ありがとうございました。
しっかりカレンダーが表示されました。

あと、数点お伺いしたいのですが・・・宜しいでしょうか?
LATEST ENTRIES
RECOMMEND
8〆

も表示させることは可能でしょうか?

こういう表示等はお勉強しないと無理・・なんですか?
どこかにタグ一覧とかあるのでしょうか?

もしお時間がありましたら教えてください。



もも
ナツさんってテンプレートのネーミングセンスほんと素晴らしいですよね〜!羨ましい才能です。

私、素敵な名前に凄く弱いんですよね。本やカクテルなんか題名で選んでしまうこともしばしば…。
三日月ショコラーデとか北極星ソーダとか、ナツさんの考えるタイトルってドラマチックで、何だかこのタイトルだけで短編小説を書きたくなる(笑)
読み手の想像力を掻き立てるようなタイトルに、新しいテンプレートが出るたびに舌を巻いています。

北極星ソーダと言う名のカクテル…あったら飲みたい!

夕焼けシャンパンというタイトルの詩集…見つけたら絶対手に取る!

いま使わせて頂いてるテンプレート(chandelier)が凄く気に入っているので当分他のものに変えるつもりはないんですが、タイトルが魅力的過ぎて(もちろんデザインも素敵なのばっかりなんですが!)何だか目移りしてしまいますねぇ(笑)



ナツ
>moonさん

こんばんは。
カレンダー、表示されたようでよかったです(´∀`)

表示に関してはjugemの独自タグ一覧というものがあります。
http://jugem.jp/manual/manual.php?mode=r01
俺もいつもこれにお世話になってます(笑)


LATEST ENTRIES、RECOMMEND、SEARCHのタグはそれぞれ以下になります。
html編集で、サイドメニューのタグ内のお好きなところに追加なさってください。
<>は全て半角に直してくださいね。


・LATEST ENTRIES

<h3><img src="http://zyniker.img.jugem.jp/20070125_279878.png" border="0" /></h3>
<!-- BEGIN latest_entry -->
<ul><!-- BEGIN latest_entry_items -->
<li><a href="./?eid={latest_entry_item_id}">{latest_entry_item_title}</a></li><!-- END latest_entry_items -->
</ul>
<!-- END latest_entry -->


・RECOMMEND

<h3><img src="http://zyniker.img.jugem.jp/20070125_279876.png" border="0" /></h3>
<!-- BEGIN amazon -->
<a href="{amazon_url}">
<img src="{amazon_ImageUrlMedium}" border="0"></a>
<!-- END amazon -->


・SEARCH

<h3><img src="http://zyniker.img.jugem.jp/20070125_279875.png" border="0"></h3><br />
<form action="./?search" method="get">
<input name="search" class="box">
<input type="submit" value="SEARCH" class="btn">
</form>


それから、CSSに以下のタグを追加してください。

.box{
width:100px ;
font:10px Verdana ;
color:#666666 ;
text-align:left;
border:solid 1px #cccccc ;
background-color:#ffffff ;
}

.btn{
font:10px Verdana ;
color:#000000 ;
border:solid 1px #cccccc ;
background-color:#ffffff ;
}


それでは、試してみていただければ幸いです。
よろしくお願いいたします。



ナツ
>ももさん

いやいやそんな、何をおっしゃいますやら!といった感じですよホントに(笑)
ネーミングセンス、欲しいです…。

カクテルは綺麗な名前多いですよねー。
色そのものも綺麗だし。眺めてるだけで楽しいですよね。
「KISS OF FIRE」とかもいい名前ですよね。まだ飲んだことないですけど。
本や映画も、うまいタイトルがつけられてると確かにそれだけで目を惹きますね!

俺のはテンプレのタイトルとしては不親切だろうなぁと自分で思いますw
端的に「ミントブルー×ブラウン 2カラム」とかいう名前にしたほうが、
テンプレを探してる方からしたら分かりやすいだろうなぁと…。
でも「北極星ソーダ」とか、そういうタイトルが時々フッと頭の中に浮かんでくるので、
なんとなくそのままタイトルにつけちゃってる感じです。
ストーリー性があったほうが楽しいかな〜と…。ほぼ自己満足ですw

chandelier、使い続けていただけて嬉しいです(゚∀゚)
あれを配布した頃は、まだテンプレ配布にも不慣れで試行錯誤してる頃だったので、
ももさんにコメントを頂いてすごく嬉しかったのを覚えてます。
これからも頑張らなくては(`・ω・´)



fuyu
ナツさま、さっそくテンプレートダウンロードできるようにしていただけて、本当にうれしいです♪ありがとうございました(*^_^*)

もっと早くお礼を・・と思いながら、時間がとれずにいました。

夕焼けシャンパンも素敵な色合いでまよってしまいそうですが、一目ぼれした北極星ソーダをいただきました♪こんな素敵な名前がスッとうかんでくるなんて素敵ですね♪

これからも、楽しみにしています(*^_^*)
そして、今回はわがままを聞いていただき、本当にありがとうございました♪



moon
ナツさん、今回もありがとうございます。
タグの一覧・・ページを見ても私の頭では理解しきれなかった(汗)
どこにどう追加すればいいのかがサッパリで。。。
うーん、難しいです;

更にもうひとつ聞いても良いでしょうか?
記事を記載した時間って表示すること可能なのでしょうか?
もしご存知で、お時間があれば教えてください。

本当に色々ありがとうございます。



ナツ
>fuyuさん

こちらこそリクエストいただいてありがとうございました!
嬉しかったです(´∀`)
fuyuさんのご要望がなければ、夕焼けシャンパンも思い浮かばなかったと思いますし…。
北極星ソーダ、ダウンロード頂けたようで!ありがとうございます。
拙いテンプレですが使ってやっていただけると何よりです。

これからもテンプレ作っていきたいと思っていますので、
また機会がありましたらよろしくお願いいたします。


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


>moonさん

あ、タグを追加する場所を言い忘れていましたね!すみません。
それぞれhtml編集で、
LATEST ENTRIESのタグは、<!-- END archives -->というタグの下に。
RECOMMENDのタグは、<!-- END recent_comment -->の下、
SEARCHは<!-- BEGIN jugem_ad -->の真上に、
それぞれ付け足していただくとよいかと思います。
どれも、htmlのわりの下のほうにありますので、下のほうから見ていっていただければすぐ見つかるかと。

投稿時間の表示については、
html内のわりと上のほうに、
<li>{entry_date} | </li>
というタグがあると思います。
そこを、

<li>{entry_date}&nbsp;|&nbsp;{entry_time} | </li>

↑これと入れ替えてください。
今回も<>は半角にしてくださいね。

また何かありましたらいつでもご遠慮なく仰ってくださいね(´∀`)



ameco
こんにちは。今回のもどちらのカラーも素敵ですね。
北極〜の方使わせていただきました。ご丁寧にカレンダーの挿入の仕方まで説明してくださって・・・お忙しいでしょうに本当にありがとうございます。
毎回素敵なテンプレートを公開くださって嬉しい限りです。

尚、お礼を述べたかっただけですので返信は結構です。
少しでもお体お休め下さいませ。
それでは失礼致しました。



moon
ナツ様、こんばんは。
本当に色々ありがとうございます。
これからも何かあれば質問してもいいですか?
図々しくて申し訳ないですが。。。

あと、先日教えていただいた、「LATEST ENTRIESRECOMMEND8〆」のタグを入れる位置ですが、
ここかな?ってところに追加したら表示されたのですが・・・
今回教えていただいた位置でないとなにか不都合等が起きるのでしょうか?
私の勝手な思いでは、表示順に関わるだけ?とか思っているのですが。。。
ナツ様に教えていただいたところに入れるほうが安全なのでしょうか?
もし答えていただけるなら御願いします。



まんまる
今までみた中で一番星のテンプレです…
というかどれも素敵でナツさんのファンになりました。
北極星ソーダ、大変気に入ったのですが、オススメ商品紹介欄が
あると個人的に嬉しいのです。右スペースに追加する事はできますか?(あ、でもそれだとこの素敵なフォントのメニュー画像じゃなくなっちゃうのか…)また、3カラムバージョン発表の予定はありますでしょうか?



ナツ
>moonさん

こんにちはー。
もちろん、今後も何か分からない点などありましたらご遠慮なくどうぞ。
俺に分かる範囲内であれば対応させて頂きますので!

タグを入れる位置は、表示が変になったりしない限りはきちんと正しい位置に入れられていますので、
不都合などはもちろん起こりません。
moonさんの仰るとおり、表示順が変わるだけです。
先日俺が述べたのは一例ですので、moonさんのお好きなところに配置なさってくださいね(´∀`)


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


>まんまるさん

初めまして。
テンプレお気に召して頂けたようで、とても嬉しいです!
ファンだなんて勿体ないお言葉まで頂いてしまって恐縮です。

オススメ商品欄については、メニュー画像作りました(´∀`)
以下を参考になさってhtmlを編集なさってください。

htmlで、サイドバー内のお好きなところ
(例えば<!-- END recent_comment -->の下など)に、

<br /><br />
<div class="side_block"><img src="http://zyniker.img.jugem.jp/20070128_280757.png" border="0" /></div>
<!-- BEGIN amazon -->
<div class="link_text"><a href="{amazon_url}">
<img src="{amazon_ImageUrlMedium}" border="0"></a><br /></div>
<!-- END amazon -->

↑このタグを追加してください。
<>を都合上、全角で表示していますので、コピペの際には全て半角に直してくださいね。
これでオススメ商品が表示されるようになると思います。

3カラム版につきましては、今のところ考えていなかったのですが、後ほど作ってみますね。
また何かありましたらいつでもどうぞ!



はじめまして。
北極星ソーダのテンプレがすっごく可愛くてさっそく使わせていただきました。
ナツさんのテンプレはどれも素敵ですね。

質問なのですが、ブログタイトルの下に紹介文を入れることはできるでしょうか?
よかったら教えて下さい。



ナツ
>奏さん

初めまして。
テンプレご利用いただいてありがとうございます。
そう言って頂けると作った甲斐があります(´∀`)

紹介文を入れるには、
まずhtml編集で

<!-- BEGIN title -->
<div id="SiteTitle">{blog_name}</div>
<!--
<div id="description">{blog_description}</div>
-->
<!-- END title -->

という箇所がわりと上のほうにあると思いますので、そこを

<!-- BEGIN title -->
<div id="SiteTitle">{blog_name}<div id="description">{blog_description}</div></div>
<!-- END title -->

に入れ替えてください。
コピペの際、<>は全て半角に直してくださいね。

それからCSS編集で

#description {
font:12px Verdana ;
color:#000000 ;
letter-spacing:1.4px ;
margin-bottom:10px ;
padding:8px ;
text-align:left ;
}

という部分がありますので、それを

#description {
font:10px Verdana ;
color:#999999 ;
letter-spacing:1.4px ;
margin-bottom:10px ;
padding:8px ;
text-align:right ;
}

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

これで紹介文が表示されるようになると思います。
ぜひ試してみていただければ幸いです。



いちこ
初めまして。こんにちは。いちこと申します。
わたしも「北極星ソーダ」を一目見て気に入った一人です。早速使わせて頂いています。水色と茶色の組み合わせがとても好きなので、見た瞬間「これだ!」と思いました。
他のテンプレも素敵ですねv上で書いていらした方もいらっしゃったようですが、テンプレの名前も何かを連想させてくれそうです。また、素敵な作品お待ちしています。

ブログも読ませて頂きました。何だか癒されると言うか、優しげで押し付けがましくないナツさんの語り口がとてもいいです。また是非遊びに来させて頂きますね。

それからお願いがあるのですが、右側にある項目(プロフィールやカテゴリーなどの)はgif画像ですよね?Blogpet用のものも作って頂けるとありがたいのですが。お暇な時で結構ですので、是非よろしくお願い致します。

それでは長々と失礼致しました!





ナツ
>いちこさん

初めまして、こんにちは。
テンプレ、お気に召していただけましたかーよかったです!(´∀`)
水色と茶色は合いますよねー。
俺はこういう、ちょっとくすんだような、緑がかった水色が大好きです。
そう言って頂けると本当に励みになります。
次も頑張りたいと思います!

ブログも読んでいただけたそうで…!
たいしたネタもない毎日なのでマンネリですが、なるべくこまめに更新していくつもりですので、
いつでも遊びにいらしていただけると嬉しいです。

いちこさんはサッカーがお好きなんですね。
俺もサッカーはスポーツの中で一番好きです。
といっても、いちこさんのように特定のチームや選手に知識があるわけではなく、
自分でダラダラとやるだけですが…。
でも面白いですよね、サッカー。


ブログペット用のメニュー画像、ご用意いたしました。
http://zyniker.img.jugem.jp/20070129_281161.png
ご利用の際は、直リンクでもダウンロードでもどちらでも構いません。
よろしければ是非どうぞ!



こんにちはv
丁寧な説明ありがとうございました。
今からやってみますねv

これからもちょこちょこブログ拝見させて頂きますv
ありがとうございました!!



ナツ
>奏さん

こんにちはー。
テンプレ、奏さんのお好みに合わせてどんどんカスタマイズなさってくださいね。
こちらこそありがとうございました(´∀`)
またいつでもいらしてください、お待ちしてます!



こはる。
ナツさん、こんにちは♪はじめまして!!
ご連絡していなかったのですが(すみません。)ずっと『彼についての一考察』使わせて頂いていました♪
ほかのテンプレートも色の感じ雰囲気どれも大好きです。
今回、このテンプレートに一目ぼれしてしまい早速使わせて頂いてます♪
フォントだけ変更させて頂いてます。

質問と言うか、お願いなのですがいいでしょうか。
フリースペースに登録しているトラックバックピープル、カウンターブログペットなどを表示したいのですが、どのようなタグを入れればいいのでしょうか。
画像『Others』の下にまとめて表示できれば…と思うのですが、上手くいきません…。
また、たてに長くなって、素敵なテンプレートなのに見苦しくなるのが嫌なのでできれば、スクロールバーなどが出るようにしたいのですが、何かいい案があれば教えて頂けないでしょうか。
JUGEMのタグ一覧なども見てみましたがよく分からなくて…。
いつでもいいですので、お時間あるときに教えていただければ嬉しいです。よろしくお願いします。
本当に素敵なテンプレートありがとうございます。
これからも応援してます♪



ナツ
>こはる。さん

こんにちは、はじめまして。
テンプレの使用報告はもちろん強制ではありませんので構いませんよー。
こちらこそ、ご使用いただけてとても嬉しいです。ありがとうございます!


フリースペースを表示するには、
html編集で <!-- /powered/ --> と書いてある箇所がわりと下のほうにありますので、その直後に

<!-- BEGIN freespace1 -->
<div class="side_block">
<div class="link_title">{freespace_title1}</div>
<div class="link_text">{freespace_contents1}</div></div>
<!-- END freespace1 -->

<!-- BEGIN freespace2 -->
<div class="side_block">
<div class="link_title">{freespace_title2}</div>
<div class="link_text">{freespace_contents2}</div></div>
<!-- END freespace2 -->

<!-- BEGIN freespace3 -->
<div class="side_block">
<div class="link_title">{freespace_title3}</div>
<div class="link_text">{freespace_contents3}</div></div>
<!-- END freespace3 -->

<!-- BEGIN freespace4 -->
<div class="side_block">
<div class="link_title">{freespace_title4}</div>
<div class="link_text">{freespace_contents4}</div></div>
<!-- END freespace4 -->

<!-- BEGIN freespace5 -->
<div class="side_block">
<div class="link_title">{freespace_title5}</div>
<div class="link_text">{freespace_contents5}</div></div>
<!-- END freespace5 -->

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

(続きます)



ナツ
>こはる。さん

(上の続きです)

それからサイドメニューにスクロールバーをつけるには、
htmlとCSSを少しいじっていただく必要があります。
まず、CSS編集で

.link_bar {
padding:6px ;
margin-left:16px ;
font-family: "Verdana", "MS ゴシック", "Osaka";
font-size:10px;
color:#666666 ;
line-height:120% ;
width: 190px;
height: 80px;
overflow: auto;
}

.link_bar ul{
margin-top:0px ;
margin-left:16px ;
padding:0px ;
font-family: "Verdana", "MS ゴシック", "Osaka";
font-size:10px;
color:#666666 ;
line-height:120% ;
}
.link_bar ul a{
color:#666666 ;
text-decoration:none ;
}

.link_bar li{
padding-top:6px ;
padding-bottom:3px ;
font-family: "Verdana", "MS ゴシック", "Osaka";
font-size:10px;
color:#896858 ;
}


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

それからhtml編集で、
スクロールバーをつけたいメニューの部分を多少変えます。

例としてここではarchivesの部分にスクロールバーをつけることにします。

<!-- BEGIN archives -->
<div class="side_block">
<div class="link_title"><img src="http://zyniker.img.jugem.jp/20070121_278269.png" border="0"></div>
<div class="link_text">{archives_list}</div>
</div>
<!-- END archives -->

このタグの中の下から3行目、<div class="link_text">の部分を、<div class="link_bar">にしてください。
他のメニュー部分にスクロールバーを出す場合も、同様になさってください。


これで、縦が一定以上の長さになった場合にスクロールバーが自動的に出ます。
なお、どの長さ以上でバーが出るかは、先ほどCSSで設定した、

.link_bar {
(中略)
width: 190px;
height: 80px;
overflow: auto;
}

このheightの部分で決めています。
現在は80px以上になったらバーが出るようにしていますが、
もっと長い(短い)ほうがいい場合は、お好みに合わせて適宜変更なさってくださいね。


説明が下手なので分かりにくい箇所などありましたら申し訳ありません(;´д`)
また何かありましたらいつでもご遠慮なく仰ってください。



こはる。
ナツさん、こんばんは☆

とても丁寧な説明、ありがとうございます!!
早速これから頑張ってやってみたいと思います♪

HPのhtmlなどは少しは理解できるのですが、ブログになると
本当にチンプンカンプンで…(汗
トラックバックピープルは付けておきたかったので本当に助かります!!ありがとうございます♪




ナツ
>こはる。さん

こんにちはー。
ブログ拝見しましたが、うまくいったようで良かったです!

俺もサイト作りのhtmlから入っていったので、
はじめてブログの構成を見たときは意味不明でした(笑)
最近ようやく、たじろがなくなってきましたが。
まだまだ勉強すること沢山って感じです(´д`)

こちらこそありがとうございました!
また遊びに伺いますね。



ちこ
ナツさん、はじめまして(´∀`)
ナツさんのテンプレ、どれもとっても素敵で、お気に入りです♪♪
「北極星ソーダ」も「夕焼けシャンパン」も、一目ぼれしちゃいました(*'-'*)


早速質問なのですが。

.汽ぅ匹法NEW ENTRY」の表示のしかた。

以前にこちらのコメントで説明されている通りにやってみたのですが、
他のメニュー(「プロフィール」など)と同じようになりません(汗)
私のやり方が間違ってるんでしょうか??
ナツさんが説明されている通りにやったんですけど・・・(;´Д⊂


RSSリーダーが・・・

フリースペースで「ドリコムRSSリーダー」を表示させてみたのですが、
こちらも他のメニューと統一されません。。
リンクの色が、他とは違って、
  未訪問→青
  既訪問→紫
になってしまうんです(;´Д⊂


できれば・・・

そして最後に、これはできれば、でよいのですが、
「RSSリーダー」のためのタイトル文字と
「NEW ENTRY」のためのタイトル文字、そして
「MAIL」のタイトル文字を他のサイドメニューに合わせて作っていただけるとありがたいです(((*´ε` *)


いくつもお願いしてしまって申し訳ありません!(滝汗)
お時間があれば、よろしくお願いします。。



ちこ
追記です。


のタイトル文字ですが、
「北極星ソーダ」用と「夕焼けシャンパン」用、
どちらもいただけると、とってもありがたいです(*'-'*)

本当にわがままを申し訳ありません。
時間があればでよいですので!(´・д・`)



ナツ
>ちこさん

はじめまして、こんばんは。
テンプレ、お気に召して頂けたなら何よりです(´∀`)


ご質問についてなのですが、
まず1番の「NEW ENTRY」の件、表示されませんか?
他のメニューと違うように表示されているとのことなので、
恐らくhtmlを記述なさる際にどこかで違いが生じているのだと思いますが……。
ちこさんのほうでは、どのように表示されていますか?
それが分からないとこちらも対処できないので…。

できれば、ちこさんがどのようにhtmlを記述なさっているかを見られれば早いので、
もしHPスペースをお持ちであればテキスト形式でhtmlをアップしていただくとか、
あるいはこのコメント欄でも構いませんので、該当部分のhtmlをコピペしていただいて、見せて頂けるとと助かります。
(コメント欄にhtmlを記述される場合は、タグの<>は全て全角で表記していただく必要があります)
ただこれはかなり御面倒だと思いますので、その場合は、どのように表示されているかだけでも教えていただけると幸いです。


2番の「ドリコムRSS」リーダーについては、
フリースペースの追加は、以前この記事のコメント欄で俺が書いていた通りになさっていますか?
それでも統一されない場合は、確かRSSリーダーはJavaScriptのコードを貼り付ける形でブログに表示するのですよね?
となると、そのスクリプト自体にリンクカラーなどの設定を行う必要があるのかもしれません。
俺自身はそのRSSリーダーを使ったことがないので、
よく分からないというのが正直なところです…。
不勉強で大変申し訳ないです。
ドリコムRSSは外部ツールになりますので、
ドリコムのほうにご質問いただいたほうが確実かもしれません。


3番の画像につきましては、ご用意させていただきました。

・mail
北極星 http://zyniker.img.jugem.jp/20070206_284061.png
夕焼け http://zyniker.img.jugem.jp/20070206_284059.png

・Rss reader
北極星 http://zyniker.img.jugem.jp/20070206_284063.png
夕焼け http://zyniker.img.jugem.jp/20070206_284062.png

・new entry
北極星 http://zyniker.img.jugem.jp/20070206_284065.png
夕焼け http://zyniker.img.jugem.jp/20070206_284064.png



それでは、よろしくお願いいたします。



ちこ
ナツさん、ご丁寧にありがとうございました!!

自分で四苦八苦しながら、タグと戦い、修正できました。
ご迷惑おかけしました(;´Д⊂


タイトル画像、ありがとうございます!

素敵なテンプレ、大事に使わせていただきますね(´・∀・`)



ナツ
>ちこさん

あ、修正できましたか!
良かったです(´∀`)
いえ、こちらこそ大したお役にも立てずに申し訳ないです。

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



まさみ
こんばんは。はじめまして。
「flirty vanilla」に一目惚れしてから、こそこそと使わせて頂いていました。
素敵な名前にも心くすぐられ、次はどんなのだ?と楽しみにしてます。ネーミングセンス、見習いたいです、本当に。

さて。
これまでは「北極星ソーダ」を使っていたのですが、このたび新しくたちあげたブログのほうで「夕焼けシャンパン」を使いたいと思っています。
そこで、お願いがあるのですが、トラックバックのメニュー画像を創ってはいただけないでしょうか?
アマゾン商品のは、「北極星ソーダ」のから自力で作れたのですが、トラックバックのは文字が作れずにいます;
お時間のあるときで構いませんので、どうぞよろしくお願いいたします。



hiyuna
このテンプレートとてもステキですね。
ダウンロードしたいのですが、アフィリエイトをやっているので3カラム構成のもので探しているのです。
もしよろしければこのテンプレートで3カラムを作っていただきたいと思いました。
よろしくお願いします。



ナツ
>まさみさん

はじめまして、こんばんは。
テンプレご利用いただいてるとのことで、ありがとうございます。
まさみさんのサイト拝見したのですが、暖かくてふわりとした空気が流れていて、とても素敵でした。
こちらこそセンスを見習いたいです(笑)

夕焼けシャンパンのメニュー画像についてですが、ご用意しました。
http://zyniker.img.jugem.jp/20070213_286717.png
こちらになります。
よろしければお使いになってくださいね。

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


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


>hiyunaさん

こんばんは。はじめまして。
テンプレ、hiyunaさんのご趣味に合ったのなら嬉しいです。
3カラムをご希望とのことで、了解しました。
少しお時間を頂くことになりますが、お待ち頂けるのでしたら作ってみますね。
完成しましたら、再度こちらのコメント欄にてお知らせいたしますので、少々お待ちください。



まさみ
こんにちは、ナツさん。
体調が優れないときに、どうもすみません。画像、いただいてきました。どうもありがとうございます。
すすす素敵だなんてっ。嬉し恥ずかしです。しょっちゅう模様替えをしてしまう落ち着きのないサイトです;

バレンタイン終わりましたが、ホットチョコはいかがでしたでしょうか?w
わたしはクッキー三種を大量に作ってしまいまして、週末くらいまでは冷蔵庫を圧迫しそうですorz



ナツ
>まさみさん

こんばんは!
いえ、クシャミと咳がちょっと出るだけで、他はほとんど元気なので大丈夫ですよ。
こちらこそお気遣い頂いて、申し訳ありません。ありがとうございます。

すぐ模様替えしてしまうお気持ち、分かりますw
俺も飽き性なので、すぐデザインに飽きてしまって…。
それに、新しいデザインを考えるのも楽しいですもんね!

ホットチョコ、多分喜んでもらえたと思います。多分。きっと…。
クッキーいいですね!
俺、昔からなぜかクッキーのタネの状態を食べるのが好きだったんですよねー。
焼き上げた状態も好きですが、タネもそれはそれで美味しかったというかw
今でもちょっと好きですが。
でも今は普通にちゃんと焼いたクッキーが食べたいです。

冷蔵庫を圧迫するほどのクッキーに埋もれてみたいですよー。
ココアクッキーとか(゚∀゚)



さき
ナツさん、こんばんは。
いつもナツさんのテンプレート使わせて頂いています。
ありがとうございます。
今回、教えていただきたい事があってコメントさせてもらいます。

こちらのテンプレートですが、
記事内の写真周りに余白を表示することは出来ますか?
自分で調べてタグを打ちこんでみたんですが
表示する事が出来なかったもので…。
もし、お時間がありましたら教えて頂けると幸いです。失礼します。



ナツ
>さきさん

こんばんは。
テンプレご利用いただいてるとのことで、嬉しいです。
こちらこそありがとうございます。

ご質問の件についてですが、
写真周りと文字の間にスペースを空けるには、
CSS編集で

.pict {
border: 1px solid #cccccc;
background-color: #ffffff;
padding: 10px;
}

という箇所が一番下あたりにあると思いますので、
そのタグのpadding: 10px; の下に、
margin: 10px;
と追加なさってください。
これで10pxぶんの余白ができると思います。

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



さき
ナツさん、こんにちは。
お返事ありがとうございます。

すみません、私の質問の仕方が悪かったようで、
この前「写真周りに余白を表示させたい」と書いたのですが…

テンプレート「chandelier」のように
写真をポラロイド風に見せたいんですが、
こちらのテンプレートでも可能でしょうか?

何度も質問してしまって申し訳ありません。
またお時間がありましたら、宜しくお願いします。



ナツ
>さきさん

こんにちは。
こちらこそご質問の意図を取り間違えていたようで、お手数おかけしてしまい申し訳ありません。


chandelierのように画像の周囲と線の間に隙間を表示させる方法についてですが、
html編集の一番上、

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">

という部分を、

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">

に置き換えてください。
なおここでは都合上、タグの前後の<>を全て全角で表示してありますので、
コピペの際には半角に直してくださいね。

これで画像と周りの線の間にスペースができて、chandelierと同じようになるかと思われます。

それでは、よろしくお願いいたします。



さき
ナツさん、こんばんは。

質問に答えていただいて、本当にどうもありがとうございます。
教えて頂いた通り編集してみると、出来ました…!!
ずっと色んなところを調べて1人で格闘していたので
本当に嬉しかったです。どうもありがとうございます。

ナツさんがテンプレート公開された時から
ずっとこちらのテンプレート使わせてもらっています(^ω^)
デザインがとっても好きです。
これからも、こっそりお世話になりますが(…笑)宜しくお願いします。
今回は丁寧に対応していただいて本当にありがとうございました。
それでは、失礼します。



ナツ
>さきさん

こんばんは。
うまくいきましたか?良かったです(´∀`)
実は俺も以前は対処法を知らなくて、さきさんに仰られてから改めてhtmlを見直しているうちに気づいたので、勉強になりました。
こちらこそありがとうございました。

テンプレ、ずっと使って下さっているとのことで、とても光栄です。
これからもどうぞよろしくお願いいたします。
また何かありましたらいつでもいらしてくださいね



ナツさん、こんにちは。
夕焼けシャンパン、とっても可愛くて、さっそく使わせてもらってます☆
メニュー画像も作られているとのことですが、
私のサイト名の画像を作って頂くことも可能ですか?
それから、本文のタイトルの左横に
夕焼けシャンパンのサンプルのような 茶色のラインを入れるにはどうしたらできますか。
よかったら教えてください。
これからもよろしくお願いします☆



ナツ
>愛さん

こんばんは。
夕焼けシャンパンをご利用いただいてるとのことで、ありがとうございます。
サイト名の画像ですが、どんな感じがいいかを大体ご指定いただければ、作ることは可能ですよ。

それと記事タイトルの横にラインを入れる方法のことですが、もしかして愛さんのブログだとあのラインが表示されてないのでしょうか?
表示させている方法は、htmlで記事タイトル部分を「entry_title」というクラス名で指定していまして、
あとはCSSでタイトルの表示について以下の設定をしています。

.entry_title{
font:12px Verdana ;
color:#666666 ;
letter-spacing:2px ;
margin-left:5px ;
margin-top:20px ;
text-align:left ;
width:545px ;
overflow:hidden ;
border-left: 7px solid #a88c70;
padding-top:5px;
padding-left: 5px;
padding-bottom: 5px;
}

この中の、

border-left: 7px solid #a88c70;
padding-top:5px;
padding-left: 5px;
padding-bottom: 5px;

という部分が、あのラインについての指定で、
ラインを表示させているタグ自体は
border-left: 7px solid #a88c70;
の部分です。
この「7px」の部分でラインの太さを指定していますので、この数値を変えればラインの太さも変わってきます。

こんな感じの説明でいいですかね……
あんまり教えるの上手じゃなくて…すみません…



ナツさん、ご丁寧に教えていただいて、どうもありがとうございました。
お蔭さまで、ライン、ちゃんと出てきました〜☆
本当に嬉しい!

サイト名の画像ですが、メニュー画像と似たような感じがいいな、と思っています(左側のラインなしで)。
名前はまだ決めかねていて、bonheur*m か meglog* がいいな、と考えているところなのですが、作って頂けますか。

お手数をおかけしますが、宜しくお願いします☆



ナツ
>愛さん

こんにちは。
ライン、出てきたとのことで良かったです。

ご依頼のサイト名画像2つ、お作りいたしました。
サイト名なので、メニュー画像より少し大きめですが、
こんな感じでよろしいでしょうか?

bonheur*m はこちら
http://zyniker.img.jugem.jp/20070315_297040.png

meglog* はこちら
http://zyniker.img.jugem.jp/20070315_297041.png

お気に召しましたら是非使ってやってください(´∀`)



ナツさん、どうもありがとうございます☆
本当に嬉しい!&とっても可愛い!
さっそく貼らせて頂きました。
そこで、お忙しいところ申し訳ないのですが、もう一つ質問が。
上の白いスペースとサイト名のサイズがちょっと違っていて(サイト名の方が少し大きめ)、
サイト名が上手く入りきらないのです。
白いスペースを大きくする方法などというのはありませんか。
よかったらまた教えてください。
お世話になります☆
いつも助かっています。



ナツ
>愛さん

画像、お気に召して頂けたようでホッとしてます。
ですがバックの画像にかぶってしまうのですね…すみません、確認してませんでした(;´д`)

白いスペースを広げるには、CSS編集で、
#SiteTitle{
font:20px Georgia ;
font-weight: bold;
color:#000000 ;
letter-spacing:2px ;
margin-top:7px ;
margin-right: 0px;
padding-right: 15px;
text-align:right ;
background-image: url(http://zyniker.img.jugem.jp/20070121_278280.png);
background-attachment: no-fixed;
background-repeat: no-repeat;
background-position: left top;
height: 160px;

}

という部分がありますよね。
そのタグ内の、一番下の2行を、

background-position: left bottom;
height: 200px;

と入れ替えてみてください。
一応こちらで確認したところでは、これではみ出さずに表示されましたので大丈夫かと思うのですが…。
是非お試しになってみて頂ければと思います。



うわぁ、すごい!
できましたー!!
自分ではいろいろ試したつもりだったのですが、
まさかここ (background-position&height)だったなんて!
全く気づきませんでした。
どうもありがとうございました☆



あや
初めまして、北極星ソーダを愛用させてもらっています、あやと申します。
早速質問ですが、北極星ソーダで「雄弁な涙と寡黙なキス」のように
アマゾン欄を点線でくぎったり、
商品を真ん中に寄せたりするにはどうしたらよろしいでしょうか?

お時間がありましたら、ご回答よろしくお願い致します。



ナツ
>愛さん

いえいえ。
また何かありましたらいつでもご遠慮なくどうぞー。


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


>あやさん

初めまして。テンプレご利用頂いてるとのことで、ありがとうございます。

ご質問の件についてですが、まずhtml編集で、
アマゾンを表示させたい部分に以下のタグを追加なさってください。

<div class="link_title"><img src="http://zyniker.img.jugem.jp/20070128_280757.png" border="0" /></div>
<!-- BEGIN amazon -->
<div class="linkama">
<a href="{amazon_url}">
<img src="{amazon_ImageUrlSmall}" border="0"></a></div>
<!-- END amazon -->


それからCSS編集で、


.linkama {
font-size:10px;
color: #999;
padding: 10px 10px 20px 10px;
border-bottom:1px dotted;
text-align: center;
}

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

これで点線区切り+中央寄せになると思いますので、
お試し頂ければと思います。




あや
わあー!出来ました。
ずっと悩んでいたのでご回答していただけて嬉しいです。
ありがとうございました。



マナミ
はじめまして。
北極星ソーダを使わせてもらいたいなと思っています、マナミといいます。
オリジナルでは全体的に左よりになっているのですが、
それを中央よりにするにはどうしたらいいでしょうか。
お時間ありましたら、教えていただけると嬉しいです。



ナツ
>マナミさん

初めまして。
テンプレ、お気に召して頂けたなら何よりです。
中央に寄せる方法についてですが、CSS編集で

#main_block{
margin-left:20px ;
width:800px ;
}


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

#main_block{
margin-left:auto ;
margin-right:auto ;
width:800px ;
}

と入れ替えてみてください。
これで中央寄りになるはずだと思います。


コメントする