Paroday

Paroday:ニュースやアニメのレビュー、FC2ブログのテンプレート・プラグインなどを配信しています。

もしかして Parody ではありませんか? yes

pazw-datum

検索ワード「」は、Ctrlキー+Fキー(command+Fキー)で変更場所を探すためのキーワードです。「タイトル」となっていれば検索ウィンドウにタイトルと入力してください。

■pazw-datum(停止) : プレビュー
pazw-datum

履歴

背景画像を使う

変更場所 ▼ スタイルシートの編集-検索ワード「body--」

---body---- */
body{ の background /* 全体背景色 */ 部分を変更。
( )内に画像のアドレスを入れて差し替えます。

>>斜線背景画像(back1.gif)プレビュー

 background: #ffffff url(http://blog-imgs-41.fc2.com/p/a/r/paro2day/back1.gif) left top repeat;

 background: #f0f0f0 url(http://blog-imgs-41.fc2.com/p/a/r/paro2day/back1a.gif) left top repeat;

#ffffff 部分を変更すると色が変わります。色は #fbfbff など薄め推奨です(#f○f○f○)

back1/aback1.gifの色変化は白地の部分、back1a.gifの色変化は赤地の部分です


>>十字背景画像(back2.gif)プレビュー

 background: #ffffff url(http://blog-imgs-41.fc2.com/p/a/r/paro2day/back2.gif) left top repeat;

 background: #f0f0f0 url(http://blog-imgs-41.fc2.com/p/a/r/paro2day/back2a.gif) left top repeat;

#ffffff 部分を変更すると色が変わります。色は #fbfbff など薄め推奨です(#f○f○f○)

back2/aback2.gifの色変化は白地の部分、back2a.gifの色変化は赤地の部分です

記事本文下の投稿時間の左横に空白のリンクがあります。ログイン状態のときのみ編集画面に飛びます。

gerade

記事の投稿時間を消す

変更場所 ▼ HTMLの編集-検索ワード「&nbsp;<%topentry_hour>」

&nbsp;<%topentry_hour>:<%topentry_minute>&nbsp;|

上記部分を削除します。

記事下部ユーザータグのリンクを自分のブログ内に変更

変更場所 ▼ HTMLの編集-検索ワード「jointtag」

<%topentry_jointtag> 部分を以下にに変更します。

<!--tag_list--><a href="./?tag=<%topentry_tag_list_parsename>"><%topentry_tag_list_name></a>&nbsp;<!--/tag_list-->

コメントの絵文字を追加

変更場所 ▼ HTMLの編集-検索ワード「textarea」

変更箇所は2つあります「<!--comment_area-->」と「<!--edit_area-->」

赤字部分を追加してください。

<label for="comment">Comment</label><br />
<script type="text/javascript" src="<%server_url>load.js"></script><br />

枠色の変更[ 青 ]

変更場所 ▼ スタイルシートの編集

下記のように赤字部分を変更すると色が変わります。赤ならd54646です。
他の色は枠色サンプルを参考にしてください。

/* =========================================================== 枠色=== */
/* 青 #334450 / 緑 #557755 / 灰 #3e3e3e / 赤 #d54646 / 橙 #eea956 */
/* 薄 #54718b/ 薄 #90a3a9 / 薄 #acb3b6 / 薄 #b84844 / 薄 #c4b999 */

.e-frame,div.navi li a:hover,div.p-navi a:hover,div.navi li a:active,
div.p-navi a:active{
   background: #334450 ;  /* 最上部 */
}
.main .e-frame{ background: #334450 ; }  /* 日付部分 */

div.r-main .e-frame,table.calender td a:hover,table.calender td a:active{
   background: #334450 ; }  /* サイドバー */

文字サイズ[ big ]

変更場所 ▼ スタイルシートの編集

下記のように数値部分を変更すると文字の大きさを変えられます。
%指定をやめてpx指定にする場合は94%→15.04px / 82%→13.12px に変更してください。

/* --- big 94% small 82% ---------------------------------文字サイズ--- */

.e-text,.titlebody{ font-size: 94% ;}

幅[ L ]

変更場所 ▼ スタイルシートの編集

/* === 初期値 : M ======================================== 幅変更=== */
/* L   830px  600px  0px  0px  210px */

#pagetop{ width: 830px ;}   /* 全体幅 */

div.main{ width: 600px ;   /* メイン */
 margin-right : 0px ;
}
div.m-main{ margin-right : 0px ;}

div.right{ width: 210px ; }   /* サイドバー */

幅[ 左メイン可変+右固定 ]

変更場所 ▼ スタイルシートの編集

/* ================================================= 左右入替え === */

div.main{ float: left ; }
div.right{ float: right ; }


/* === 初期値 : M ======================================== 幅変更=== */
/* 可変+固定  92%  100%  -228px  228px  210px */

#pagetop{ width: 92% ;}   /* 全体幅 */

div.main{ width: 100% ;   /* メイン */
 margin-right : -228px ;
}
div.m-main{ margin-right : 228px ;}

div.right{ width: 210px ; }   /* サイドバー */

幅[ 左固定+右メイン可変 ]

変更場所 ▼ スタイルシートの編集

/* ================================================= 左右入替え === */

div.main{ float: right ; }
div.right{ float: left ; }


/* === 初期値 : M ======================================== 幅変更=== */
/* 可変+固定  92%  100%  -228px  228px  210px */

#pagetop{ width: 92% ;}   /* 全体幅 */

div.main{ width: 100% ;   /* メイン */
 margin-left : -228px ;
}
div.m-main{ margin-left : 228px ;}

div.right{ width: 210px ; }   /* サイドバー */

関連記事