画像の縁取りでポラロイド写真風に
画像の縁取りでポラロイド写真風
DIV.POST_BODY img{
margin:5px;
padding:5px 5px 30px 5px;
border-top:1px solid #cccccc;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
border-left:1px solid #cccccc;
background-color:#F6F6F6;
background-image:url(サイン.gif URL);
background-repeat:no-repeat;
background-position:95% bottom;
}

このソースをCSS編集の最後に追加すればOKです。
サインは適当なグラフィックスソフトで作ってください。

↓上段のタグの説明です

枠線の外側に余白を5px分取ります。
枠線の内側に余白を取ります。上5px、右5px、下30px、左5px
上の線 1px 実線 薄いグレー色
右の線 1px 実線 少し濃いグレー色
下の線 1px 実線 少し濃いグレー色
左の線 1px 実線 薄いグレー色
背景色 薄いグレー色
背景画像 サイン 透過gif
背景画像の繰り返し なし
背景画像の位置 左から95%、下端
[PR]
# by snowdropa | 2008-01-18 00:35 | CSS |Topにもどる
流れる文字
流れる文字
風に吹かれて思いのままに!

風に吹かれて思いのままに!

風に吹かれて思いのままに!


流れる文字のタグ(<>はすべて全角になっています。コピー・ペーストしたら半角に直しましょう)
<Marquee Bgcolor="#f0ffff"><B>風に吹かれて思いのままに!</B></Marquee><BR>

<blockquote style="background-color:#fff0ff;padding:15px 15px 15px 15px;border-top:1px solid #d9c7c7;border-left:1px solid #d9c7c7;border-right:4px solid #d9c7c7;border-bottom:4px solid #d9c7c7;"><Marquee Bgcolor="#ffe5f7">

<B>風に吹かれて思いのままに!</B></Marquee></blockquote>


<B><blockquote style="background-color:#f0ffff;padding:10px 10px 15px 15px;border:4px dashed #59b3b3;"><Marquee Bgcolor="#f0ffff"><B>風に吹かれて思いのままに!</B></Marquee><BR></blockquote></B>
[PR]
# by snowdropa | 2008-01-17 23:03 | スキンの編集 |Topにもどる
固定背景
BODY{ background-color:#ffffff; MARGIN :0;PADDING : 0;
BACKGROUND-IMAGE : URL(背景画像URL);
background-attachment: fixed;
background-position: 0% 0%;
background-repeat: no-repeat;
}
BODY,TD,DIV,LI{ FONT-SIZE : SMALL; FONT-FAMILY : VERDANA,ARIAL,SANS-SERIF; LINE-HEIGHT : 150%; COLOR : #000000; WORD-BREAK : BREAK-ALL; }

A:LINK{ COLOR: #778129; TEXT-DECORATION: NONE }
A:VISITED{ COLOR: #778129; TEXT-DECORATION: NONE }
A:ACTIVE{ COLOR: #778129; }
A:HOVER{ COLOR: #3F4608; TEXT-DECORATION: UNDERLINE }

/*.TOP_LEFT {
BACKGROUND-IMAGE : URL(http://md.exblog.jp/skn/img/a/01/01/4/top_left_1.gif);
HEIGHT : 116PX;
}

.TOP_RIGHT {
BACKGROUND-IMAGE : URL(http://md.exblog.jp/skn/img/a/01/01/4/top_right_1.gif);
HEIGHT : 116PX;
}*/

DIV#TOP {
/*BACKGROUND-IMAGE : URL(http://pds.exblog.jp/pds/1/200710/20/10/hituji2.jpg);*/
[PR]
# by snowdropa | 2007-12-09 22:57 | スキンの編集 |Topにもどる
t
枠の中にコメントを入れます。

テストです


枠の中に画像を入れます。

a0107510_22384769.gif


blockquote style="background-color:#fffff0;padding:15px 15px 15px 15px;border-top:1px solid #629666;border-left:1px solid #629666;border-right:3px solid #629666;border-bottom:3px solid #629666;"コメントや画像を入れます/blockquote
すべての<>は半角英数に直してね
[PR]
# by snowdropa | 2007-12-09 22:39 | CSS |Topにもどる
ONマウス
/*画像の拡大表示*/
.popup a:link img.zoom,
.popup a:visited img.zoom,
.popup a:active img.zoom,
.popup a:focus img.zoom{
display:none;
border-style:none;
}

.popup a:hover{background-color:transparent;}

.popup a:hover img.zoom{
border-style:none;
display:block;
}

.popup a:link img.small,
.popup a:visited img.small,
.popup a:active img.small,
.popup a:focus img.zoom{
border-style:none;
display:block;
}
.popup a:hover img.small{
border-style:none;
display:none;
}
[PR]
# by snowdropa | 2007-12-07 11:08 | CSS |Topにもどる
オンマウス



[PR]
# by snowdropa | 2007-11-30 20:54 |Topにもどる
カレンダー
a0107510_1573458.gif

DIV.CAL {BACKGROUND : #f7f0ff;

DIV.CAL_BODY {

background-image:url(イメージファイル名);
background-repeat:repeat-x;
background-position:bottom;



a0107510_1583561.gif

本日

background-image:url('URL');
background-repeat:no-repeat;
background-position:center center;


a0107510_1581486.gif


PADDING-BOTTOM : 10PX;   /*←数字が小さくなるとカレンダーに近づきます。*/ 
BORDER: 1PX solid #999;  /*←好きな色に*/

a0107510_15152645.gif


背景が白いとき

a0107510_1519591.gif
[PR]
# by snowdropa | 2007-11-15 17:19 | スキンの編集 |Topにもどる
ネームカード
a0107510_176764.gifFlash名刺カード(スライドショー)の作成の流れです

a0107510_1765210.gifマイネームカードをクリック
 ↓
a0107510_1772384.gifスライドショーをクリック
 ↓
a0107510_1775123.gifスライドショーを作成
 ↓
a0107510_1783615.gifマイネームカードへの設定・・・公開設定
 ↓
a0107510_17124179.gif名刺の設定
 ↓
a0107510_17131544.gifFlash名刺スキンの選択(スライドショースキンの中から選びましょう)
 ↓
a0107510_17143898.gif設定する
 ↓
a0107510_17151769.gifマイブログへもどって更新
[PR]
# by snowdropa | 2007-10-23 23:14 | スキンの編集 |Topにもどる
コメント欄に画像を・・・
画像をマイイメージアカウントに登録しておきます
赤い文字の部分が変更するところです。
水色の文字のところがマイイメージアカウントに登録した画像のURLです。

DIV.COMMENT {
MARGIN : 40PX 0PX 0PX;
BORDER : 1PX #D3D3D3 SOLID;
BACKGROUND : #FFF;
PADDING : 10PX 15PX;
background-image:url(http://pds.exblog.jp/pds/1/200710/23/10/siro.jpg);
background-repeat: no-repeat; background-position: 100% 0%;}



TEXTAREA.TXTFLD {
FONT:9PT osaka;
COLOR:#000;
BORDER:1PX SOLID #666678;
BACKGROUND:#FFF;
height:15em;
background-image:url(http://pds.exblog.jp/pds/1/200710/23/10/tree2.gif);
background-position:0% 100%;
background-repeat:no-repeat;}

[PR]
# by snowdropa | 2007-10-23 22:40 | CSS |Topにもどる
t3
a0107510_14203374.jpgイワカガミ
あああああああああ
いいいいいいいい 

a0107510_14224177.jpg
タテヤマウツボグサ
ううううううううううう
えええええええええええ
ああああああああああ
いいいいいいいいいいいい
おおおおおおおおおおおお


a0107510_14254996.jpgタテヤママツムシソウ
かかかかかかか
ききききききききき
くくくくくくく
[PR]
# by snowdropa | 2007-10-19 14:28 |Topにもどる