JTrim
せっかくJTrimを紹介したのですから
もう少しだけ使い方を・・・・
どこかで見たこの画像を使ってみます
立体枠をつける
メニュの 加工 → 立体枠をつける でもいいです
↑ 枠の太さを選んでＯＫで ↓
こんどはへこませてみます・・・・
↑ 凹ませるにチェック すると ↓ へっこんで見えますか？
↑ スムースにチェックをいれると 緩やかなカーブで盛り上がります ↓
次はフェードアウト （次第にぼんやりと消えていくこと）
メニュの 加工 → フェードアウト でもいいです
円形に挑戦
たぶん一番使いたい影をつけますなんですが・・・・
あまりキレイに出来ませんね
メニュの イメージ → 影をつける
jpg
gif
png
よりによって・・・・
オリジナルスキンCSSの編集 記事枠（画像）7
2カラム用 横550pxです
上の画像
中の画像
下の画像
お持ち帰り、加工は自由にどうぞ
ＣＳＳの編集で下の部分を探して
赤字部分を削除するか
青字部分 /* と */ を加えてこの部分のＣＳＳを無効にします
説明はスタンダードのグレイ・ピーチ・グリーン・ブルーのスキンの場合です
/* ---------- entry : 各記事枠 ---------------- */
/*
.entry{
width:99%;
margin-bottom:20px;
}
.entry .date{
width:99%;
background-color:#F5F5F5;
padding:5px 0 2px 5px;
border-bottom:1px solid #000000;
border-right:1px solid #000000;
display:block;
color:#000000;
}
.entry .name{
margin-top:5px;
display:block;
}
.entry .theme{
margin-bottom:10px;
display:block;
}
.title{
margin-top:10px;
margin-bottom:10px;
}
.entry .contents{
margin-top:15px;
margin-bottom:15px;
}
.entry .foot{
text-align:right;
padding:5px 20px 5px 0;
border-top:1px dashed #000000;
}
*/
/* ---------- page : ページリンク ------------- */
削除あるいは無効としてからＣＳＳをＣＳＳの編集の最後に貼り付けます
.entry{
width: 100%;
margin-bottom: 20px;
padding:0;
background: url(画像のURL);
background-repeat: no-repeat;
background-position: center top;
}
.entry .entry_head{
padding:0;
}
.entry .date{
display: block;
padding: 10px 0 0 50px;
color: #ffffff;
}
.entry .title{
padding:60px 0 0 30px;
color: #0000ff;
}
.entry .theme{
display: block;
position:relative; top:-55px; left:260px;
}
.entry .contents{
margin: 0;
padding:0 30px 10px;
background: url(画像のURL) ;
background-repeat: repeat-y;
background-position: center top;
color: #0000ff;
}
.entry .foot{
padding: 10px 50px;
background-image: url(画像のURL);
background-repeat: no-repeat;
background-position: center bottom;
}