ブログ屋さん:テンプレート10　「メリクリ★ver.1」　3カラム

< 2025年05月 >

S	M	T	W	T	F	S
				1	2	3
4	5	6	7	8	9	10
11	12	13	14	15	16	17
18	19	20	21	22	23	24
25	26	27	28	29	30	31

Information

静岡県東部・伊豆ブログポータルサイトイーラ・パーク

カテゴリ

テンプレート (12)

設置方法 (4)

お知らせ (6)

このブログについて (1)

トイカメラ (3)

最近の記事

テンプレート12　「ハイドレインジア（紫陽花）」　3カラム (6/7)

テンプレート11　「メリクリ★ver.2」　2カラム (2/20)

紫陽花の素 (12/14)

ゴミ箱 (12/12)

E.T. (12/9)

次回もクリスマステンプレートです★ (11/29)

テンプレート10　「メリクリ★ver.1」　3カラム (11/17)

ブログの広告について (11/15)

クリスマスのテンプレート作成予定 (11/9)

テンプレート09　「こんにちは、テレちゃん」　3カラム (11/7)

過去記事

オーナーへメッセージ

プロフィール

ゆきちゃん店長

ブログテンプレートをつくって無料で配布しています。まだ種類は少ないですが、これからコツコツ追加予定なのでお楽しみにっ★

読者登録

メールアドレスを入力して登録する事で、このブログの新着エントリーをメールでお届けいたします。解除は→こちら

現在の読者数 2人

2010年11月17日20:27

テンプレート10　「メリクリ★ver.1」　3カラム

テンプレート10　「メリクリ★ver.1」　3カラムメリクリ★なクリスマスのテンプレートです。
本当はもっとカラフルで煌びやかな感じにしたかったのだけれど、これはこれで良いのかな、ということでお披露目。

キラキラがたくさんなので、一見ゴチャゴチャして見えますが大丈夫です。
背景ブラックが写真や飾り文字をキレイに引き立ててくれるテンプレートです。

テンプレート名	メリクリ★ver.1
カラム	3カラム

テンプレートの設置方法がわからない方はこちら

スタイルシート	@charset "utf-8"; /* CSS Document / / メリクリ★Ver.1　2010.11.16 */ body{ background-color: #000; font-size: 13px; font-family: "メイリオ", "ＭＳＰゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif; line-height: 1em; text-align: center; margin: 0px; padding: 0px; background-image: url(//img01.i-ra.jp/usr/blogya/temp10_back.gif); background-repeat: no-repeat; background-position: center 30px; color: #FFF; } br { letter-spacing: normal; } img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } a { color: #8C8289; text-decoration: underline; } a:hover { color: #5F565C; text-decoration: none; } input, textarea{ font-family: "メイリオ", "ＭＳＰゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif; } #container { width: 940px; margin-right: auto; margin-left: auto; margin-top: 0px; margin-bottom: 0px; text-align: left; } #banner { height: 330px; width: 940px; } #banner .blogtitle { margin-top: 0px; margin-left: 200px; margin-bottom: 15px; font-size: 24px; font-weight: bold; padding-top: 40px; line-height: 1.2em; width: 600px; } #banner .description { margin-top: 0px; margin-left: 200px; width: 550px; line-height: 1.5em; margin-bottom: 0px; } #blog { width: 520px; float: left; padding-top: 10px; text-align: left; margin-right: 30px; background-color: #000; } .blogbody { width: 520px; overflow: hidden; padding-top: 35px; background-image: url(//img01.i-ra.jp/usr/blogya/temp10_posted.jpg); background-repeat: no-repeat; background-position: left top; } .blogbody .date { font-size: 12px; letter-spacing: 0.1em; margin-top: 0px; margin-bottom: 5px; font-weight: bold; margin-left: 10px; } .blogbody .title { font-size: 14px; margin-top: 0px; margin-bottom: 20px; font-weight: bold; margin-left: 10px; } .blogbody .main { width: 500px; margin-bottom: 20px; line-height: 1.7em; margin-left: 10px; overflow: auto; } .blogbody .main p { margin-top: 0px; margin-bottom: 20px; } .blogbody .main img { margin-right: 10px; margin-bottom: 5px; } .blogbody .main .main-continues { font-size: 10px; letter-spacing: 0.1em; } .blogbody .posted { text-align: right; padding-right: 10px; padding-left: 10px; font-size: 10px; line-height: 1.5em; letter-spacing: 0.1em; margin-bottom: 10px; clear: both; } .menu { text-align: center; padding: 20px; letter-spacing: 0.1em; } .comments-head { background-color: #2F2926; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; margin-bottom: 10px; margin-top: 20px; font-weight: bold; letter-spacing: 0.1em; } .trackback-url { border: 1px solid #000; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px; font-size: 12px; font-weight: bold; color: #FFF; width: 500px; letter-spacing: 0.1em; background-color: #000; } .trackback-body , .comments-body{ width: 500px; margin-left: 10px; margin-bottom: 5px; line-height: 1.5em; } .trackback-post , .comments-post{ width: 500px; margin-left: 10px; font-size: 10px; letter-spacing: 0.1em; text-align: right; margin-bottom: 20px; } .form { margin-left: 10px; margin-top: 50px; width: 500px; margin-bottom: 20px; font-size: 12px; } .form th { text-align: left; font-weight: normal; white-space: nowrap; padding-top: 5px; padding-bottom: 5px; width: 100px; vertical-align: top; letter-spacing: 0.1em; } .form td { padding-top: 5px; padding-bottom: 5px; padding-right: 0px; padding-left: 0px; } #author{ width: 200px; font-size: 13px; } #email{ width: 200px; font-size: 13px; } #url{ width: 200px; font-size: 13px; } #bake{} #savecheck{} #text{ width: 390px; font-size: 13px; line-height: 1.5em; } #links { width: 180px; float: left; padding-top: 10px; font-size: 12px; overflow: hidden; margin-right: 30px; } .sidetitle { font-size: 12px; font-weight: bold; letter-spacing: 0.1em; background-image: url(//img01.i-ra.jp/usr/blogya/temp10_sidetitle.jpg); background-repeat: no-repeat; background-position: left top; color: #FFF; text-align: center; padding-bottom: 25px; padding-top: 15px; } .side { width: 180px; margin-bottom: 10px; overflow: hidden; } .side .sidebody { line-height: 1.3em; margin-bottom: 5px; } #links2 { width: 180px; float: left; font-size: 12px; overflow: hidden; } .blog_entry { font-size: 10px; } .blog_entry hr { height: 1px; padding: 0px; margin-top: 5px; margin-bottom: 5px; } .1 .side .rss_list { line-height: 1.3em; margin-bottom: 5px; } .rss ul { padding: 0px; text-align: center; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } .rss ul li{ display: inline; font-weight: bold; letter-spacing: 0.1em; margin-right: 5px; margin-left: 5px; font-size: 10px; margin-top: 0px; margin-bottom: 0px; } .subscription { font-size: 10px; } .subscription form { padding: 0px; margin: 0px; } .calender { width: 180px; text-align: center; margin-bottom: 10px; } .calender .calendarhead { letter-spacing: 0.1em; margin-bottom: 5px; } .calender .calendartable { width: 180px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; font-size: 12px; } .calender .calendartable .calendarwd { font-size: 12px; font-weight: bold; text-align: center; padding-top: 3px; padding-bottom: 3px; background-color: #2F2926; } .calender .calendartable .calendard { text-align: center; } .sun{ color: #900; } .sat{ color: #066; } .today{ background-color: #231F1D; } .ad { font-size: 10px; } .nickname{ font-weight: bold; word-spacing: 0.2em; text-align: center; margin-top: 5px; margin-bottom: 5px; } .photo{ text-align: center; margin-top: 5px; margin-right: auto; margin-bottom: 5px; margin-left: auto; } .message{ line-height: 1.5em; } .pagetop { clear: both; text-align: right; width: 940px; padding-top: 20px; padding-bottom: 10px; } #footer { clear: both; padding: 10px; text-align: center; letter-spacing: 0.1em; font-size: 10px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-top-color: #FFF; } ※右クリックでコピー
トップページ	<!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" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <title><%BlogTitle%></title> <meta name="description" content="<%BlogDescription%>" /> <meta name="keywords" content="<%BlogTitle%>" /> <link rel="alternate" type="application/rss+xml" title="RSS" href="<%RDFUrl%>" /> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="<%RSDUrl%>" /> <link rel="contents" href="<%SiteMapUrl%>" /> <link rel="stylesheet" href="<%CSSUrl%>" type="text/css" /> <link rel="stylesheet" href="//img01.i-ra.jp/usr/b/l/o/blogya/style.css" type="text/css" media="all" /> </head> <body> <!-- メリクリ★Ver.1　2010.11.16 --> <a name="top"></a> <div id="container"> <div id="banner"> <h1 class="blogtitle"><a href="<%BlogUrl%>"><%BlogTitle%></a></h1> <div class="description"><%BlogDescription%></div> </div><!--/banner--> <div id="links"> <%PluginListLeft%> </div><!--/links--> <div id="blog"> <!-- Loop Start --> <IndexEntrysLoop> <%TrackBackAutoDiscovery%> <div class="blogbody"> <IfDateChanged><div class="date"><%EntryDate%><%EntryTime%></div></IfDateChanged> <a name="<%EntryId%>"></a> <h3 class="title"><%EntryTitle%></h3> <div class="main"> <%EntryBody%><IfEntryBodyMore><span class="main-continues"><a href="<%EntryPermalink%>">続きを読む</a></span></IfEntryBodyMore> </div> <div class="posted">Posted by <%EntryAuthor%><br /> <IfEntryAllowComment><a href="<%EntryPermalink%>#comments">Comments(<%EntryCommentCount%>)</a></IfEntryAllowComment> <IfEntryAllowPing>│<a href="<%EntryPermalink%>#trackback">TrackBack(<%EntryPingCount%>)</a></IfEntryAllowPing> <IfEntryCategory>│<a href="<%EntryCategoryUrl%>"><%EntryCategory%></a></IfEntryCategory></div> </div> </IndexEntrysLoop> <!-- Loop End --> <div class="menu"> <IfPrevPage><a href="<%PrevPage%>"><< 前のページ</a></IfPrevPage>　　　　　　　　　　<IfNextPage><a href="<%NextPage%>">次のページ >></a></IfNextPage> </div> </div><!--/blog--> <div id="links2"> <%PluginListRight%> </div><!--/links2--> <div class="pagetop"><a href="#top">このページの上部へ</a></div> <div id="footer">Copyright(C)<%Year%> <%BlogTitle%>. ALL Rights Reserved.</div> </div><!--/container--> </body> </html>※右クリックでコピー
個別ページ	<!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" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <title><%BlogTitle%>:<%EntryTitle%></title> <meta name="description" content="<%EntryExcerpt%>,<%BlogDescription%>" /> <meta name="keywords" content="<%BlogTitle%>,<%EntryTitle%>" /> <link rel="alternate" type="application/rss+xml" title="RSS" href="<%RDFUrl%>" /> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="<%RSDUrl%>" /> <link rel="contents" href="<%SiteMapUrl%>" /> <link rel="stylesheet" href="<%CSSUrl%>" type="text/css" /> <link rel="stylesheet" href="//img01.i-ra.jp/usr/b/l/o/blogya/style.css" type="text/css" media="all" /> </head> <body> <!-- メリクリ★Ver.1　2010.11.16 --> <a name="top"></a> <div id="container"> <div id="banner"> <h1 class="blogtitle"><a href="<%BlogUrl%>"><%BlogTitle%></a></h1> <div class="description"><%BlogDescription%></div> </div><!--/banner--> <div id="links"> <%PluginListLeft%> </div><!--/links--> <div id="blog"> <%TrackBackAutoDiscovery%> <div class="blogbody"> <div class="date"><%EntryDate%><%EntryTime%></div> <h2 class="title"><%EntryTitle%></h2> <div class="main"><%EntryBody%></div> <a name="more"></a> <div class="main"><%EntryBodyMore%></div> <div class="posted">Posted by <%EntryAuthor%><br /> <IfEntryAllowComment><a href="#comments">Comments(<%EntryCommentCount%>)</a></IfEntryAllowComment> <IfEntryAllowPing>│<a href="#trackback">TrackBack(<%EntryPingCount%>)</a></IfEntryAllowPing> <IfEntryCategory>│<a href="<%EntryCategoryUrl%>"><%EntryCategory%></a></IfEntryCategory> </div> <div class="menu"> <IfPrevEntry><a href="<%PrevEntry%>"><< 前の記事</a>　　　　　</IfPrevEntry> <a href="<%BlogUrl%>">このBlogのトップへ</a> <IfNextEntry>　　　　　<a href="<%NextEntry%>">次の記事 >></a></IfNextEntry> </div> <IfEntryAllowPing> <a name="trackback"></a> <div class="comments-head">この記事へのトラックバックURL</div> <input class="trackback-url" value="<%EntryTrackBackUrl%>" onclick="this.select();" type="text"> </IfEntryAllowPing> <IfEntryPingCount> <div class="comments-head">この記事へのトラックバック</div> <TrackBacksLoop> <div class="trackback-body"><%PingExcerpt%></div> <div class="trackback-post"><a class="atrackback-post" target="_blank" href="<%PingBlogUrl%>"><%PingTitle%></a>【<%PingBlogName%>】at <%PingDateTime%></div> </TrackBacksLoop> </IfEntryPingCount> <a name="comments"></a> <IfEntryCommentCount> <div class="comments-head">この記事へのコメント</div> <CommentsLoop> <div class="comments-body"><%CommentBody%></div> <div class="comments-post">Posted by <IfCommentUrl><a class="aposted" href="<%CommentUrl%>"><%CommentAuthor%></a><ElseIfCommentEmail><%CommentAuthor%><Else><%CommentAuthor%></IfCommentUrl> at <%CommentDateTime%></div> </CommentsLoop> </IfEntryCommentCount> <IfEntryAllowComment> <table cellpadding="0" cellspacing="0" border="0" class="form"> <form action="<%EntryCommentUrl%>" method="POST" ENCTYPE="multipart/form-data"> <tr> <th>名前：</th> <td><input id="author" name="author" value="<%CookieAuthor%>"></td> </tr> <tr> <th>メール：</th> <td><input id="email" name="email" value="<%CookieEmail%>"></td> </tr> <tr> <th>URL：</th> <td><input id="url" name="url" value="<%CookieUrl%>"></td> </tr> <tr> <th>情報を記憶：</th> <td><input id="bake" type="checkbox" name="cookie" style="padding:0;margin:0px;" <%CookieCookie%>></td> </tr> <tr> <th>コメント：</th> <td><textarea id="text" name="body" rows="10" cols="50"><%CommentArea%></textarea></td> </tr> <tr> <th> </th> <td><input name="insert" type="submit" value="　コメントを書き込む　"></td> </tr> </form> </table> </IfEntryAllowComment> </div> </div><!--/blog--> <div id="links2"> <%PluginListRight%> </div><!--/links2--> <div class="pagetop"><a href="#top">このページの上部へ</a></div> <div id="footer">Copyright(C)<%Year%> <%BlogTitle%>. ALL Rights Reserved.</div> </div><!--/container--> </body> </html>※右クリックでコピー
アーカイブ	<!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" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <title><%BlogTitle%>:<%CategoryName%></title> <meta name="description" content="<%BlogDescription%>" /> <meta name="keywords" content="<%BlogTitle%>,<%CategoryName%>" /> <link rel="alternate" type="application/rss+xml" title="RSS" href="<%RDFUrl%>" /> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="<%RSDUrl%>" /> <link rel="contents" href="<%SiteMapUrl%>" /> <link rel="stylesheet" href="<%CSSUrl%>" type="text/css" /> <link rel="stylesheet" href="//img01.i-ra.jp/usr/b/l/o/blogya/style.css" type="text/css" media="all" /> </head> <body> <!-- メリクリ★Ver.1　2010.11.16 --> <a name="top"></a> <div id="container"> <div id="banner"> <h1 class="blogtitle"><a href="<%BlogUrl%>"><%BlogTitle%></a></h1> <div class="description"><%BlogDescription%></div> </div><!--/banner--> <div id="links"> <%PluginListLeft%> </div><!--/links--> <div id="blog"> <EntrysLoop> <%TrackBackAutoDiscovery%> <div class="blogbody"> <IfDateChanged><div class="date"><%EntryDate%><%EntryTime%></div><a name="<%EntryDateTag%>"></a></IfDateChanged> <a name="<%EntryId%>"></a> <h3 class="title"><%EntryTitle%></h3> <div class="main"><%EntryBody%><IfEntryBodyMore><span class="main-continues"><a href="<%EntryPermalink%>">続きを読む</a></span></IfEntryBodyMore></div> <div class="posted">Posted by <%EntryAuthor%><br /> <IfEntryAllowComment><a href="<%EntryPermalink%>#comments">Comments(<%EntryCommentCount%>)</a></IfEntryAllowComment> <IfEntryAllowPing>│<a href="<%EntryPermalink%>#trackback">TrackBack(<%EntryPingCount%>)</a></IfEntryAllowPing> <IfEntryCategory>│<a href="<%EntryCategoryUrl%>"><%EntryCategory%></a></IfEntryCategory> </div> </div> </EntrysLoop> <div class="menu"> <IfPrevPage><a href="<%PrevPage%>"><< 前のページ</a></IfPrevPage>　　　　　　　　　　<IfNextPage><a href="<%NextPage%>">次のページ >></a></IfNextPage></div> </div><!--/blog--> <div id="links2"> <%PluginListRight%> </div><!--/links2--> <div class="pagetop"><a href="#top">このページの上部へ</a></div> <div id="footer">Copyright(C)<%Year%> <%BlogTitle%>. ALL Rights Reserved.</div> </div><!--/container--> </body> </html>※右クリックでコピー

同じカテゴリー（テンプレート）の記事画像

テンプレート12　「ハイドレインジア（紫陽花）」　3カラム

テンプレート11　「メリクリ★ver.2」　2カラム

テンプレート09　「こんにちは、テレちゃん」　3カラム

テンプレート07　「シンプルver.1レッド」　3カラム

テンプレート07　「シンプルver.1ブルー」　3カラム

テンプレート06　「メキシコ」　3カラム

同じカテゴリー（テンプレート）の記事

テンプレート12　「ハイドレインジア（紫陽花）」　3カラム
テンプレート11　「メリクリ★ver.2」　2カラム
テンプレート09　「こんにちは、テレちゃん」　3カラム
テンプレート07　「シンプルver.1レッド」　3カラム
テンプレート07　「シンプルver.1ブルー」　3カラム
テンプレート06　「メキシコ」　3カラム

Posted by ゆきちゃん店長
Comments(9) │テンプレート

この記事へのコメント

こんばんは～
とっても　きれいなの　できましたねえ（*^_^*）
すばらしい　！　
すぐにでも　変えたいです。
紅葉バージョンも　気に入ってるので　どうしましょう．．．

Posted by テンコ

テンコ

at 2010年11月17日 22:04

やっぱ　クリスマスに　しちゃった。
どうも　ありがとう　ございました　(^_-)-☆

Posted by テンコ

テンコ

at 2010年11月17日 23:37

>> テンコさま
こんばんは！
お返事が遅くなってごめんなさいっ！
クリスマスのテンプレート、さっそく使ってくださって嬉しいです★
ありがとうございます（＾－＾＊
いつでもお気軽に、ころころと変えてしまっても大丈夫ですので、ご自由にご利用ください♪

Posted by ゆきちゃん店長

ゆきちゃん店長

at 2010年11月18日 00:40

>> nurse practitioner　
I'm glad you browse my blog to enjoy yourself. Thank you.

Posted by ゆきちゃん店長

ゆきちゃん店長

at 2010年11月22日 21:00

12月になったら使わしてもらおうかな？？

Posted by とし　【TOSHI】

とし　【TOSHI】

at 2010年11月22日 23:43

>> とし【TOSHI】さま
どうぞどうぞ！
また別バージョンのクリスマステンプレートも作成予定です。
といいつつ、まだ何もとりかかっていませんが。。

Posted by ゆきちゃん店長

ゆきちゃん店長

at 2010年11月23日 15:55

こんばんは～
このテンプレート　みんなに　ほめられちゃっって．．．！＾＾！
どうも　ありがとね。
寒くなってきたから　風邪ひかぬよう　気をつけてね　(*^。^*)

Posted by テンコ

テンコ

at 2010年11月26日 19:59

>> テンコさま
わー、ありがとうございます（＾－＾♪
最近本当に寒いですね。秋ってこんなに寒かったでしょうか…。
テンコさんも風邪・インフルエンザにお気をつけてください★

Posted by ゆきちゃん店長

ゆきちゃん店長

at 2010年11月28日 19:58

私は本当に私がそう多くの有用な情報を読み取ることがないと言うことができます ??????:??????10???????ver.1??3???. 私はこのブログのウェブマスターに感謝の意を表したいと思います。

Posted by coupon codes at 2011年09月20日 22:15

名前：
メール：
URL：
情報を記憶：
コメント：
	＜ご注意＞書き込まれた内容は公開され、ブログの持ち主だけが削除できます。確認せずに書込

新着テンプレート

最近のコメント

タミー / テンプレート12　「ハイドレ･･･

霧島 / テンプレート12　「ハイドレ･･･

coupon codes / テンプレート10　「メリクリ★･･･

ゆきちゃん店長 / テンプレート12　「ハイドレ･･･

テンコ / テンプレート12　「ハイドレ･･･

ブログ内検索

お気に入り

とし【TOSHI】さま

テンコさま

トモコ♪さま

アクセスカウンタ

QRコード

QRCODE

このページの上部へ

テンプレート10　「メリクリ★ver.1」　3カラム

コメント(9)