スポンサーサイト

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

| - | - | - |

写真の表示について
先に配布しているテンプレートで一部抜けてる部分がありました・・・(ゴメンナサイ

CSSを見たらわかると思うのですが・・・お好みで変更してくださいね。



.pict {

background-color: #ffffff; 背景色

border-width:1px; ラインの幅(太さ?)

color: #cccccc; ラインの色

margin: 5px 5px 5px 5px; ラインの外側 上、右、下、左 

padding: 5px 5px 5px 5px 画像のまわり

border-style: solid; ラインの種類  

}


このブログではポラロイド風にしてあります。詳しくはDear Days別冊様を参照下さい。

こんなカンジです↓





.pict {

background-color: #ffffff;

border-width: 2px;

margin: 5px 10px 5px 5px;

padding: 10px 10px 40px 10px; ロゴなど入れる場合は下の余白は多めに・・・

border-style: solid;

border-color: #DCE3E3 #C1C1C1 #C1C1C1 #DCE3E3; ラインの色 

background-image:url(http://****/***.jpg); 下にロゴなど入れる場合はココに記述

background-repeat:no-repeat;

background-position:95% 95%; } ロゴの位置


写真や画像によって、枠線が要らない場合は投稿の際に赤字部分を削除してください。

<img src="http://img-cdn.jg.jugem.jp/8ef/85879/20070312_352749.JPG" width="256" height="259" alt="" class="pict" />

画像の種類によって、枠線のタイプを変えたい場合は・・・赤字のpictimgなどに変えて

cssを追加してやればいいみたいです^^



→ctrl+cキーを押してコピーしてね^^


| カスタマイズ | comments(3) | - |

Amazon画像の表示について
ご質問が多かったのでこちらで紹介しておきます^^



Amazon画像を表示させるのに、現在の設定だと複数(3つ以上)の場合

欄がかなり横広がりになってしまいます(><)



画像を縦に表示する場合は・・・

<!-- BEGIN amazon -->

<div class="amazon"><a href="{amazon_url}" target="_blank" title="{amazon_ProductName}">

<img src="{amazon_ImageUrlSmall}" alt="{amazon_ProductName}" border="0" align="left" />

<!-- END amazon -->


赤字部分をcenterに変更して下さい。



次に、縦並びで表示件数が多くて嫌だわ〜って場合は・・・

.amazon img{

margin: 1px 10px 10px 10px;

padding:2px 0px 2px 60px; ←画像の位置を設定します。赤字部分を変更。

}

.amazon {

overflow: auto; height: 130px;
 ←スクロロールします 高さは適当に好みで変えてね。

} この部分は現在入ってないので、追加してください。


これで、大丈夫だと思うのですが・・・

不具合があれば、またご連絡下さい。



→ctrl+cキーを押してコピーしてね^^


| カスタマイズ | comments(4) | - |

テンプレートのパーツ
配布しているテンプレート「cafe*note」のノートのリング部分を

色違いで作ってみました。

リング部分を変えると枠線(外側)の変更も必要なので、

CSSの .back と .back2 の下記の部分を変更して使ってください



border-left: 1px solid #4F2A00;

border-right: 0px solid #4F2A00;




 #003881   #78ABCA   #000000



#356553   #B55C5C   #810000



#CDA6B4   #90DC6F   #FFC9C9



#002BFF   #8294FF   #4E2801





まとめてダウンロードはこちらから→ プレゼント






| カスタマイズ | comments(0) | - |