2007/05/23
Wednesday

スポンサーサイト

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

スポンサードリンク | - | - | -
2007/01/31
Wednesday
14:09

「ORAGE」「PINK」「BLA PINK」エントリーについて

CSSで/*☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆*/の間の表記ですが、
これは絵文字にも有効なため絵文字を使用する人は削除することで通常通り絵文字を使用できます。
「普通の写真には枠をつけてセンター揃えにしたいけど、絵文字も使いたい!」という人は以下の方法を使ってみてください☆


/*☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆*/
.mannaka {
padding: 5px;
background-color: #FFF;
border: 1px solid #CCC;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
}
/*☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆*/


上のように赤字部分に任意の名前(半角英数)を付けます。
あとはエントリー時に手を加えます。
通常画像を挿入すると、


<img src="http://img-cdn.jg.jugem.jp/a07/341235/20070129_65745.gif" />


こんなふうに書いてありますね。
そこに以下のようにちょっと書き加えます。


<img src="http://img-cdn.jg.jugem.jp/a07/341235/20070129_65745.gif" class="mannaka" />
※class="mannaka"の前には半角スペースが入ります。


これで、写真は枠付センター表示になります♪

choco by D.I.O. | TEMPLATE☆INFORMATION | comments(0) | trackbacks(0)
2007/01/30
Tuesday
15:09

テンプレート更新情報

テンプレート「PINK」「ORANGE」「BLA PINK」をダウンロードしていただいた皆様へ。
コメントへのリンクが不良でしたので、改善しました。
また、ブラウザと、コメント入力エリアのスクロールバーの色を、テンプレに合わせて変更しました♪
再度ダウンロードお願いいたします。


また、HTMLやCSS内にご自身で修正を加えた方は、以下の例を参考にコピペで直してださい。


☆HTML☆修正箇所
(こちらは、3種テンプレート全て同様になります。)


--修正前----------
<!-- BEGIN comment_area -->
<a name="comments"></a>
<div class="entry">
<div class="entry_top"></div>
<div class="entry_left">COMMENTS</div>
--修正後----------
<!-- BEGIN comment_area -->
<div class="entry">
<div class="entry_top"><a name="comments"></a></div>
<div class="entry_left">COMMENTS</div>


--修正前----------
<!-- BEGIN trackback_area -->
<a name="trackback"></a>
<div class="entry">
<div class="entry_top"></div>
<div class="entry_left">TRACKBACK</div>
--修正後----------
<!-- BEGIN trackback_area -->
<div class="entry">
<div class="entry_top"><a name="trackback"></a></div>
<div class="entry_left">TRACKBACK</div>


上記2点がHTMLの修正該当箇所です。


☆CSS☆修正箇所
(こちらは、3種テンプレートそれぞれ色の指定が異なります。)

CSS内の説明コメント終了後の


html {
scrollbar-3dlight-color: #666;
scrollbar-arrow-color:#FF9900;
scrollbar-darkshadow-color:#FF9900;
scrollbar-face-color:#333;
scrollbar-highlight-color:#FFF;
scrollbar-shadow-color:#333;
scrollbar-track-color:#FFF;
}

textarea {
scrollbar-3dlight-color: #666;
scrollbar-arrow-color:#FF9900;
scrollbar-darkshadow-color:#FF9900;
scrollbar-face-color:#333;
scrollbar-highlight-color:#FFF;
scrollbar-shadow-color:#333;
scrollbar-track-color:#FFF;
}


この部分を、ダウンロードしたCSSテンプレートに追加してください☆
これで、スクロールバーの色が変わります。
※必要のないかたはそのままでご使用下さい♪

それでは、宜しくお願いいたします。

テンプレートダインロードページへ→

choco by D.I.O. | TEMPLATE☆INFORMATION | comments(0) | trackbacks(0)
2007/01/29
Monday
15:05

テンプレート☆ROSE PINK☆ 修正しました!!

テンプレートを修正しました。 ダウンロード☆

ベースのHTMLから作り直しました。 CSSのソースも余分なものを削除しました。 前回ダウンロードしていただいた方で、コチラを気に入っていただけた場合は、 お手数ですが再度ダウンロードをお願いいたします。 一応テスト済みですが、何かありましたらご連絡ください。 ご使用に当たりまして、 FOOTER部分のchoco by D.I.O.へのリンクは消さないでください。 また、画像の転用はなさらないようお願い申し上げます☆

choco by D.I.O. | TEMPLATE☆INFORMATION | comments(0) | trackbacks(0)