tsukika's lab Blue Butterfly

tsukika's lab

http://tsukikalab.blog.shinobi.jp/

Admin / Write / Res

<< 03 2024/04 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 05 >>

[71] [70] [69] [65] [64] [63] [62] [61] [60] [59] [58]

◆[PR]

2024/04/20 (Sat)　11:35
Posted by 月華

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

◆Blue Butterfly

2009/04/21 (Tue)　09:45 Template
Posted by 月華

本日、共有申請いたしました。(画像クリックでプレビューが見られます)
カスタマイズしやすいように、画像はサイズさえ合えば貼り替えでOKです。
それに伴う若干の修正は、サポートしておりませんので各自でなさってください。
ご自由にお好みでカスタマイズしてくださって結構です。
なお、素材を変更または他の素材と混合してご利用の場合は、
ごっちゃにならないように素材屋さんの著作権表示変更または追加をお願いします。
また、テンプレートの著作権表示は絶対に削除なさらないようにお願いいたします。

※ご利用前に、必ず利用規約の一読をお願いいたします。

利用規約

※4月２２日修正版がアップされました。

＝追記＝

このテンプレートは、ノート風のラインが入ってるため、文字幅を指定してあります。
(このラインのみ、月華作です。)
画像等を入れる場合、その大きさによっては文字が途中よりズレてきます。
ここではサムネイル画像の縦幅を、140pxに指定しています。
それだとうまく表示されていますが、枚数が多くなるとまたズレるかな？
そこのところは各自で確認なさってください。

[1回]

Comment(5)

この記事にコメントする

◆ 無題

月華さん、こんにちは。

いつもお世話になっております。

いま使わせてもらっているテンプレも気に入っているんですが、このテンプレもシンプルでいいですね。浮気しそう・・・、です。

ほづま 2009/04/22(Wed)09:08:27 編集

Re:無題

ほづまさん、こんにちは。

こちらこそ、ご利用いただきありがとうございます。
このテンプレは、かなりカスタマイズしやすいかなと思います。
よろしければ、どうぞ浮気しちゃってください^^

月華【2009/04/22 10:39】

◆ 無題

月華さん、こんにちは。
久しぶりのテンプレ、待っていました(^▽^)
早速、ＤＬさせていただきました(^_^)v
でも、うちのブログ、ネタ切れで更新してませんが(^_^;)
とりあえず、テンプレ変えて気分一新っとなればいいなぁ（笑）

H&A 2009/04/23(Thu)17:40:10 編集

Re:無題

H&Aさん、こんばんは。
いつもお世話になっています<(_ _)>
そして、またまたのDLありがとうございました。
お待たせしちゃってすみません・・・
4月初めは、ちょっとバタバタしておりまして… (∇｀；)ゝ

わたしも、個人ブログの方は毎日ネタ探しに苦労しますよ～^^;
また更新されるの、楽しみにしておりますね(o^∇^o)ノ

月華【2009/04/23 23:22】

◆ 無題

月華ｻﾏこんばんはー
今回のテンプレも凄くステキですね。
凄くシンプルなのが気に入っていますｗｗ
それで、今回は少しだけテンプレをカスタマイズさせていただきました。
（そんな、大層なことではないですが）
ノート風のラインが気に入ってたのですが、私のブログはどうしても長文で、なぜか画像も入れてないのに、ずれてしまうのです。なので、ラインを削除させていただいたのと、蝶々が苦手なので素材も変えさせていただきました。

又次回も楽しみにしています。

彩翔 2009/04/23(Thu)21:40:51 編集

Re:無題

彩翔さん、こんばんは。
またのDLどうもありがとうございます<(_ _)>
ブログの方見せていただきましたが、文字がラインからズレるのは、Top画像入れ替えのためTopの縦幅が変わったのが原因かと思われます。
CSSの微調整で修正できますので、CSSを記しておきますね。

/*記事本文が記載される部分*/
.EntryText {
padding: 2px;　　←　この部分のサイズを微調整してください。
color:#333333;
font-size:12px;
line-height:20px;
background:url(http://bfile.shinobi.jp/5300/16a5b213.jpg);
background-repeat:y;

月華【2009/04/24 07:43】

◆ lace flowersのテンプ＾＾＾

お久しぶりです～

新作のBlue Butterflyも素敵です！
今回は、5月になったので以前に素敵で使ってみたいと思ってた'lace flowers'のテンプにチャンジしました！バックの色とかグレー大好きなので変えましたのでよろしくお願いします！

ミドリーヌ 2009/05/02(Sat)12:31:34 編集

Re:lace flowersのテンプ＾＾＾

いつもありがとうございます♪

え～っと、とても言いにくいのですが、この前使ってくださっていたテンプレートですが、firefoxからの閲覧ではレイアウトが崩れてたんです。
もしかして、写真サイズが大きいのかも？
(プラグインが記事下に下がって表示される。)
連絡のしようがないので、どうしようかと思ってたところで、テンプレートを変更してくださって良かったです。
今回のテンプレートですが、やっぱり少しレイアウト崩れを起こしております。
背景をグレーにとのことですので、ちょっとやってみましたがこれが精いっぱいと言うか。。。<(_ _)>
でもこれだと、レイアウトは崩れてません。
ミドリーヌさんのお好みのようにはなってないんですけど、どうでしょう？
下に修正したCSSを貼り付けておきますので、よろしければ試してみてください。

/***********************************************************
全ブロックの共通設定
************************************************************/
/*HTML全体に関する設定*/
html{
scrollbar-arrow-color: #000000;
scrollbar-base-color: #000000;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3d-light-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
}
/*BODY全体に関する設定*/
body {
color:#666666;
font-family:'Microsoft Sans Serif','MS UI Gothic','Comic Sans MS',Tahoma,sans-serif,Osaka;
margin: 0 auto;
font-size:12px;
text-align:center;
}
/*の全ての設定*/
td {
text-align:center;
}
/*table全ての設定*/
table{
border-collapse: collapse;
}
/*通常のリンクの設定*/
a:link {
text-decoration:none;
color:#a25768;
}
/*過去に見たことがあるページのリンクの設定*/
a:visited{
text-decoration:none;
color:#a25768;
}
/*カーソルが合っている状態のリンクの設定*/
a:hover {
text-decoration:none;
color:#666666;
}
/*アクティブ状態のリンクの設定*/
a:active {
text-decoration:none;
color#a25768;
}

/*全体の設定*/
#mainBlock {
width:1024px;
text-align: center;
margin:0 auto;
font-size:12px;
background:url(http://bfile.shinobi.jp/4954/lace_flower.jpg);
background-repeat:y;
overflow: hidden;
}
/*テキスト左寄せ*/
.left {
text-align:left;
}
/*テキスト中央寄せ*/
.center {
text-align:center;
}
/*テキスト右寄せ*/
.right {
text-align:right;
}
/************************************************************
トップブロック用デザイン
************************************************************/
/*一番上のブロック（タイトルが書かれる場所）の設定*/
#TopBlock {
width:400px;
height: 150px;
text-align: left;
background:url(http://bfile.shinobi.jp/4954/pl9title.gif);
background-repeat:no-repeat;
background-position:center;
padding-left:60px;
margin-left:60px;
}
#AdminBlock{
height: 25px;
font-size:13px;
text-align: right;
padding-top; 0px;
padding-right: 150px;
padding-bottom; 0;
padding-left: 0;
color:#a25768;
font-family:century,Georgia,'Times New Roman';
}
/*ページタイトル文字部分の設定*/
#TopTitle {
padding: 60px 0px 0px 50px;
font-family:'century','Microsoft Sans Serif','MS UI Gothic','Comic Sans MS',Tahoma,sans-serif,Osaka;
}
/*ページタイトル文字色の設定*/
.TopTitleFont {
font-size:24px;
font-weight:bold;
}
/*ページタイトルの下に来るブログの説明文書*/
#TopExplanation {
padding: 60px 50px 0px 0px;
font-size:14px;
font-family:'century','Microsoft Sans Serif','MS UI Gothic','Comic Sans MS',Tahoma,sans-serif,Osaka;
}
/************************************************************
フッターブロック用デザイン
************************************************************/
/*一番下のブロック（著作権表示が書かれる場所）の設定*/
#FooterBlock {
clear:both;
text-align: center;
font-size:12px;
padding-top:100;
height:70px;
}
/***********************************************************
プラグインブロック用デザイン
************************************************************/
/*プラグイン表示箇所全体の設定*/
.PluginBlock {
width: 200px;
text-align: left;
float: left;
margin-left:30px;
padding-left:70px;
}
/*プラグイン表示箇所の背景や余白設定*/
.PluginInnerBlock {
padding:1px;
padding-bottom:30px;
width:200px;
background-color:#cccccc;
}
/*プラグインのタイトル（名称）部分の設定*/
.PluginTitle {
background:url(http://bfile.shinobi.jp/4954/ban1.gif);
background-repeat:no-repeat;
height:40px;
font-size:14px;
text-align:center;
font-family:Century,Georgia,'Times New Roman';
color:#000000;
padding:10px 0px 10px 0px;
}
/*プラグインの説明部分の設定*/
.PluginExplanation {
padding: 1px;
}
/*プラグインが表示される場所の設定*/
.PluginContents {
padding: 10px;
font-size:10px;
color:#666666;
width:190px;
}
/************************************************************
記事ブロック用デザイン
************************************************************/
/*記事繰り返し処理全ての部分の設定*/
#EntryBlock {
width: 530px;
float: left;
text-align: left;
padding-left:40px;
margin-left:20px;
}
/*記事表示部分の背景や余白等の設定*/
.EntryInnerBlock {
text-align: left;
background:url(http://bfile.shinobi.jp/4954/pl4-line2.gif);
background-repeat:no-repeat;
margin-top:30px;
margin-left:40px;
width:500px;
background-color:#cccccc;
}
/*各記事タイトル部分の設定*/
.EntryTitle {
text-align: left;
padding:30px 0px 0px 30px;
}
/*各記事タイトル部分の文字色設定*/
.EntryTitleFont {
font-size:14px;
font-weight:bold;
}
/*各記事やコメント、トラックバックなどの総合のブロック部分*/
.EntryTextBox {
margin: 5px 0px;
}
/*記事本文が記載される部分*/
.EntryText {
padding: 10px;
color:#333333;
font-size:12px;
line-height:150%;
}
/*追記文書が記載される部分*/
.EntryPsText {
padding: 20px;
text-align: right;
}
/*記事へのリンク（コメントやトラックバック等）の背景*/
.EntryFooter {
text-align:right;
padding:10px;
background:url(http://bfile.shinobi.jp/4954/pl4-line2.gif);
background-repeat:no-repeat;
background-position:left bottom;
height:50px;
width:500px;
}
/*記事の投稿者名が記載されている部分*/
.EntryHeader {
text-align:right;
margin-left: 5px;
padding-right:20px;
}
/*記事へのコメントリンクが記載されている部分*/
.EntryComment {
margin-left: 5px;
font-size:12px;
padding-right:20px;
}
/*記事へのトラックバックリンクが記載されている部分*/
.EntryTrackback {
margin-left: 5px;
font-size:12px;
}
/*次の記事やHOMEへのリンクが表示される背景部分*/
.PageLinkBlock{
text-align:center;
padding:10px;
}
/*************************************************************
各コメント表示部分の設定
*************************************************************/
/*コメント全体の設定*/
.CommentBlock{
padding:10px 50px 10px 30px;
margin-bottom:20px;
}
/*この記事にコメントする　と書かれてる部分の設定*/
.CommentMenuTitle{
text-align: left;
font-size:14px;
font-weight:bold;
padding-bottom:20px;
}
/*コメントのタイトル、コメント、コメント情報の全ての背景部分*/
.CommentTextBox{
margin: 5px 0px;
border:solid 1px #999999;
padding:10px;
}
/*コメントのタイトル部分*/
.CommentTitle{
text-align: left;
border-bottom:dotted 1px #999999;
padding:5px 0px 10px 40px;
font-size:14px;
font-weight:bold;
background:url(http://bfile.shinobi.jp/4954/pl9ic.gif);
background-repeat:no-repeat;
}
/*コメント部分*/
.CommentText{
padding: 10px;
font-size:12px;
line-height:150%;
color:#333333;
}
/*投稿者や投稿時間などが表示されている部分*/
.CommentFooter{
text-align:right;
padding:10px;
border-top:dotted 1px #999999;
}
/*投稿者名の部分*/
.CommentUserName{
margin-left: 5px;
}
/*投稿者のホームページへのリンク部分*/
.CommentURL{
margin-left: 5px;
}
/*投稿された時間が記載されている部分*/
.CommentWriteDate{
margin-left: 5px;
}
/*コメント編集へのリンク部分*/
.CommentEdit{
margin-left: 5px;
}
/*コメントを投稿するフォーム全体の設定*/
.CommentFormBlock{
margin-bottom:20px;
}
/*コメントフォーム用テーブル*/
.CommentFormTable{
}
/*コメントフォームTHタグ設定*/
.CommentFormTh{
padding-top:5px;
text-align:right;
font-size:12px;
padding-right:10px;
}
/*コメントフォームTDタグ設定*/
.CommentFormTd{
padding-top:5px;
text-align:left;
}
/*コメントフォーム送信ボタンのTDタグ設定*/
.CommentFormSubmit{
text-align:left;
font-size:11px;
}
/*inputタグやtextareaの設定*/
.CommentForms{
}
/*コメントを編集する　と書かれてる部分の設定*/
.CommentSabTitle{
text-align:center;
font-size:16px;
font:bold;
padding-bottom:20px;
}
/************************************************************
トラックバック表示部分の設定
************************************************************/
/*トラックバック全体の設定*/
.TrackbackBlock{
padding:10px;
}
/*トラックバックメニューのタイトル部分*/
.TrackbackMenuTitle{
text-align: left;
font-size:12px;
}
/*トラックバックのタイトル、記事、リンク部分の総合設定*/
.TrackbackTextBox{
margin: 5px 0px;
}
/*トラックバックタイトルの部分*/
.TrackbackTitle{
text-align: left;
}
/*トラックバックの記事部分*/
.TrackbackText{
padding: 10px;
line-height:140%;
}
/*投稿されたブログ名やリンクなどを表示する部分の設定*/
.TrackbackFooter{
text-align:right;
padding:5px;
}
/*トラックバック元のブログ名部分*/
.TrackbackUserName{
margin-left: 5px;
}
/*トラックバック元へのリンク部分*/
.TrackbackFromURL{
margin-left: 5px;
}
/*トラックバックされた日付部分*/
.TrackbackWriteDate{
margin-left: 5px;
}
/*この記事のトラックバック　と書かれた部分の設定*/
.TrackbackURLTitle{
text-align: left;
font-size: 12px;
}
/*トラックバックする為のURLが記載されているフォーム部分の設定*/
.TrackbackURL{
}
/************************************************************
各プラグイン共通項目用設定
************************************************************/
/*各プラグイン処理内の基本デザイン*/
.Plugin_data {
text-align:left;
padding:1px;
}
/*各プラグイン処理内基本デザインの下に記載する日付など*/
.Plugin_data_date {
text-align:right;
font-size:8px;
}
/************************************************************
カレンダープラグイン用デザイン
*************************************************************/
/*カレンダー日付移動用テーブル（前月、次月へのリンクなど）*/
.CalendarMoveTable {
padding:3px;
width:80%;
margin:0 auto;
}
/*カレンダー日付移動用テーブル、タグ部分のデザイン*/
.CalendarMoveTr {
font-size:11px;
}
/*カレンダー日付移動用テーブル内、左側td部分のデザイン*/
.CalendarPrevTd {
font-size:11px;
}
/*カレンダー日付移動用テーブル内、中央td部分のデザイン*/
.CalendarNowTd {
font-size:11px;
}
/*カレンダー日付移動用テーブル内、右側td部分のデザイン*/
.CalendarNextTd {
font-size:11px;
}
/*カレンダー表示用テーブル*/
.CalendarTable {
width:80%;
padding:3px;
margin:0 auto;
}
/*-------------------------------------------------------
カレンダーテーブル -> 曜日表示部分デザイン
-------------------------------------------------------*/
/*曜日表示部分（タグ部分）のデザイン*/
.CalendarWdayTr {
font-size:11px;
}
/*曜日表示部分、日曜日のタグ部分デザイン*/
.CalendarWdaySun {
}
/*曜日表示部分、平日のタグ部分デザイン*/
.CalendarWday {
}
/*曜日表示部分、土曜日のタグ部分デザイン*/
.CalendarWdaySat {
}
/*-------------------------------------------------------
カレンダーテーブル -> 日付表示部分デザイン
-------------------------------------------------------*/
/*日付表示部分（タグ部分）のデザイン*/
.CalendarTr {
font-size:11px;
}
/*日付表示部分、日曜日のタグ部分デザイン*/
.CalendarTdSun {
color:#c53d43;
}
/*日付表示部分、土曜日のタグ部分デザイン*/
.CalendarTdSat {
color:#84a2d4;
}
/*日付表示部分、平日曜日のタグ部分デザイン*/
.CalendarTd {
}
/*記事が存在する場所の設定*/
.CalendarTdLink {
background-color:#f5f5f5;
}
/*記事が存在する日付の文字色の設定*/
.CalendarTdLinkFont {
color:#a25768;
}
/*-------------------------------------------------------
コメント -> 管理者返信部分デザイン
-------------------------------------------------------*/
.CommentResBlock {
padding:10px 10px 10px 20px;
}

.CommentResBox {
border:solid 1px #999999;
padding:10px;
}

.CommentResTitle {
font-size:14px;
font-weight:700;
border-bottom:dotted 1px #999999;
padding:5px 0px 10px 40px;
background:url(http://bfile.shinobi.jp/4954/pl9ic.gif);
background-repeat:no-repeat;
}

.CommentResText {
padding:10px 0px 10px 10px;
font-size:12px;
line-height:150%;
color:#666666;
}

.CommentResFooter {
text-align:right;
border-top:1px dotted #999999;
padding:10px;
}

月華【2009/05/02 13:16】

◆ 修正ありがとうございます！

月華さんの修正分をコピペしてみました！
少しまたアレンジしましたが落ち着きました。

親切丁寧にご指導ありがとうございます！
これからもいろいろと教えてくださいね・・・メールアドレス入れときましたのでなにかありましたら宜しくお願いします！

ミドリーヌ 2009/05/02(Sat)15:47:13 編集

Re:修正ありがとうございます！

拝見してきました。
が、やはりfirefoxでの表示が崩れてますので、
どのように見えるのか貼付ファイルにて確認いただくために、
メールの方からお邪魔いたします。

月華【2009/05/03 02:53】

<< Back << HOME >> Next >>

Calendar

2024/04