ABOUT
CATEGORIES
ARCHIVES
SELECTED ENTRIES
RECENT COMMENT
RECENT TRACKBACK
PECORI NIGHT(通常盤)(CD+DVD)
PECORI NIGHT(通常盤)(CD+DVD) (JUGEMレビュー »)
Gorie with Jasmine & Joann, ゴリエ美化委員会, Yu Takami
OTHERS

スポンサーサイト

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

- / - / - /
シンプルbluesky
久しぶりに新しいテンプレート公開してみました。

シンプルbluesky


シンプルな3カラムです。
フリースペースは、右サイドバーの「Link」の下から5つ入れてあります。

もちろん、背景などなど、どうぞご自由にカスタマイズしてください。

テンプレート / comments(33) / trackbacks(1) /
すっかり放置してました。ごめんなさい。
すっかり放置してしまってました。
ごめんなさい。

また、少しずつ、頑張ろうと思ってます。
よろしくお願いします。

配布してるテンプレートはご自由にカスタマイズしてくださって、結構です。
ロリポブログの方で使っていただいても、もちろん、なんの問題ありません。


これからも、よろしくお願いします。
お知らせ&What's new? / comments(2) / trackbacks(2) /
サイドバーの項目ごとの表示位置
サイドバーで、項目(段落)ごとに、表示位置を変えたい場合

植物設定方法

HTMLを変更します。
表示位置を変更したい項目の<div class="linktext" >の後に、
style="text-align: center"を加えて、

<div class="linktext" style="text-align: center">



というふうにします。
右寄せなら、right
左寄席なら、leftに変更してください。

文字は、スタイルシート全体の設定通りでいいんだけど、ブログパーツや、
ブログペットだけは、真ん中に表示したい、というときなど、便利ですよ。

カスタマイズ / comments(23) / trackbacks(0) /
カレンダー表記
横一列のカレンダー表記と普通のカレンダー表記


私は横一列のカレンダーが好きなので、いつもそれにしてしまうんですが、
普通の曜日のわかるカレンダーの方が良い場合は・・・・

植物設定手順植物


まず、HTMLの方に

<!-- BEGIN calendar -->
<div class="calendar">
{calendar_horizontal}
</div>
<!-- END calendar -->


という部分があるので、そこを削除してください。


そして、カレンダーを入れたい場所(サイドバー)に、


<!-- BEGIN calendar -->
<div class="linktitle">CALENDAR</div>
<div class="calendar">
<table border="0" cellpadding="0" cellspacing="1">
<tr align="center">
<td class="cell" style="color:#CC0000">S</td>
<td class="cell" style="color:#000000;">M</td>
<td class="cell" style="color:#000000;">T</td>
<td class="cell" style="color:#000000;">W</td>
<td class="cell" style="color:#000000;">T</td>
<td class="cell" style="color:#000000;">F</td>
<td class="cell" style="color:#0066CC">S</td>
</tr>
</table>
{calendar}
</div>


を入力してください。コピペで結構です。

※これは、公式テンプレートの「plain」の形式をそのまま、引用させていただきました。

曜日の色など、変更したい場合は、
この部分の文字色をカスタマイズしてみてください。


この、逆の場合(普通のカレンダー→横一列カレンダー)は、
そのまま逆の手順でやってみてください。

【追記】
この説明は、かなり「不親切」でした。ごめんなさい。
カレンダーを普通の曜日がわかる形にする場合、細かく、
CSSで、cell分割とか設定してあげなくちゃいけないんですよね。
この「シンプルGreenBox」なら、この手順で大丈夫なのですが、



.calendar {
font-family: "Verdana";
font-size: 10px;
color: #666666;
margin: 5px 0px 20px 10px;
text-align: center;
}

.calendar_month {
font-family: "Verdana";
margin-bottom: 10px;
font-size: 10px;
color: #666666;
}


.cell {
width: 25px;
height: 20px;
padding: 0px;
text-align: center;
font-size: 10px;
color: #666666;
}


カレンダー表記に関する部分を抜き出してみました。
こちらを参考にしてください。
カスタマイズ / comments(6) / trackbacks(0) /
画像をポラロイド風に装飾してみる
記事内にアップした画像をポラロイド風に表示してみる

例えば、こんなふうにサイト名を入れてみたり・・・
(User Template Fileからいらした方は、こちらをクリック)
夕焼け


植物設定方法植物

まず、表示したいロゴを、先に作成して、「画像の管理」でアップロードしておきます。
私は、「幅100px 高さ15px」というサイズで作りました。

次にCSSを編集します。

.pict {
border-width: 1px;(枠線の太さ)
border-style: solid;(枠線の線種)
border-color: #999;(枠線の色)
padding: 7px 7px 25px 7px; (上 右 下 左 の余白)
margin: 8px; 画像と記事本文の間の余白※1
background: #FFFFFF url(http://〜○○○) no-repeat right bottom; ※2

}


※1 画像の回り込みを設定したときに、文字と画像がくっつきすぎないようにします。
※2  枠線と画像の余白の色(#FFFFFF)を指定し、さらに先ほど作ったロゴ画像を壁紙として設定、繰り返し「なし」で、ポジションが右&下




カスタマイズ / comments(14) / trackbacks(2) /
投稿した人の名前〜「シンプルGreenBox」 への質問
「シンプルGreenBox」について

グループでblogを利用してるので、
記事の投稿者を表示したいのですが?

とのご質問をいただきました。


-------修正方法----------

HTML編集画面の中の、

<div class="entry_author"> {category_name} のはなし </div>


の部分の{category_name}{user_name}に変更して、


<div class="entry_author"> {user_name} のはなし </div>


と、してください。
「のはなし」のところは、ご自分でお好きな言葉に変えてください。

例)by:{user_name} 


そして、その少し下にある

<div class="entry_state">* {entry_time} * {comment_num} * {trackback_num} *</div>


の部分の好きな場所に{category_name} を加えてください。

例)<div class="entry_state">* {entry_time} * {category_name} * {comment_num} * {trackback_num} *</div>



そうすれば、記事の右上に投稿者の名前が表示され、
下部にコメントやトラックバックと一緒にカテゴリー名が表示されます。

カテゴリーの表示が必要なければ、変更せず、そのままでも、OKです。


グループでblogをご利用の方は、どうぞ、お試しください♪(*^-^*)

ちなみに・・・
もし、投稿した人の名前をもっと、大きくしたい!とか、色を変えたい!
と思ったら、

CSSの

.entry_author {
font-size: 10px;
color: #999999;
margin: 5px 0px 5px 0px;
text-align: right;
padding-right: 10px;
}

の部分をいじってみてくださいね。

font-size:字の大きさ
color:字の色
text-align:表示位置 right(右寄せ)left(左寄せ)
padding-right:記事枠の右端からの余白
    →左に寄せるなら、padding-leftとして、余白調整してください。
テンプレート / comments(0) / trackbacks(0) /
シンプルGreenBox 修正
ごめんなさい。

テンプレート、シンプルGreenBoxを一部修正しました。


エントリーの日付のところなんですが・・・
「Wednesday」など、文字数の多い日によって、2行にわたってしまうことに気づきました。
こんな初歩的なことに気づかずにごめんなさい。


CSSの中のentry_date 部分を以下のように変更しました。


.entry_date {
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
margin: 10px 0px 0px 280px;
padding-right: 10px;
border-bottom: 0px dotted #669966;
text-align: right;
line-height: 150%;
background-color: #669966;
}



以前にダウンロードしてお使いいただいている方には、
大変申し訳ないのですが、
UTFのシンプルGreenBoxの、CSSのみすべて、差し替えるか、
もしくは、上記の赤文字部分 320px280pxに変更していただけますよう、
お願いいたします。

本当にすみませんでした。


テンプレート / comments(10) / trackbacks(0) /
/ 1/2PAGES / >>