All archives    Admin

08月≪ 2017年09月 ≫10月

123456789101112131415161718192021222324252627282930

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
--:--  |  スポンサー広告  |  EDIT  |  Top↑

2005'04.01 (Fri)

テンプレート変更

テンプレートを変更しました~☆
昨日、東京などで開花宣言されたばかりですね♪ 桜、好きなので嬉しいですv

実は、このテンプレートは文字色や文字サイズは私が決めたんです~。背景はNOION様からお借りしました♪
2ヶ月ぐらい前から4月は桜かな~と思っていじってました(^^*
元のデザインがあって色のところや数字を変えるだけだったので簡単だったのですが、最初どこを変えるとどこが変わるのか分からなかったのでちょっと大変でした~(^^;)
でも、もうどれがどれだか分からないかも;;
スポンサーサイト
19:53  |  テンプレート  |  TB(0)  |  CM(6)  |  EDIT  |  Top↑

Comment

桃梨ちゃん、こんばんは。あやなです。
またまたお邪魔致します(^^;
なんとぉぉぉぉ!!このデザインは桃梨ちゃんがサイト様からお借りして作ったのですネ!!
凄すぎます~~~☆
私も一回チャレンジしてみた事があったのですが無理でした(。>_<)

桜、凄く春らしくてグッドです~~♪
もう東京なのでは開花宣言されたんですね♪
もう春ですね~☆長野は桜咲くのか心配です;笑

作業、お疲れ様でした~~~。
あやな | 2005年04月01日(金) 22:29 | URL | コメント編集

あやなちゃん、コメントありがとうございます♪
このデザインの文字色などは私が決めました☆素敵な写真素材だったので使わせていただきました(^^)
凄いと仰っていただけて嬉しいです!
あやなちゃんも挑戦されたことがあるのですねvでも残念でしたね(>_<)

桜は春らしくて良いですよね~☆
長野も早く開花すると良いですね(^^♪
桃梨 | 2005年04月02日(土) 11:53 | URL | コメント編集

はじめまして。

はじめまして。新着記事のところで桃梨さんのブログを見つけてビックリ!!!
テンプレートがめっちゃ可愛いぃ☆-(ノ。・ω・)八(。・ω・。)八(・ω・。)ノ

こんなの作れるなんてすごいです!
桜 大好きなんです!

共有テンプレートとかに載せたりしてないんですか? もし載せてたら名前教えてください!
使わせていただきたいです~!(つД⊂)


みゆきち | 2005年04月13日(水) 19:19 | URL | コメント編集

みゆきちさん、初めまして♪
ご訪問&コメントありがとうございます。

テンプレートについて褒めてくださってありがとうございます♪嬉しいです(^^)
桜が好きだったので作ってみようと思いました☆
共有テンプレートには登録してないです;すみません。m(_ _)m

ですが自分で製作したモノを使っていただけるのは嬉しいのでHTMLとCSS(で良いのかな^^;)を載せておきますね。
ただ背景になっている画像はNOION様でお借りしているのでそちらで保存しアップロードをして″画像のアドレス″のところに画像のアドレスを記入していただければと思います。
分かりにくかったらすみません。m(_ _;)m 長くなります。


≪HTML≫ ---------------------

<html lang="ja">
<head>
<STYLE TYPE="text/css">
<!--
body{scrollbar-arrow-color:hotpink;
   scrollbar-face-color:white;
   scrollbar-highlight-color:hotpink;
   scrollbar-3dlight-color:white;
   scrollbar-track-color:white;
   scrollbar-shadow-color:hotpink;
   scrollbar-darkshadow-color:white;}
-->
</STYLE>


<meta http-equiv="content-type" content="text/html; charset=euc-jp">
<meta http-equiv="content-style-type" content="style/css">
<meta http-equiv="content-script-type" content="text/javascript">
<link href="<%css_link>" type="text/css" rel="stylesheet">
<link rel="alternate" type="application/rss+xml" title="RSS" href="<%url>?xml">
<title><%blog_name> <%sub_title>
</title>
</head>
<body>


<h1><a href="./"><%blog_name></a></h1>
<h2><%introduction></h2>


<div id="left">
<!--エントリー-->

<!--topentry-->

<h3><a id="<%topentry_no>" name="<%topentry_no>"><%topentry_title></a></h3>
<div class="body">
<%topentry_body>
<!--more_link--> <a href="<%topentry_link>#more">[<%topentry_title>]の続きを読む</a><!--/more_link-->
<!--more--><hr size="1"><a name="more" id="more"></a><%topentry_more><!--/more-->
<ol class="sub">
<li><a href="<%topentry_link>"><%topentry_year>/<%topentry_month>/<%topentry_day>(<%topentry_wayoubi>) <%topentry_hour>:<%topentry_minute>:<%topentry_second></a>|</li>
<li><a href="<%topentry_category_link>"><%topentry_category></a>|</li>
<li>
<!--allow_tb--><a href="<%topentry_link>#trackback">トラックバック:<%topentry_tb_num></a><!--/allow_tb-->
<!--deny_tb-->トラックバック(-)<!--/deny_tb-->
|</li>

<li>
<!--allow_comment--><a href="<%topentry_link>#comment">コメント:<%topentry_comment_num></a><!--/allow_comment-->
<!--deny_comment-->コメント(-)<!--/deny_comment-->
</li>
</ol>
</div>

<!--
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#";
xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/";
xmlns:dc="http://purl.org/dc/elements/1.1/">;
<rdf:Description
rdf:about="<%topentry_link>"
trackback:ping="<%url>tb.php/<%topentry_no>"
dc:title="<%topentry_title>"
dc:identifier="<%topentry_link>"
dc:subject="<%topentry_category>"
dc:description="<%topentry_discription>"
dc:creator="<%author_name>"
dc:date="<%topentry_year>-<%topentry_month>-<%topentry_day>T<%topentry_hour>:<%topentry_minute>:<%topentry_second>+09:00" />
</rdf:RDF>
-->

<!--/topentry-->


<!--エントリーここまで-->


<!--コメント-->

<!--comment_area-->
<!--preventry--><<<a href="<%preventry_url>"><%preventry_title></a><!--/preventry--> | <a href="<%url>">ホーム</a> | <!--nextentry--><a href="<%nextentry_url>"><%nextentry_title></a>>><!--/nextentry-->

<h3><a name="comment">コメント</a></h3>

<!--comment-->

<h3><a id="comment<%comment_no>" name="comment<%comment_no>"><%comment_title></a></h3>
<div class="body">
<%comment_body>
<ol class="sub">
<li><%comment_year>/<%comment_month>/<%comment_day>(<%comment_wayoubi>) <%comment_hour>:<%comment_minute>:<%comment_second> | </li>
<li><%comment_url+str> | </li>
<li><%comment_mail+name> #<%comment_trip></li>
<li>[ <a href="<%comment_edit_link>">編集</a>] </li>
</ol>
</div>

<!--/comment-->

<!--コメントここから-->

<h3><a name="comment_post">コメントの投稿</a></h3>
<form method="post" action="./">
<div>
<input type="hidden" name="mode" value="regist">
<input type="hidden" name="comment[no]" value="<%pno>">
<dl class="reaf">
<dt><label for="name">Name:</label></dt><dd><input id="name" type="text" name="comment[name]" size="30" value="<%cookie_name>"></dd>
<dt><label for="subject">Subject:</label></dt><dd><input id="subject" type="text" name="comment[title]" size="30"></dd>
<dt><label for="mail">Mail:</label></dt><dd><input id="mail" type="text" name="comment[mail]" size="30"></dd>
<dt><label for="url">URL:</label></dt><dd><input id="url" type="text" name="comment[url]" size="30"></dd>
<dt><label for="comment">comment:</label></dt><dd><textarea id="comment" cols="40" rows="8" name="comment[body]"></textarea></dd>
<dt><label for="pass">Pass:</label></dt><dd><input id="pass" type="password" name="comment[pass]" size="20"></dd>
<dt><label for="himitu">秘密:</label></dt><dd><input id="himitu" type="checkbox" name="comment[himitu]">管理者にだけ表示を許可する</dd>
</dl>
<p><input type="submit" value="送信"></p>
</div>
</form>

<!--/comment_area-->

<!--ここまで-->


<!--コメント編集ここから-->

<!--edit_area-->
<h3><a name="comment_post">コメントの編集</a></h3>
<form method="post" action="./">
<div>
<input type="hidden" name="mode" value="edit">
<input type="hidden" name="mode2" value="edited">
<input type="hidden" name="edit[rno]" value="<%eno>">
<dl class="reaf">
<dt><label for="name">Name:</label></dt><dd><input id="name" type="text" name="edit[name]" size="30" value="<%edit_name>"></dd>
<dt><label for="subject">Subject:</label></dt><dd><input id="subject" type="text" name="edit[title]" size="30" value="<%edit_title>"></dd>
<dt><label for="mail">Mail:</label></dt><dd><input id="mail" type="text" name="edit[mail]" size="30" value="<%edit_mail>"></dd>
<dt><label for="url">URL:</label></dt><dd><input id="url" type="text" name="edit[url]" size="30" value="<%edit_url>"></dd>
<dt><label for="comment">comment:</label></dt><dd><textarea id="comment" cols="40" rows="8" name="edit[body]"><%edit_body></textarea></dd>
<dt><label for="pass">Pass:</label></dt><dd><input id="pass" type="password" name="edit[pass]" size="20"></dd>
<dt><label for="himitu">秘密:</label><input id="himitu" type="checkbox" name="edit[himitu]">秘密にする</dt>
</dl>
<p>
<input type="submit" value="送信">
<input type="submit" name="edit[delete]" value="削除">
</p>
</div>
</form>
<!--/edit_area-->

<!--ここまで-->


<!--トラックバック-->

<!--trackback_area-->
<h3><a name="trackback">トラックバック</a></h3>
<dl id="trap">
<dt>トラックバックURLはこちら</dt>
<dd><a href="<%trackback_url>"><%trackback_url></a></dd>
</dl>

<!--trackback-->

<h3><a href="<%tb_url>" name="trackback<%tb_no>"><%tb_title></a></h3>
<div class="body">
<%tb_excerpt>
<ol class="sub">
<li><%tb_year>/<%tb_month>/<%tb_day>(<%tb_wayoubi>) <%tb_hour>:<%tb_minute>:<%tb_second> | </li>
<li><%tb_blog_name></li>
</ol>
</div>

<!--/trackback-->

<!--/trackback_area-->
<!--prevpage--><a href="<%prevpage_url>">前のページ</a><!--/prevpage--> <!--nextpage--><a href="<%nextpage_url>">次のページ</a><!--/nextpage-->


<BR>写真素材 : <a href="http://noion.cool.ne.jp/">NOION</a></div>;

</div>


<div id="right">


<p class="pay">
<img src="<%image>" alt="<%author_name>">
</p>
<ul class="info">
<li>Author:<%author_name></li>
<li><%introduction2></li>
<li><a href="<%url>?xml">RSS</a></li>
<li><%ad> <%ad2></li>
</ul>

<table summary="カレンダー" class="calender">
<caption>
<a href="<%prev_month_link>"><%prev_month></a>
| <%now_year>/<%now_month> |
<a href="<%next_month_link>"><%next_month></a>
</caption>
<tr>
<th abbr="日曜日" scope="row" id="sun">Sun</th>
<th abbr="月曜日" scope="row">Mon</th>
<th abbr="火曜日" scope="row">Tue</th>
<th abbr="水曜日" scope="row">Wed</th>
<th abbr="木曜日" scope="row">Thu</th>
<th abbr="金曜日" scope="row">Fri</th>
<th abbr="土曜日" scope="row" id="sat">Sat</th>
</tr><!--calender-->
<tr>
<td><%calender_sun></td>
<td><%calender_mon></td>
<td><%calender_tue></td>
<td><%calender_wed></td>
<td><%calender_thu></td>
<td><%calender_fri></td>
<td><%calender_sat></td>
</tr>
<!--/calender-->
</table>

<h3>Recent Entries</h3>
<ul>
<!--recent-->
<li><a href="<%recent_link>" title="<%recent_body>"><%recent_title></a><span>(<%recent_month>/<%recent_day>)</span></li>
<!--/recent-->
</ul>

<h3>Recent Comments</h3>
<ul>
<!--rcomment-->
<li><a href="<%rcomment_link>#comment<%rcomment_no>"><%rcomment_etitle><font color="#ee00bb">★</font><%rcomment_name>:<%rcomment_title></a><span>(<%rcomment_month>/<%rcomment_day>)</span></li>
<!--/rcomment-->
</ul>

<h3>Recent Trackbacks</h3>
<ul>
<!--rtrackback-->
<li><a href="<%rtrackback_link>#trackback<%rtrackback_no>" title="<%rtrackback_excerpt>"><%rtrackback_etitle><font color="#ee00bb">★</font><%rtrackback_blog_name>:<%rtrackback_title></a>(<%rtrackback_month>/<%rtrackback_day>)</li>
<!--/rtrackback-->
</ul>

<h3>Archives</h3>
<ul>
<!--archive-->
<li><a href="<%archive_link>" title="<%archive_year>年<%archive_month>月"><%archive_year>年<%archive_month>月 (<%archive_count>)</a></li>
<!--/archive-->
</ul>


<h3>Category</h3>
<ul>
<!--category-->
<li><a href="<%category_link>" title="<%category_name>"><%category_name> (<%category_count>)</a></li>
<!--/category-->
</ul>


<h3>Links</h3>
<ul>
<!--link-->
<li><a href="<%link_url>" title="<%link_name>"><%link_name></a></li>
<!--/link-->
</ul>


<h3>Search</h3>
<ul>
<form action="./" method="get">
<input type="text" size="20" name="q" value="" maxlength="200">
<input type="submit" value=" Search ">
</form>
</ul>
</div>


<div id="footer">
<p>copyright © 2004 Powered By <a href="http://blog.fc2.com/">FC2</a>; allrights reserved</p>
</div>

<!--
<ul class="yokocal">
<li><a href="<%prev_month_link>"><%prev_year><%prev_month></a></li>
<li><<</li>
<!--calender2-->
<li><%days></li>
<!--/calender2-->
<li>>></li>
<li><a href="<%next_month_link>"><%next_year><%next_month></a></li>
</ul>
-->


</body>
</html>

--------------------- ≪HTML≫


≪CSS≫ ---------------------

body {
font-family: /*Arial ,*/Verdana ,sans-serif;
font-size: 13px;
line-height: 1.6;
padding: 0 2%;
background-color: #ffffff;
background-image: url(画像のアドレス);
background-repeat: no-repeat;
background-attachment: fixed; color:#cc0077;
}
h1 {
font-size: 160%;
}
h2 {
font-size: 100%;color:deeppink;
margin-left: 7%;
}
a:link {
color:#FF82EE;
text-decoration: none;
}
a:active {
color: #FF82EE;
text-decoration: none
}
a:visited {
color: hotpink;
text-decoration: none
}
a:hover {
color: #ee00bb;
text-decoration: underline;
}


/* 横カレンダーの設定 */
/* 表示させない場合は left 属性の margin-top と、
right 属性の top プロパティを減らして全体を底上げしてください。*/
.yokocal {
font-family: Georgia ,Verdana ,sans-serif;
position: absolute;
left: 2%;
top: 10.7em;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 0.2em 0.5em 0.3em 0.5em;
text-align: center;
margin: 0;
font-size: 80%;
}


/* 横カレンダーの日付はリストを inline で横に並べてるので、不具合ある人もいるかも。*/
.yokocal li {
display: inline;
margin: 0 0.1em;
}


/* レイアウト設定 */
/* レイアウト構成は left の中に right を左側に入れ込んでるという感じ。
そのために、left 属性では左に大きくパディングを取ってます。
ので、left でも実際は、右側に表示されることになります。 */

/* 記事表示部分 */
#left {
margin-top: 7.7em/* 横カレンダーを消した場合 3.7em ぐらい*/;
margin-left: 0;
padding: 0 0 0 18em;
word-break: break-all;
}

/* メニュー表示部分 */
/* 横幅を増やした場合は left 属性の右パディングも増やしてください。 */
#right {
width: 15.5em;
position: absolute;
padding: 0 0 2.7em 0;
top: 13.7em/* 横カレンダーを消した場合 9.7em ぐらい*/;
left: 2%;
color: #232323;
word-break: break-all;
}


/* メニューの見出し*/
#right h3 {
font-size: 80%;color:#cc0077;
font-family: Georgia ,Verdana ,sans-serif;
letter-spacing: 0.1em;
margin: 1.7em 0 0 0;
text-decoration: underline;
}


/* 自己紹介的なところのリスト要素 */
/* 下のカレンダーのために下に余白を取ってます。
カレンダーを削除する場合はこの余白設定も削除してください。 */
#right ul.info {
list-style-type: circle;
margin-bottom: 1.7em;
}


/* その他のメニュー内のリスト */
#right ul {
font-size: 80%;color:#cc0077;
list-style-type: square;
padding: 0.7em 1.2em;
margin: 0;
}

#right ul li {
margin: 0 0 0 0.7em;
list-style-position: outside;
}


/* recent entry とrecent comment の日付部分はこれで文字を少し小さく */
#right ul li span {
font-size: 85%;
margin-left: 0.3em;
}


/* 一番下の部分(copyright) */
/* メニューの高さが記事より長くなった場合の為に一応、右寄せ */
#footer {
margin: 5.7em 0 0 0;
text-align: right;
}
/* footer 内に色々表示させたい場合はこの辺も一緒に弄った方が吉 */
#footer p {
font-family: Georgia ,Verdana ,sans-serif;
font-size: 85%;
letter-spacing: 0.2em;
}


/* 記事の見出し(タイトル) */
#left h3 {
font-family: Georgia ,Verdana ,sans-serif;
font-size: 100%;
border-left: 7px solid hotpink;
border-bottom: 1px solid hotpink;
padding: 0.1em 0.7em;
margin: 0 0 1.7em 0;
}

/* 記事表示部分を囲うブロック要素の属性 */
.body {
border-bottom: 1px solid #FF82AB;
margin: 0 0 5.7em 0;
padding: 0 1.7em 0.7em 1.7em;
line-height: 1.4;
}

/* 記事内に画像があった場合、左に滑り込ませる */
.body img {
border: 3px solid #ffddff;
float: left;
margin: 0 0.7em 0 0;
}

/* 記事のステータス用リスト */
.sub {
text-align: right;
font-size: 90%;
margin: 2.7em 0 0 0;
}
.sub li {
display: inline;
}
.sub a {
margin-right: 0.3em;
}


/* レスフォーム設定 */
.reaf {
color: #cc0077;
position: relative;
width: 100%;
margin: 1.7em 0%;
}
.reaf dt {
letter-spacing: 0.1em;
position: absolute;
left: 0;
}
.reaf dd {
font-size: 90%;
padding: 0 0 0.5em 5.7em;
}
.reaf input {
/*width: 50%;*/
}
.reaf textarea {
width: 80%;
}
#himitsu {
width: auto;
}

/* フォームをコンパクトにする場合は以下 */
/*
.reaf {
color: #000;
width: 100%;
}
.reaf dt {
letter-spacing: 0.1em;
}
.reaf dd {
font-size: 90%;
margin: 0;
padding: 0 0 0.5em 0;
}
.reaf input {
width: 50%;
}
.reaf textarea {
width: 80%;
}
#himitsu {
width: auto;
}
*/


/* カレンダー設定 */
table.calender {
font-size: 75%;
width: 95%;
border-collapse: separate/*collapse*/;
border-spacing: 0;
padding: 0.5em 0 0.7em 0;
}
.calender caption {
font-size: 100%;
border-bottom: 1px solid #777;
padding: 0 0 0.5em 0;
}
.calender th {
font-weight: normal;
}
.calender td {
width: 14%;
text-align: center;
padding: 0.1em;
}
.calender td a {
display: block;
}
th#sun {
color: #f00;
}
th#sat {
color: #00f;
}



/* 自己紹介的なところで画像を使用した場合の中央寄せ */
.pay {
text-align: center;
}
/* 特に支持がない場合、イメージは以下の設定 */


/* コメントリストの設定 */
#commentlist {
font-size: 85%;
margin-top: 1.7em;
margin-bottom: 7.7em;
margin-right: 1.7em;
}

/* トラックバックリストの設定 */
#trackbacklist {
font-size: 85%;
margin: 2.7em 1.7em 0 0;
padding: 1.7em 0 2.7em 3.7em;
border-top: 1px solid #ddd;
}

/* トラックバックリスト内のリスト */
#trackbacklist li ul {
margin-top: 0.7em;
margin-bottom: 1.7em;
}

/* コメントリスト、トラックバックリストの整形 */
#commentlist a, #trackbacklist a {
margin-right: 0.5em;
}
#commentlist li, #trackbacklist li {
margin-bottom: 0.5em;
}


/* trackback uri 表示部分の設定 */
#trap dt {
margin: 0 0 0.5em 0.7em;
}
#trap dd {
font-size: 100%;
font-family: "Courier New", Courier, "Times new roman", sans-serif;
}
#trap dd a {
text-decoration: underline;
}


/* 検索 */
#right form {
margin: 0;
}
.light {
font-size: 80%;
margin: 2.7em 0 0 0;
padding: 0.7em 0 0 0;
}
.search {
font-size: 80%;
margin: 0 0 3.7em 0;
padding: 0.7em 0;
}
.search input {
font-size: 100%;
font-family: Verdana, Sans-serif;
}


--------------------- ≪CSS≫


こんな感じになっております。
桃梨 | 2005年04月14日(木) 21:49 | URL | コメント編集

どうもありがとうございました、丁寧に教えてくださり、
感謝です(つД⊂)
機械に弱い私ですが、早速やってみたいと想います。
みゆきち | 2005年04月15日(金) 16:54 | URL | コメント編集

みゆきちさん、こんばんは♪
再びコメントありがとうございます。
うまく伝わったようで良かったです♪
何か分からない事があったら分かる範囲でお答えしたいと思います(^^)
頑張って下さいね~!
桃梨 | 2005年04月15日(金) 22:35 | URL | コメント編集

コメントを投稿する


 管理者だけに表示  (非公開コメント投稿可能)

▲PageTop

Trackback

この記事のトラックバックURL

→http://star210.blog2.fc2.com/tb.php/64-4c5c154d
この記事にトラックバックする(FC2ブログユーザー)

この記事へのトラックバック

▲PageTop

 | BLOGTOP | 
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。